/*!* Theme Name: Kaffiliate
* Theme URI: https://kafe.rocks
* Description: New Affiliate Theme for Kafe Rocks
* Author: Kafe Rocks
* Author URI: https://kafe.rocks
* Text domain: kfa
* Last update: 2022-08-30
* Version: 0.2*/
:root {
    --font-size-xxs: 10px;
    --font-size-s: 14px;
    --font-size-xl: 20px;
    --font-size-xxxl: 28px;
    --line-height-l: 20px;
    --line-height-xl: 24px;
    --line-height-xxl: 28px;
    --margin-mid: 24px;
    --margin-reg: 32px;
    --margin-1x: 8px;
    --margin-2x: 16px;
    --margin-3x: 24px;
    --margin-4x: 32px;
    --margin-5x: 40px;
    --margin-6x: 48px;
    --margin-7x: 56px;
    --margin-8x: 64px;
    --margin-150: 12px;
    --margin-36x: 36px;
    --padding-3x: 24px;
    --padding-4x: 32px;
    --padding-5x: 40px;
    --padding-6x: 48px;
    --padding-7x: 56px;
    --padding-8x: 64px;
    --gap-1x: 8px;
    --gap-5x: 40px;
    --gap-6x: 48px;
    --gap-7x: 56px;
    --gap-8x: 64px;
    --border-radius-1x: 4px;
    --primary-color: #333;
    --bottom-bar-height: 56px;
    --transition-speed: 0.3s
}

@font-face {
    font-family: source sans pro;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(./assets/fonts/source-sans-pro/SourceSansPro-Regular.woff2)
}

@font-face {
    font-family: source sans pro;
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url(./assets/fonts/source-sans-pro/SourceSansPro-SemiBold.woff2)
}

@font-face {
    font-family: noto sans jp;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(./assets/fonts/noto-sans-jp/noto-sans-jp-v36-latin-regular.eot);
    src: local(""), url(./assets/fonts/noto-sans-jp/noto-sans-jp-v36-latin-regular.eot?#iefix) format("embedded-opentype"), url(./assets/fonts/noto-sans-jp/noto-sans-jp-v36-latin-regular.woff2) format("woff2"), url(./assets/fonts/noto-sans-jp/noto-sans-jp-v36-latin-regular.woff) format("woff"), url(./assets/fonts/noto-sans-jp/noto-sans-jp-v36-latin-regular.svg#NotoSansJP) format("svg")
}

@font-face {
    font-family: noto sans jp;
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url(./assets/fonts/noto-sans-jp/noto-sans-jp-v36-latin-700.eot);
    src: local(""), url(./assets/fonts/noto-sans-jp/noto-sans-jp-v36-latin-700.eot?#iefix) format("embedded-opentype"), url(./assets/fonts/noto-sans-jp/noto-sans-jp-v36-latin-700.woff2) format("woff2"), url(./assets/fonts/noto-sans-jp/noto-sans-jp-v36-latin-700.woff) format("woff"), url(./assets/fonts/noto-sans-jp/noto-sans-jp-v36-latin-700.svg#NotoSansJP) format("svg")
}

@font-face {
    font-family: dm sans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(./assets/fonts/dm-sans/DM-Sans-Regular-Latin-Ext.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: dm sans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(./assets/fonts/dm-sans/DM-Sans-Regular-Latin.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: dm sans;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(./assets/fonts/dm-sans/DM-Sans-SemiBold-Latin-Ext.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: dm sans;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(./assets/fonts/dm-sans/DM-Sans-SemiBold-Latin.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: poppins;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(./assets/fonts/poppins/Poppins-SemiBold-Latin-Ext.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: poppins;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(./assets/fonts/poppins/Poppins-SemiBold-Latin.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

html {
    scroll-behavior: smooth
}

figcaption {
    font-size: 16px;
    font-style: italic;
    margin: 5px 0 var(--margin-3x)
}

.k-block {
    background: var(--component-background);
    box-shadow: var(--component-shadow);
    border: var(--component-border);
    border-radius: var(--component-border-radius)
}

html[lang=ja] h1, html[lang=ja] .h1 {
    font-size: 28px;
    line-height: 1.5em
}

@media (max-width: 767px) {
    html[lang=ja] h1, html[lang=ja] .h1 {
        font-size: 22px
    }
}

html[lang=ja] h2, html[lang=ja] .h2 {
    font-size: 24px;
    line-height: 1.5em
}

@media (max-width: 767px) {
    html[lang=ja] h2, html[lang=ja] .h2 {
        font-size: 20px
    }
}

html[lang=ja] h3, html[lang=ja] .h3 {
    font-size: 18px;
    line-height: 1.5em
}

html[lang=ja] h4, html[lang=ja] .h4 {
    font-size: 16px;
    line-height: 1.5em
}

@media (min-width: 768px)and (max-width: 1223px) {
    html[lang=ja] h4, html[lang=ja] .h4 {
        font-size: 18px
    }
}

html[lang=ja] h5, html[lang=ja] h6, html[lang=ja] .h5, html[lang=ja] .h6 {
    font-size: var(--font-size-m);
    line-height: var(--line-height-small)
}

@media (min-width: 768px)and (max-width: 1223px) {
    html[lang=ja] h5, html[lang=ja] h6, html[lang=ja] .h5, html[lang=ja] .h6 {
        font-size: 18px
    }
}

.aligncenter img {
    margin-right: auto;
    margin-left: auto
}

.wp-element-caption {
    text-align: center;
    font-size: 14px;
    font-style: italic
}

ol li:nth-child(n+10):before {
    width: 1.5em
}

#sidebar {
    background-color: var(--sidebar-bg)
}

@media (min-width: 1224px) {
    #sidebar {
        background: transparent
    }
}

@media (min-width: 1224px) {
    #footer {
        margin-top: 136px
    }
}

.review-wrapper-header {
    flex: 1 0 100%;
    box-sizing: border-box;
    border-radius: var(--review-wrapper-radius);
    padding-left: var(--padding-2x);
    padding-right: var(--padding-2x);
    margin-bottom: 0;
    background: var(--review-wrapper-header-bg)
}

@media (min-width: 1224px) {
    .review-wrapper-header {
        border: var(--review-wrapper-border);
        padding: var(--padding-3x);
        margin-bottom: 24px
    }
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.d-flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center
}

.d-flex-middle {
    display: flex;
    align-items: center
}

.b-regular {
    border: 1px solid var(--border-color-standard)
}

.pt-1x {
    padding-top: var(--padding-1x)
}

.pb-1x {
    padding-bottom: var(--padding-1x)
}

.mb-150 {
    margin-bottom: var(--margin-150)
}

.d-flex-two-columns {
    display: flex;
    flex-direction: column
}

.d-flex-two-columns > div {
    flex: 1 0 100%
}

@media only screen and (min-width: 768px) {
    .d-flex-two-columns {
        flex-direction: row;
        gap: var(--gap-3x)
    }

    .d-flex-two-columns > div {
        flex: 0 1 50%
    }
}

.gap-xs {
    gap: 4px
}

.gap-1x {
    gap: 8px
}

.gap-05x {
    gap: 4px
}

.mr-05x {
    margin-right: 4px
}

.color-success {
    color: #64a518
}

.flex-1 {
    flex: 1 1 0
}

.bg-white {
    background-color: #fff
}

.top-0 {
    top: 0
}

.left-0 {
    left: 0
}

.l-grid {
    display: grid
}

.l-grid.l-grid--max-three {
    grid-template-columns:1fr
}

@media screen and (min-width: 768px) {
    .l-grid.l-grid--max-three {
        grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)
    }
}

@media screen and (min-width: 1200px) {
    .l-grid.l-grid--max-three {
        grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
    }
}

.l-grid.l-grid--special-three {
    grid-template-columns:1fr
}

@media (min-width: 768px) {
    .l-grid.l-grid--special-three {
        grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
    }
}

.l-grid.l-grid--gap-mid {
    gap: var(--gap-4x)
}

.l-grid.l-grid--gap-2x {
    gap: var(--gap-2x)
}

.img-text-box {
    display: flex;
    align-items: center;
    color: var(--content-text-color)
}

.img-text-box.no-radius img {
    border-radius: 0
}

.img-text-box img {
    width: 72px;
    height: auto;
    margin-right: 8px;
    display: block;
    border-radius: 100%
}

.img-text-box a {
    color: var(--link-color)
}

.img-text-box:last-child {
    margin-bottom: 0
}

.widget .img-text-box {
    color: var(--sidebar-text-color)
}

footer {
    background-color: #f2f3f4;
    padding: var(--padding-4x) var(--padding-2x);
    background: var(--footer-bg);
    color: var(--footer-primary-text)
}

footer .container {
    padding: 0
}

footer .container::before {
    display: none
}

footer a, footer .menu_copyright ul li a, footer .widget-area .widget .h1, footer #footer-bottom p, footer .language-switcher .helper-text, footer .language-switcher button {
    color: var(--footer-primary-text)
}

footer .language-switcher button {
    border-radius: var(--footer-switcher-border-radius)
}

footer .widget {
    border: 0
}

footer .widget a {
    border-top: 0
}

footer .widget-area .widget {
    background-color: transparent;
    border: 0
}

footer .widget-area .widget .h1 {
    background: transparent
}

footer .top {
    display: grid;
    grid-template-columns:100fr;
    grid-gap: 10px;
    align-content: space-evenly;
    align-items: center
}

footer .top .lang-switch {
    margin-top: var(--margin-4x)
}

footer .top .logo {
    text-align: center;
    margin: 0 auto;
    max-width: 200px
}

footer .top .logo img {
    width: auto
}

@media (min-width: 768px) {
    footer .top {
        display: grid;
        grid-template-columns:100fr 50fr;
        margin-bottom: var(--margin-2x)
    }

    footer .top .lang-switch {
        margin-top: 0
    }

    footer .top .logo {
        display: flex;
        align-items: center;
        text-align: left;
        margin: 0;
        max-width: 200px
    }
}

@media (min-width: 1224px) {
    footer .top {
        grid-template-columns:75fr 25fr
    }
}

footer .menus {
    display: grid;
    margin-top: 50px;
    grid-template-columns:100fr;
    grid-gap: var(--gap-5x) var(--gap-3x)
}

footer .menus .title-menu, footer .menus .h1 {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-m);
    line-height: var(--line-height-xl);
    padding: 0;
    margin-bottom: var(--margin-1x);
    border: 0
}

footer .menus::before {
    display: none
}

footer .menus ul.menu {
    margin-bottom: 0
}

footer .menus .textwidget {
    padding: 0;
    background-color: transparent;
    border: 0
}

footer .menus .menu ul {
    list-style: none;
    padding-left: 0
}

footer .menus .menu ul li {
    font-size: var(--font-size-m);
    line-height: var(--line-height-xl);
    padding-bottom: var(--padding-1x);
    margin-bottom: 0
}

footer .menus .menu ul li a {
    padding: 0;
    border-top: 0
}

footer .menus .menu ul li a:hover {
    background: transparent;
    color: var(--footer-primary-text);
    text-decoration: underline
}

footer .menus .menu ul li:last-child {
    padding-bottom: 0
}

footer .menus .menu ul li::before {
    display: none
}

@media (min-width: 768px)and (max-width: 1223px) {
    footer .menus {
        grid-template-columns:33fr 33fr 33fr;
        grid-gap: var(--gap-5x) var(--gap-3x);
        width: 100%
    }
}

@media (min-width: 1224px) {
    footer .menus {
        grid-template-columns:16fr 16fr 16fr 16fr 16fr 16fr;
        grid-gap: 0 var(--gap-3x)
    }
}

@media (min-width: 1224px) {
    footer .menu-holder {
        display: flex
    }
}

footer .social {
    flex-shrink: 0;
    gap: 16px;
    margin-bottom: 24px
}

@media (min-width: 1224px) {
    footer .social {
        margin-bottom: 0
    }
}

@media (min-width: 1224px) {
    footer .single-menu {
        display: flex;
        align-items: center
    }
}

footer .single-menu h2 {
    display: none
}

footer .single-menu ul.menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-bottom: 0
}

@media (min-width: 1224px) {
    footer .single-menu ul.menu {
        gap: 32px
    }
}

footer .single-menu ul.menu li {
    margin: 0;
    width: 100%
}

@media (min-width: 1224px) {
    footer .single-menu ul.menu li {
        width: auto
    }
}

footer #footer-top {
    width: 100%
}

footer #footer-bottom {
    margin-top: var(--margin-8x);
    margin-bottom: var(--margin-5x);
    width: 100%
}

footer #footer-bottom .copyright {
    font-size: var(--font-size-s)
}

@media (min-width: 1224px) {
    footer #footer-bottom {
        margin-bottom: 0
    }

    footer #footer-bottom .copyright {
        margin-left: auto;
        font-size: var(--font-size-s)
    }

    footer #footer-bottom .copyright span:first-child {
        margin-right: 5px
    }
}

footer #footer-bottom .textwidget {
    padding: 0
}

footer #footer-bottom .widget-wrapper aside {
    margin-bottom: 0;
    display: inline-block
}

@media (min-width: 768px)and (max-width: 1223px) {
    footer #footer-bottom .widget-wrapper {
        display: flex
    }
}

@media (min-width: 768px)and (max-width: 1223px) {
    footer #footer-bottom .eighteen {
        margin-top: 0
    }
}

@media (min-width: 1224px) {
    footer #footer-bottom .eighteen {
        display: inline-block;
        margin-right: var(--margin-2x)
    }
}

footer #footer-bottom .widget-area {
    display: flex;
    align-items: center;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap
}

footer #footer-bottom p {
    margin: 0;
    text-align: center
}

footer #footer-bottom img {
    display: inline-block;
    margin: var(--margin-1x) var(--margin-3x) var(--margin-1x) 0
}

footer #footer-bottom img:first-child {
    margin-left: 0
}

@media (min-width: 768px) {
    footer #footer-bottom img {
        margin: 0 var(--margin-3x)
    }
}

footer #footer-bottom::after {
    display: none
}

footer #footer-bottom .copyright {
    text-align: center
}

footer #footer-bottom .copyright.bottom {
    margin-bottom: var(--margin-3x);
    font-size: var(--font-size-s)
}

@media (min-width: 768px) {
    footer #footer-bottom .copyright.bottom {
        margin-bottom: 0
    }
}

footer #footer-bottom .menu_copyright {
    display: inline-flex
}

footer #footer-bottom .menu_copyright .widget_nav_menu, footer #footer-bottom .menu_copyright .h1 {
    background-color: transparent;
    display: flex;
    align-items: center
}

footer #footer-bottom .menu_copyright aside > div {
    display: flex;
    align-items: center
}

footer #footer-bottom .menu_copyright .h1 {
    display: inline-flex;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-m);
    line-height: var(--line-height-standard);
    padding: 0;
    padding-right: 15px;
    border: 0;
    background-image: none
}

footer #footer-bottom .menu_copyright ul {
    padding-left: 0
}

footer #footer-bottom .menu_copyright ul li {
    display: flex;
    font-size: var(--font-size-m);
    line-height: 150%;
    margin-right: var(--margin-1x);
    margin-bottom: var(--margin-1x)
}

footer #footer-bottom .menu_copyright ul li a {
    padding: 0
}

footer #footer-bottom .menu_copyright ul li a:hover {
    text-decoration: underline;
    background-color: transparent
}

@media (min-width: 768px) {
    footer #footer-bottom .menu_copyright ul li {
        display: inline-flex;
        margin-bottom: 0
    }
}

@media (min-width: 768px)and (max-width: 1223px) {
    footer #footer-bottom .menu_copyright {
        margin-top: 0
    }
}

footer ul {
    list-style: none
}

footer ul li::before {
    display: none
}

#footer .widget {
    border: 0 !important
}

.product-rating i {
    color: var(--rating-color);
    font-size: 14px;
    width: 17px;
    height: 14px;
    letter-spacing: 3px
}

.product-rating.small i {
    font-size: 11px;
    width: 14px;
    height: 11px
}

.big-star {
    color: #fbb13c;
    font-size: 22px;
    width: 22px;
    height: 22px
}

@media (min-width: 768px)and (max-width: 1223px) {
    .meta-info {
        display: none
    }
}

.meta-info .languages .language {
    margin-right: 4px
}

.meta-info .languages .flags .icon {
    margin-bottom: -2px
}

@media (min-width: 1224px) {
    .review-divider {
        height: var(--divider-color-height);
        background: var(--divider-color)
    }
}

.jumplink i {
    margin-left: var(--margin-1x);
    display: inline-block
}

@media (min-width: 1224px) {
    body.vertical-sport .review-wrapper-header {
        background: var(--component-background);
        box-shadow: var(--component-shadow);
        border: var(--component-border);
        border-radius: var(--component-border-radius)
    }
}

body.vertical-sport .review-wrapper-header .img-logo {
    box-shadow: 0 0 8px rgba(29, 50, 69, .12);
    border-radius: 4px
}

@media (min-width: 1224px) {
    body.vertical-trust .review-wrapper-header {
        background: var(--component-background);
        box-shadow: var(--component-shadow);
        border: var(--component-border);
        border-radius: var(--component-border-radius)
    }
}

body.vertical-trust .review-wrapper-header .cta-box .cta-box--value {
    color: #333
}

body.vertical-trust .review-wrapper-header .pm-logo {
    border-radius: 8px
}

body.vertical-trust .review-wrapper-header .img-logo {
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(222, 216, 240, .5)
}

body.vertical-casino .review-wrapper-header .pm-logo {
    border-radius: 4px;
    box-shadow: 0 0 1px rgba(150, 161, 174, .15), 0 0 4px rgba(31, 38, 61, .12);
    border: 0
}

body.vertical-casino .review-wrapper-header .img-logo {
    border-radius: 4px;
    box-shadow: 0 0 1px rgba(150, 161, 174, .15), 0 0 4px rgba(31, 38, 61, .12);
    border: 0
}

html[lang=ja] body.vertical-trust .review-wrapper-header .cta-box .cta-box--value, html[lang=ja-JP] body.vertical-trust .review-wrapper-header .cta-box .cta-box--value {
    color: var(--brand-color)
}

#floating-bar {
    opacity: 0;
    left: 0;
    right: 0;
    bottom: calc(65px + env(safe-area-inset-bottom));
    background: #fff;
    padding: var(--padding-1x) var(--padding-2x);
    z-index: 10;
    text-align: left;
    box-shadow: var(--component-shadow)
}

@media (min-width: 768px) {
    #floating-bar {
        padding: var(--padding-2x);
        bottom: calc(60px + env(safe-area-inset-bottom))
    }
}

@media only screen and (min-width: 400px) {
    #floating-bar {
        bottom: calc(55px + env(safe-area-inset-bottom))
    }
}

#floating-bar .wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap
}

#floating-bar.show {
    opacity: 1;
    visibility: visible;
    transition: opacity 500ms ease, visibility 500ms ease
}

#floating-bar.hide {
    opacity: 0;
    visibility: hidden;
    transition: opacity 500ms ease, visibility 500ms ease
}

#floating-bar .h2 {
    font-size: 1.25rem;
    margin: 0
}

#floating-bar img {
    margin-bottom: 0;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    min-width: 64px
}

@media (min-width: 768px) {
    #floating-bar img {
        width: 80px;
        height: 80px;
        min-width: 80px
    }
}

@media (min-width: 768px) {
    #floating-bar {
        padding: var(--padding-2x)
    }

    #floating-bar .floating-bar {
        text-align: center
    }
}

@media (min-width: 1224px) {
    #floating-bar {
        padding: var(--padding-2x) 0;
        background: #fff;
        bottom: 0
    }
}

#floating-bar .pfb-wrapper .inner {
    display: flex;
    justify-content: center;
    min-height: 55px
}

@media (min-width: 1224px) {
    #floating-bar .container {
        flex: 0 0 calc(100% - 312px)
    }
}

#floating-bar .kbtn:hover {
    background: var(--btn-primary-bg-color-active) !important
}

@media (min-width: 768px) {
    #floating-bar .review-logo {
        display: flex;
        align-items: center
    }
}

#floating-bar .bonus-info {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    width: 50%
}

#floating-bar .bonus-info > div {
    width: 100%
}

#floating-bar .bonus-info .bonus {
    color: #333;
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold)
}

@media (min-width: 768px) {
    #floating-bar .bonus-info .bonus {
        font-size: var(--font-size-xxl)
    }
}

#floating-bar .bonus-info .cta-prize {
    display: none;
    color: var(--paragraph-color);
    font-size: var(--font-size-s)
}

@media (min-width: 768px) {
    #floating-bar .bonus-info .cta-prize {
        font-size: var(--font-size-m);
        display: block
    }
}

@media (min-width: 768px) {
    #floating-bar .bonus-info {
        text-align: center;
        gap: var(--padding-1x);
        width: auto
    }
}

#floating-bar .cta-container {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center
}

@media (min-width: 1224px) {
    body.floating-bar {
        margin-bottom: 68px
    }
}

.floating-bar.page-template-template-reviews #footer {
    margin-bottom: 80px
}

@media (min-width: 768px)and (max-width: 1223px) {
    .floating-bar.page-template-template-reviews #footer {
        margin-bottom: 130px
    }
}

@media (min-width: 1224px) {
    .floating-bar.page-template-template-reviews #footer {
        margin-bottom: 110px
    }
}

body.vertical-casino #floating-bar {
    box-shadow: var(--cta-shadow)
}

body.vertical-casino #floating-bar .bonus {
    color: var(--brand-color)
}

body.vertical-sport #floating-bar .bonus {
    color: var(--brand-color-2)
}

html[lang=ja] #floating-bar .wrapper .bonus {
    font-size: 18px
}

html[lang=ja] #floating-bar .cta-container .button-container {
    width: 140px
}

html[lang=ja] #floating-bar .cta-container .button-container .kbtn-floating-bar {
    font-size: 14px;
    padding: 10px 0;
    background: #53239e;
    border-color: #53239e;
    color: #fff
}

html[lang=ja] #floating-bar .cta-container .button-container .kbtn-floating-bar .arrow {
    width: 10px
}

#scroll-to-top {
    background-color: #666;
    color: #fff;
    opacity: 0;
    width: 25px;
    height: 25px;
    bottom: 65px;
    border-radius: 100px;
    text-align: center;
    z-index: 500;
    padding: 2.5px 2px 1px 1px;
    right: 20px;
    cursor: pointer;
    pointer-events: auto
}

#scroll-to-top.hide {
    opacity: 0;
    transition: opacity .3s
}

#scroll-to-top.show {
    opacity: 1;
    transition: opacity .3s
}

#scroll-to-top span {
    font-size: 14px;
    margin-top: 2px;
    display: block
}

@media (min-width: 1224px) {
    #scroll-to-top {
        bottom: 20px
    }
}

.author-review-comments {
    border: 1px solid #f0f0f0;
    padding: 25px;
    margin-top: 10px
}

.author-review-comments .flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%
}

.author-review-comments .col-right {
    flex: 1 0 0;
    width: auto;
    order: 2;
    display: flex;
    flex-direction: column
}

.author-review-comments .col-left {
    width: 115px;
    height: 100px;
    display: flex;
    flex-direction: column
}

.author-review-comments .author-name {
    font-size: 16px;
    margin-bottom: 10px
}

.author-review-comments .author-name a {
    display: inline-block;
    font-weight: 700
}

.author-review-comments .author-name .author-display-name {
    font-size: 18px;
    font-weight: 700
}

.author-review-comments .author-job-title, .author-review-comments .social-nets, .author-review-comments .social-nets a {
    color: #9fa2a5
}

.author-review-comments .social-nets {
    margin-top: auto;
    display: flex
}

.author-review-comments .social-nets i {
    margin-right: 15px
}

.author-review-comments .social-nets a {
    margin-right: 15px
}

.author-review-comments .social-nets a:hover {
    color: #000
}

.author-review-comments blockquote {
    position: relative;
    margin: 0;
    padding-top: 2rem;
    padding-left: 5px;
    padding-right: 5px;
    border: 0;
    margin-top: 1.2rem;
    margin-bottom: .1rem
}

.author-review-comments blockquote:before, .author-review-comments blockquote:after {
    position: absolute;
    color: #f1efe6;
    font-size: 5rem
}

.author-review-comments blockquote:before {
    content: "“";
    left: -.5rem;
    top: -1.5rem
}

.author-review-comments blockquote:after {
    content: "”";
    right: 0;
    bottom: -3.75rem
}

.author-review-comments .author-description {
    margin-bottom: 0;
    margin-top: 20px
}

.author-review-comments .author-description {
    margin-bottom: 0;
    margin-top: 20px
}

.social-nets-container {
    display: flex;
    align-items: center;
    justify-content: center
}

.social-nets-container img {
    margin-right: 8px
}

.social-nets-container img:last-child {
    margin-right: 0
}

.icons-container {
    display: grid;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    color: #1f263d;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%
}

.icons-container .icon {
    min-height: 29px
}

.icons-container span {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    color: #1f263d
}

.icons-container > div {
    border-right: 1px solid #e6e7e9;
    padding: 4px 6px;
    text-align: center
}

.icons-container > div:last-child {
    border-right: 0
}

.icons-container svg path {
    fill: #0f338a
}

.icons-container.sport svg path {
    fill: #5aad1e
}

.icons-container.fraud svg path {
    fill: #005fa8
}

.icons-container.fraud > div {
    border-right: 1px solid #99bfdc
}

.icons-container.fraud > div:last-child {
    border-right: 0
}

.author-experience {
    margin-top: 48px;
    margin-bottom: 72px
}

.author-experience h3 {
    color: var(--content-title-color);
    margin-bottom: var(--margin-3x);
    margin-top: 0
}

.author-quote-block .author-quote-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    width: 232px;
    height: 232px
}

@media (max-width: 767px) {
    .author-quote-block .author-quote-avatar {
        height: auto !important;
        min-height: 175px
    }
}

.author-quote-block .author-quote-avatar.author-background {
    background: url(./assets/images/author-background.png);
    background-size: 175px 175px;
    background-repeat: no-repeat;
    background-position: center center
}

.author-quote-block .author-quote-avatar.author-background img {
    border-radius: var(--avatar-radius)
}

.author-quote-block .author-quote-text-container .author-quote-quote {
    padding-bottom: var(--padding-3x)
}

.author-quote-block .author-quote-text-container .author-quote-quote svg > path {
    fill: var(--author-quote-color)
}

.author-quote-block .author-quote-text-container .author-quote-text, .author-quote-block .author-quote-text-container .author-quote-text p {
    line-height: var(--line-height-standard) !important;
    margin: 0 !important
}

@media screen and (min-width: 700px) {
    .author-quote-block {
        display: grid;
        grid-template-columns:fit-content(232px) 1fr;
        align-items: center;
        width: 100%
    }
}

.pagination {
    margin-bottom: 0 !important;
    padding-left: 8px !important;
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    display: flex;
    justify-content: center
}

.pagination li {
    display: inline
}

.pagination li :first-child > a, .pagination li > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination li div, .pagination li a, .pagination li span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination li > a, .pagination li > div {
    border-radius: 50px !important;
    margin-right: 12px;
    margin-top: 4px;
    padding: 0 !important;
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: .02em;
    color: var(--pagination-color) !important;
    border-color: var(--pagination-border) !important;
    box-shadow: var(--pagination-shadow)
}

.pagination li > a:hover, .pagination li > div:hover {
    background: var(--pagination-bg-hover) !important;
    color: #1f263d
}

.pagination li > a.active div, .pagination li > div.active div {
    background: var(--pagination-bg-hover) !important;
    color: #1f263d !important
}

.pagination li.kf-pag-next a, .pagination li.kf-pag-prev a, .pagination li.kf-pag-newest a, .pagination li.kf-pag-oldest a {
    font-size: 28px !important;
    font-weight: 700;
    padding-bottom: 4px !important
}

.pagination li.active div {
    background: var(--pagination-bg-hover) !important;
    border-color: var(--pagination-border) !important;
    color: var(--pagination-color-hover) !important
}

.pagination li::before {
    display: none
}

figure.bordered-table, figure.wp-block-table, figure.coupon_table.table, .tablepress_block, .table-2-4-columns, .table-2-columns {
    background: var(--component-background);
    box-shadow: var(--component-shadow);
    border: var(--component-border);
    border-radius: var(--component-border-radius);
    display: flex;
    flex-direction: column;
    padding: var(--padding-2x)
}

@media (min-width: 768px) {
    figure.bordered-table, figure.wp-block-table, figure.coupon_table.table, .tablepress_block, .table-2-4-columns, .table-2-columns {
        padding: var(--padding-2x);
        table-layout: fixed
    }
}

@media (min-width: 1220px) {
    figure.bordered-table, figure.wp-block-table, figure.coupon_table.table, .tablepress_block, .table-2-4-columns, .table-2-columns {
        padding: var(--padding-3x)
    }
}

.tablepress-basic-scroll {
    order: 2
}

table {
    order: 2;
    width: 100%;
    max-width: 100%;
    border-spacing: 0;
    border-collapse: collapse
}

@media (min-width: 768px) {
    table {
        table-layout: fixed
    }
}

table th, table td {
    border: none;
    text-align: left;
    vertical-align: top;
    padding: var(--padding-1x);
    font-size: var(--font-size-m);
    line-height: var(--line-height-standard)
}

table td {
    border-bottom: 1px solid var(--divider-color);
    min-width: 132px
}

@media (min-width: 768px) {
    table td {
        min-width: 166px
    }
}

table td a:not(.kbtn) span {
    font-size: 12px;
    display: block;
    max-width: 100px;
    text-align: center
}

table th {
    font-weight: var(--font-weight-bold)
}

table td.review {
    width: 100px
}

table .ki-star-full {
    color: #f3961d
}

table .ki-star-half {
    color: #f3961d
}

table img {
    height: auto;
    display: inline
}

table thead > tr:last-child > th {
    border-bottom: 1px solid var(--divider-color)
}

table tbody > tr:last-child > td {
    border-bottom: none
}

figure.wp-block-table, .bullet-items, .tablepress-basic-scroll {
    scrollbar-color: var(--scroll-tack) var(--scroll-bg);
    scrollbar-width: thin;
    overflow-x: auto
}

figure.wp-block-table::-webkit-scrollbar, .bullet-items::-webkit-scrollbar, .tablepress-basic-scroll::-webkit-scrollbar {
    height: 4px;
    cursor: pointer
}

figure.wp-block-table::-webkit-scrollbar-track, .bullet-items::-webkit-scrollbar-track, .tablepress-basic-scroll::-webkit-scrollbar-track {
    background: var(--scroll-bg)
}

figure.wp-block-table::-webkit-scrollbar-thumb, .bullet-items::-webkit-scrollbar-thumb, .tablepress-basic-scroll::-webkit-scrollbar-thumb {
    background: var(--scroll-tack);
    border-radius: 4px
}

figure figcaption, .caption, table caption {
    order: 1;
    padding: var(--padding-1x);
    margin: 0;
    font-style: normal;
    font-size: 18px;
    line-height: var(--line-height-standard);
    text-align: left
}

figure.wp-block-table table th, figure.wp-block-table table td {
    border-right: none;
    border-left: none;
    border-color: #e6e7e9
}

figure.wp-block-table table th {
    border-top: none
}

div#comments {
    margin-top: var(--margin-7x)
}

div#comments > .comments-title {
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-m);
    line-height: 150%;
    color: #1f263d;
    margin: var(--margin-3x) 0
}

div#comments ol.comment-list {
    margin: 0;
    padding: 0
}

div#comments ol.comment-list li {
    margin-bottom: var(--margin-3x);
    position: relative;
    border-bottom: solid 1px var(--neutral-1-color)
}

div#comments ol.comment-list li:before {
    display: none
}

div#comments ol.comment-list li .comment-body {
    border: var(--component-border);
    border-radius: var(--component-border-radius);
    background: var(--component-background);
    box-shadow: var(--component-shadow);
    padding: var(--margin-1x);
    margin-left: 0;
    margin-right: 0;
    margin-bottom: var(--margin-2x)
}

@media (min-width: 768px) {
    div#comments ol.comment-list li .comment-body {
        margin-left: var(--margin-8x)
    }
}

div#comments ol.comment-list li .comment-body .comment-meta {
    display: flex;
    justify-content: space-between;
    background: 0 0;
    padding: 0;
    margin: 0 0 var(--margin-3x);
    align-items: center
}

div#comments ol.comment-list li .comment-body .comment-meta img {
    border-radius: 50%;
    margin-right: var(--margin-1x)
}

@media (min-width: 768px) {
    div#comments ol.comment-list li .comment-body .comment-meta img {
        position: absolute;
        left: 0;
        top: 0
    }
}

div#comments ol.comment-list li .comment-body .comment-meta .comment-author {
    font-size: var(--font-size-m);
    line-height: 150%;
    display: flex;
    align-items: center;
    color: var(--neutral-gray-color)
}

div#comments ol.comment-list li .comment-body .comment-meta .comment-author a {
    color: var(--content-text-color)
}

@media (min-width: 768px) {
    div#comments ol.comment-list li .comment-body .comment-meta .comment-author {
        display: block
    }
}

div#comments ol.comment-list li .comment-body .comment-meta .comment-metadata {
    font-size: var(--font-size-s);
    line-height: 140%;
    color: var(--neutral-gray-color)
}

div#comments ol.comment-list li .comment-body .comment-meta .comment-metadata a {
    color: var(--neutral-gray-color)
}

div#comments ol.comment-list li .comment-content {
    font-size: var(--font-size-m);
    color: #1f263d
}

div#comments ol.comment-list li ol.comment-body {
    background: #fff
}

@media (min-width: 768px) {
    div#comments ol.comment-list li ol.comment-body {
        margin-left: 0;
        margin-right: var(--margin-8x)
    }
}

div#comments ol.comment-list li ol.comment-body .comment-meta {
    flex-direction: column;
    align-items: flex-end
}

@media (min-width: 768px) {
    div#comments ol.comment-list li ol.comment-body .comment-meta {
        flex-direction: row
    }
}

div#comments ol.comment-list li ol.comment-body .comment-meta .comment-author {
    flex-direction: row-reverse
}

div#comments ol.comment-list li ol.comment-body .comment-meta .comment-author img {
    right: 0;
    left: auto;
    margin: 0 0 var(--margin-1x) var(--margin-1x)
}

div#comments ol.comment-list li .children {
    padding: 0;
    margin: 0
}

div#comments ol.comment-list li .children li {
    border-bottom: 0
}

div#comments ol.comment-list li .children li .comment-body {
    border: var(--component-border);
    background: var(--neutral-0-color)
}

div#comments ol.comment-list li.large-author-name .comment-body .comment-meta {
    flex-direction: column;
    align-items: flex-start
}

@media (min-width: 768px) {
    div#comments ol.comment-list li.large-author-name .comment-body .comment-meta {
        flex-direction: row
    }
}

div#comments ol.comment-list li.large-author-name .comment-body .comment-meta .comment-author img {
    margin: 0 var(--margin-1x) var(--margin-1x) 0
}

div#comments ol.children {
    padding-top: var(--padding-2x)
}

div#comments ol.children li {
    margin-bottom: var(--margin-3x);
    position: relative
}

div#comments ol.children li:before {
    display: none
}

div#comments ol.children li:last-child {
    margin-bottom: 0
}

div#comments ol.children li .comment-body {
    padding: var(--margin-1x);
    border-radius: 4px
}

@media (min-width: 768px) {
    div#comments ol.children li .comment-body {
        margin-left: var(--margin-8x)
    }
}

div#comments ol.children li .comment-body .comment-meta {
    display: flex;
    justify-content: space-between;
    background: 0 0;
    padding: 0;
    margin: 0 0 var(--margin-3x);
    align-items: center
}

div#comments ol.children li .comment-body .comment-meta img {
    border-radius: 50%;
    margin-right: var(--margin-1x)
}

@media (min-width: 768px) {
    div#comments ol.children li .comment-body .comment-meta img {
        position: absolute;
        left: 0;
        top: 0
    }
}

div#comments ol.children li .comment-body .comment-meta .comment-author {
    color: #1f263d;
    font-size: var(--font-size-m);
    line-height: 150%;
    display: flex;
    align-items: center
}

@media (min-width: 768px) {
    div#comments ol.children li .comment-body .comment-meta .comment-author {
        display: block
    }
}

div#comments ol.children li .comment-body .comment-meta .comment-metadata {
    font-size: var(--font-size-s);
    line-height: 140%
}

div#comments ol.children li .comment-body .comment-meta .comment-metadata a {
    color: #7c7c7c
}

div#comments ol.children li .comment-content {
    font-size: var(--font-size-m);
    color: #1f263d
}

div#comments ol.children li .children {
    padding: 0;
    margin: 0
}

@media (min-width: 768px) {
    div#comments ol.children li .comment-body {
        margin-left: 0;
        margin-right: var(--margin-8x)
    }
}

div#comments ol.children li .comment-body .comment-meta {
    flex-direction: column;
    align-items: flex-end
}

@media (min-width: 768px) {
    div#comments ol.children li .comment-body .comment-meta {
        flex-direction: row
    }
}

div#comments ol.children li .comment-body .comment-meta .comment-author {
    flex-direction: row-reverse
}

div#comments ol.children li .comment-body .comment-meta .comment-author img {
    right: 0;
    left: auto;
    margin: 0 0 var(--margin-1x) var(--margin-1x)
}

div#comments ol.children li.large-author-name .comment-body .comment-meta {
    flex-direction: column;
    align-items: flex-start
}

@media (min-width: 768px) {
    div#comments ol.children li.large-author-name .comment-body .comment-meta {
        flex-direction: row
    }
}

div#comments ol.children li.large-author-name .comment-body .comment-meta .comment-author img {
    margin: 0 var(--margin-1x) var(--margin-1x) 0
}

.comment-respond {
    font-size: 0
}

.comment-respond p {
    margin-bottom: var(--margin-2x);
    display: inline-block;
    width: 100%
}

.comment-respond p label {
    display: block;
    font-size: var(--font-size-s);
    line-height: var(--line-height-l);
    margin-bottom: var(--margin-1x)
}

.comment-respond p label[for=wp-comment-cookies-consent] {
    display: inline-block;
    font-size: var(--font-size-m);
    line-height: var(--line-height-xl);
    position: relative
}

.comment-respond p label[for=wp-comment-cookies-consent]:before {
    padding: 0;
    width: 16px;
    height: 16px;
    margin: 3px 12px 0 0;
    appearance: unset;
    border: 1px solid #e6e7e9;
    border-radius: 4px;
    display: inline-block;
    font-size: 16px;
    content: "";
    float: left
}

.comment-respond p label[for=wp-comment-cookies-consent]:after {
    position: absolute;
    left: 1px;
    top: 4px;
    font-family: kaffiliate-font !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "";
    opacity: 0
}

.comment-respond p textarea {
    border: 1px solid #e6e7e9;
    border-radius: 4px;
    padding: var(--padding-1x);
    width: 100%;
    height: 88px
}

.comment-respond p input {
    border: 1px solid #e6e7e9;
    border-radius: 4px;
    padding: var(--padding-1x);
    width: 100%;
    height: 40px
}

.comment-respond p input[type=checkbox] {
    display: none
}

.comment-respond p input[type=checkbox]:checked ~ label:after {
    opacity: 1
}

@media (min-width: 768px) {
    .comment-respond p.comment-form-author {
        width: 50%;
        padding-right: var(--padding-1x)
    }
}

@media (min-width: 768px) {
    .comment-respond p.comment-form-email {
        width: 50%;
        padding-left: var(--padding-1x)
    }
}

.comment-respond p.comment-form-cookies-consent {
    display: flex
}

.comment-respond p.form-submit {
    text-align: center
}

@media (min-width: 1220px) {
    .comment-respond p.form-submit {
        text-align: right
    }
}

.archive-content .items {
    display: grid;
    grid-template-columns:1fr;
    row-gap: 24px
}

@media (min-width: 768px) {
    .archive-content .items {
        column-gap: 24px;
        grid-template-columns:1fr 1fr;
        justify-content: space-between
    }
}

@media (min-width: 1220px) {
    .archive-content .items {
        grid-template-columns:1fr 1fr 1fr
    }
}

.archive-content .items .item {
    padding: 0;
    border: var(--component-border);
    display: flex;
    flex-grow: 1
}

.archive-content .items .item > a {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 32px
}

@media (min-width: 768px) {
    .archive-content .items .item > a {
        padding: 24px 16px
    }
}

.archive-content .items .item > a:hover {
    border-color: 1px solid var(--brand-color);
    text-decoration: none;
    box-shadow: var(--component-shadow-hover);
    background-color: var(--component-background-hover)
}

.archive-content .items .item .media_wrapper {
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 14px
}

.archive-content .items .item .media_wrapper .media {
    order: 1;
    margin-bottom: -4px
}

.archive-content .items .item .media_wrapper .media img {
    max-width: 100%;
    max-height: 175px;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    border-radius: 4px
}

@media (min-width: 768px) {
    .archive-content .items .item .media_wrapper .media img {
        max-height: 144px
    }
}

.archive-content .items .item .media_wrapper .title {
    color: var(--link-color);
    order: 2;
    margin-bottom: 0;
    padding: 0
}

.archive-content .items .item .media_wrapper .excerpt {
    order: 3
}

@media (min-width: 768px) {
    .archive-content .items .item .media_wrapper .excerpt {
        min-height: 52px
    }
}

.archive-content .items .item .media_wrapper .separator {
    order: 4;
    width: 100%;
    height: 1px;
    background-color: var(--border-color-standard);
    margin-top: auto
}

.archive-content .items .item .media_wrapper .bottom-container {
    order: 5;
    display: flex;
    align-items: center;
    gap: 8px
}

.archive-content .items .item .media_wrapper .bottom-container .avatar {
    display: flex;
    align-items: center
}

.archive-content .items .item .media_wrapper .bottom-container .avatar img {
    border-radius: 50px
}

.page-template-template-sport-blog #container {
    margin-top: 0
}

.page-template-template-sport-blog #content {
    margin-top: 0
}

.page-template-template-sport-blog #content .top-mobile-widget {
    display: flex
}

.page-template-template-sport-blog #kheroheader {
    background: 0 0
}

.page-template-template-sport-blog .breadcrumbs {
    padding: 0;
    color: #fff
}

.page-template-template-sport-blog .breadcrumbs a {
    color: #fff
}

.page-template-template-sport-blog .breadcrumbs .breadcrumb_last {
    font-weight: var(--font-weight-bold);
    color: #fff
}

.page-template-template-sport-blog:not(.paged) #header.has-quicklinks {
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .page-template-template-sport-blog:not(.paged) #header.has-quicklinks {
        margin-bottom: 56px
    }
}

#gdpr {
    border-radius: var(--component-border-radius);
    border: var(--component-border);
    background: var(--component-background);
    box-shadow: var(--gdpr-box-shadow);
    width: calc(100% - 24px);
    max-width: 343px;
    position: fixed;
    padding: var(--padding-2x);
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 10000;
    font-size: var(--font-size-m);
    font-weight: var(--font-weight-normal);
    display: none;
    bottom: -200px
}

#gdpr.is-shown {
    bottom: calc(64px + env(safe-area-inset-bottom))
}

#gdpr.is-really-shown {
    display: block
}

@media only screen and (min-width: 1224px) {
    #gdpr.is-really-shown {
        display: flex
    }
}

#gdpr .gdpr-top {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: var(--gap-1x);
    margin-bottom: var(--margin-3x);
    max-width: 830px
}

#gdpr .gdpr-top svg, #gdpr .gdpr-top svg > path {
    fill: var(--primary-icon-color)
}

#gdpr .gdpr-text {
    line-height: var(--line-height-standard)
}

#gdpr .gdpr-buttons {
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#gdpr .gdpr-buttons .link {
    color: var(--link-color)
}

#gdpr .kbtn i {
    position: relative;
    top: 2px;
    margin-left: 13px
}

@media only screen and (min-width: 768px) {
    #gdpr {
        max-width: 720px
    }

    #gdpr .gdpr-buttons {
        justify-content: flex-end;
        column-gap: var(--gap-5x);
        gap: var(--gap-5x)
    }
}

@media only screen and (min-width: 1224px) {
    #gdpr {
        padding: var(--padding-3x);
        max-width: 1224px;
        margin-bottom: 0;
        justify-content: space-between;
        align-items: center
    }

    #gdpr .gdpr-top {
        margin-bottom: 0
    }
}

.author {
    font-family: source sans pro
}

.author h2, .author h3, .author h4, .author h5, .author h6 {
    color: var(--content-title-color)
}

.author p {
    color: var(--paragraph-color)
}

.author #content .latest-articles ul, .author #content .archive-content ul {
    margin-left: 0
}

.author .header-author-box {
    background-repeat: no-repeat;
    background-position: -170px -130px;
    background-size: 305px;
    padding: var(--padding-3x);
    margin-top: 0
}

@media (min-width: 768px)and (max-width: 1219px) {
    .author .header-author-box {
        background-size: 350px
    }
}

@media (min-width: 1220px) {
    .author .header-author-box {
        background-size: 410px;
        background-position: -166px -200px;
        padding: var(--padding-4x)
    }
}

.author .header-author-box.casino {
    background-image: url(./assets/images/author-background-casino.svg)
}

@media (min-width: 1220px) {
    .author .header-author-box.casino {
        background-position: -105px -183px;
        background-size: 28%
    }
}

.author .header-author-box.casino .name-container {
    margin: -14px 0 24px
}

.author .header-author-box.sport .background {
    background: 0 0 !important;
    padding: 0 !important
}

.author .header-author-box.sport .background img {
    margin-bottom: 0 !important
}

.author .header-author-box.trust {
    background-image: none
}

.author .header-author-box.trust .icons-container > div {
    border-right: 1px solid #ebebeb
}

.author .header-author-box.trust .avatar-container .background {
    background: 0 0 !important;
    padding: 0 !important
}

.author .header-author-box.trust .avatar-container img {
    margin-bottom: 0
}

@media (min-width: 768px)and (max-width: 1219px) {
    .author .header-author-box.trust .avatar-container {
        justify-content: start
    }

    .author .header-author-box.trust .name-container {
        margin: 0;
        padding: 0
    }
}

@media (min-width: 1220px) {
    .author .header-author-box.trust .avatar-container {
        align-items: baseline
    }

    .author .header-author-box.trust .name-container h1 {
        margin-top: 0
    }
}

.author .header-author-box .avatar-container {
    display: flex;
    align-items: center;
    justify-content: center
}

.author .header-author-box .avatar-container .background {
    background: url(./assets/images/author-background.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 15px
}

.author .header-author-box .avatar-container .background img {
    border-radius: var(--avatar-radius);
    object-fit: cover
}

.author .header-author-box .social-nets-container .author-social-nets {
    margin-bottom: 32px
}

.author .header-author-box .social-nets-container .author-social-nets a:hover {
    text-decoration: none
}

.author .header-author-box .social-nets-container .author-social-nets.no-socials {
    min-height: 0;
    height: 0;
    margin-top: -32px
}

.author .header-author-box .name-container {
    margin: 20px 0 24px
}

.author .header-author-box .name-container h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    color: #0f333d
}

.author .header-author-box .name-container .author-social-nets {
    display: none
}

.author .header-author-box .description {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #1f263d;
    margin-bottom: 24px
}

.author .header-author-box .hobby-image {
    display: none
}

@media (min-width: 768px)and (max-width: 1219px) {
    .author .header-author-box {
        display: grid;
        grid-template-columns:1fr 2fr;
        gap: 0 24px
    }

    .author .header-author-box .name-container {
        padding: 24px 0 12px
    }

    .author .header-author-box .icons-wrapper {
        max-width: 275px;
        margin-top: 0
    }

    .author .header-author-box .social-nets-container {
        justify-content: start;
        margin-top: 10px
    }
}

@media (min-width: 1220px) {
    .author .header-author-box {
        grid-template-columns:1fr 3fr 2fr;
        gap: 0 24px;
        display: grid
    }

    .author .header-author-box .name-container {
        padding: 24px 0 0
    }

    .author .header-author-box .name-container .author-social-nets {
        display: block
    }

    .author .header-author-box .icons-wrapper {
        max-width: 275px;
        margin-top: 0;
        margin-left: 40px
    }

    .author .header-author-box .hobby-image {
        display: block;
        min-width: 100%;
        text-align: center;
        margin: 0 auto 16px
    }

    .author .header-author-box .hobby-image img {
        max-width: 100%;
        height: auto
    }

    .author .header-author-box .ghost-layer {
        order: 5
    }

    .author .header-author-box .avatar-container .avatar {
        width: 200px;
        height: 200px;
        min-width: 200px
    }

    .author .header-author-box .author-social-nets {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .author .header-author-box .author-social-nets.no-social {
        margin-top: -32px
    }

    .author .header-author-box .social-nets-container {
        justify-content: start;
        margin-top: 10px
    }

    .author .header-author-box .social-nets-container.desktop {
        display: block
    }

    .author .header-author-box .social-nets-container:not(.desktop) {
        display: none
    }
}

@media (min-width: 1220px) {
    .author .header-author-box .description {
        margin-bottom: 0
    }

    .author .header-author-box .author-social-nets {
        margin-bottom: 0
    }

    .author .header-author-box .author-social-nets img {
        margin-top: 24px
    }

    .author .header-author-box .name-container {
        margin: 0 !important;
        padding: 0 !important
    }
}

@media (min-width: 1220px) {
    .author .header-author-box .name-container {
        margin: 0 !important;
        padding: 0 !important
    }

    .author .header-author-box .name-container h1 {
        font-style: normal;
        font-weight: 700;
        font-size: 36px;
        line-height: 40px
    }
}

.author .author-experience .img-text-box {
    font-size: var(--font-size-m);
    color: var(--neutral-9-color)
}

.author .author-content h2:first-child {
    margin-top: 0
}

.author .author-content h2:nth-child(2) {
    margin-top: 72px
}

.author .latest-articles .title-container, .author .latest-guides .title-container, .author .paginated .title-container {
    display: flex;
    align-items: center
}

.author .latest-articles .title-container h2, .author .latest-guides .title-container h2, .author .paginated .title-container h2 {
    flex-grow: 1;
    margin-top: 0;
    color: var(--content-title-color)
}

.author .latest-articles .latest-reviews .article, .author .latest-guides .latest-reviews .article, .author .paginated .latest-reviews .article {
    padding: 16px
}

.author .latest-articles .latest-reviews .article p, .author .latest-guides .latest-reviews .article p, .author .paginated .latest-reviews .article p {
    margin-bottom: 24px
}

.author .latest-articles .latest-guides .article, .author .latest-guides .latest-guides .article, .author .paginated .latest-guides .article {
    padding: 16px
}

.author .latest-articles h2.with-reviews, .author .latest-guides h2.with-reviews, .author .paginated h2.with-reviews {
    margin-top: 72px;
    margin-bottom: 32px
}

.author .latest-articles .article, .author .latest-guides .article, .author .paginated .article {
    padding: 16px
}

.author .latest-articles ul.list, .author .latest-guides ul.list, .author .paginated ul.list {
    display: grid;
    grid-template-columns:1fr;
    list-style: none;
    padding: 0 !important;
    gap: 24px;
    margin-top: 4px
}

.author .latest-articles ul.list li, .author .latest-guides ul.list li, .author .paginated ul.list li {
    display: flex;
    flex-direction: column;
    margin-bottom: 0 !important
}

.author .latest-articles ul.list li .article, .author .latest-guides ul.list li .article, .author .paginated ul.list li .article {
    box-sizing: border-box;
    flex-direction: column;
    flex-grow: 1;
    display: flex
}

.author .latest-articles ul.list li .article .title, .author .latest-guides ul.list li .article .title, .author .paginated ul.list li .article .title {
    margin: 16px 0 8px;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 125%
}

.author .latest-articles ul.list li .article .content p, .author .latest-guides ul.list li .article .content p, .author .paginated ul.list li .article .content p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 150% !important;
    color: var(--paragraph-color) !important
}

.author .latest-articles ul.list li .article .image, .author .latest-guides ul.list li .article .image, .author .paginated ul.list li .article .image {
    min-height: 128px;
    object-fit: cover
}

@media (min-width: 768px)and (max-width: 1219px) {
    .author .latest-articles ul.list li .article .image, .author .latest-guides ul.list li .article .image, .author .paginated ul.list li .article .image {
        min-height: 200px
    }
}

.author .latest-articles ul.list li .article .author-content, .author .latest-guides ul.list li .article .author-content, .author .paginated ul.list li .article .author-content {
    align-items: center;
    margin-top: auto;
    display: grid;
    grid-template-columns:1fr 1fr
}

.author .latest-articles ul.list li .article .author-content .author, .author .latest-guides ul.list li .article .author-content .author, .author .paginated ul.list li .article .author-content .author {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%
}

.author .latest-articles ul.list li .article .author-content .link, .author .latest-guides ul.list li .article .author-content .link, .author .paginated ul.list li .article .author-content .link {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    margin-left: auto
}

.author .latest-articles ul.list li .article .author-content .link i, .author .latest-guides ul.list li .article .author-content .link i, .author .paginated ul.list li .article .author-content .link i {
    font-size: 13px
}

.author .latest-articles ul.list li .page .title, .author .latest-guides ul.list li .page .title, .author .paginated ul.list li .page .title {
    margin: 0 0 8px
}

.author .latest-articles ul.list li .page .title.paginated, .author .latest-guides ul.list li .page .title.paginated, .author .paginated ul.list li .page .title.paginated {
    margin: 16px 0 8px
}

.author .latest-articles ul.list li::before, .author .latest-guides ul.list li::before, .author .paginated ul.list li::before {
    display: none
}

.author .latest-articles ul.list li.none, .author .latest-guides ul.list li.none, .author .paginated ul.list li.none {
    display: none
}

@media (max-width: 767px) {
    .author .latest-articles ul.list li.no-mobile, .author .latest-guides ul.list li.no-mobile, .author .paginated ul.list li.no-mobile {
        display: none
    }
}

@media (min-width: 768px)and (max-width: 1219px) {
    .author .latest-articles ul.list li.no-tablet, .author .latest-guides ul.list li.no-tablet, .author .paginated ul.list li.no-tablet {
        display: none
    }
}

@media (min-width: 768px)and (max-width: 1219px) {
    .author .latest-articles ul.list, .author .latest-guides ul.list, .author .paginated ul.list {
        grid-template-columns:1fr 1fr
    }
}

@media (min-width: 1220px) {
    .author .latest-articles ul.list, .author .latest-guides ul.list, .author .paginated ul.list {
        grid-template-columns:1fr 1fr 1fr;
        grid-gap: 24px
    }
}

.author .latest-articles .view-more, .author .latest-guides .view-more, .author .paginated .view-more {
    display: block;
    margin: 0 auto;
    text-align: center;
    letter-spacing: .02em;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 32px
}

.author .latest-articles .view-more i, .author .latest-guides .view-more i, .author .paginated .view-more i {
    font-size: 12px
}

@media (min-width: 1220px) {
    .author .latest-articles .view-more, .author .latest-guides .view-more, .author .paginated .view-more {
        display: none
    }
}

.author .latest-articles h2, .author .latest-guides h2, .author .paginated h2 {
    margin-top: 0
}

.author .latest-articles.no-experience, .author .latest-guides.no-experience, .author .paginated.no-experience {
    margin-top: 72px
}

.author .paginator-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    flex-direction: column
}

.author .paginator-container .link-container {
    margin: 64px 0
}

.author .paginator-container .link-container .link-author {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: .02em
}

@media (min-width: 768px) {
    .author .paginator-container {
        flex-wrap: nowrap;
        flex-direction: row
    }

    .author .paginator-container .link-container {
        margin-left: auto;
        margin-top: 0;
        margin-bottom: 0
    }
}

.author .paginated .pagination {
    margin-bottom: 24px !important
}

.author .interlinking-experience h3 {
    margin-top: 0
}

.author .interlinking-experience .l-grid > div {
    border: var(--author-interlinking-experience-border)
}

.author .interlinking-experience .l-grid .title {
    font-size: var(--font-size-m);
    font-weight: var(--font-weight-bold);
    color: var(--neutral-9-color);
    display: flex;
    gap: 24px;
    align-items: center
}

.author .interlinking-experience .l-grid .container {
    padding: var(--padding-2x);
    gap: var(--padding-1x);
    display: flex;
    align-items: center;
    text-align: center
}

.author .interlinking-experience .l-grid .container i {
    display: var(--author-experience-icon);
    font-weight: var(--font-weight-bold)
}

.author .interlinking-experience .l-grid .container .img-text-box img {
    width: 136px;
    margin-right: var(--margin-1x);
    border-radius: var(--author-image-border-radius)
}

@media (min-width: 768px) {
    .author .interlinking-experience .l-grid .container .img-text-box img {
        width: 232px;
        margin-right: 0
    }
}

@media (min-width: 768px) {
    .author .interlinking-experience .l-grid .container {
        flex-wrap: wrap;
        padding: var(--padding-4x);
        justify-content: center
    }

    .author .interlinking-experience .l-grid .container .title {
        text-align: center;
        margin: 16px auto 0
    }
}

@media (min-width: 1220px) {
    .author .interlinking-experience .l-grid {
        margin-top: 72px;
        gap: var(--gap-3x)
    }
}

@media (max-width: 767px) {
    .page-template-template-trust-blog, .page-template-template-trust-blog-item {
        padding-top: 10px
    }
}

.page-template-template-trust-blog #top-widget, .page-template-template-trust-blog-item #top-widget {
    display: none
}

.page-template-template-trust-blog .breadcrumbs, .page-template-template-trust-blog-item .breadcrumbs {
    margin-top: 64px
}

@media (min-width: 768px)and (max-width: 1219px) {
    .page-template-template-trust-blog .breadcrumbs, .page-template-template-trust-blog-item .breadcrumbs {
        margin-top: 24px
    }
}

@media (min-width: 1220px) {
    .page-template-template-trust-blog .breadcrumbs, .page-template-template-trust-blog-item .breadcrumbs {
        margin-top: 58px
    }
}

.page-template-template-trust-blog .breadcrumbs a, .page-template-template-trust-blog-item .breadcrumbs a {
    color: #666
}

.page-template-template-trust-blog #navigation-top, .page-template-template-trust-blog-item #navigation-top {
    background: var(--brand-color);
    color: var(--neutral-0-color);
    padding: var(--padding-2x);
    height: 64px
}

.page-template-template-trust-blog #navigation-top a:hover, .page-template-template-trust-blog-item #navigation-top a:hover {
    font-weight: var(--font-weight-bold)
}

.page-template-template-trust-blog #navigation-top .navigation-menu-item.active, .page-template-template-trust-blog-item #navigation-top .navigation-menu-item.active {
    font-weight: var(--font-weight-bold)
}

@media (max-width: 767px) {
    .page-template-template-trust-blog #navigation-top #navigation-menu-items.is-opened, .page-template-template-trust-blog-item #navigation-top #navigation-menu-items.is-opened {
        margin-top: 8px
    }

    .page-template-template-trust-blog #navigation-top #navigation-menu-items:before, .page-template-template-trust-blog-item #navigation-top #navigation-menu-items:before {
        margin-top: 8px
    }

    .page-template-template-trust-blog #navigation-top .wrapper, .page-template-template-trust-blog-item #navigation-top .wrapper {
        margin-top: -2px
    }

    .page-template-template-trust-blog #navigation-top #navigation-one, .page-template-template-trust-blog-item #navigation-top #navigation-one {
        max-height: 40px;
        height: 40px
    }

    .page-template-template-trust-blog #navigation-top #navigation-one img, .page-template-template-trust-blog-item #navigation-top #navigation-one img {
        height: 40px;
        width: auto
    }
}

@media (min-width: 768px)and (max-width: 1219px) {
    .page-template-template-trust-blog #navigation-top, .page-template-template-trust-blog-item #navigation-top {
        height: 64px;
        padding: var(--padding-1x)
    }
}

@media (min-width: 1220px) {
    .page-template-template-trust-blog #navigation-top, .page-template-template-trust-blog-item #navigation-top {
        height: 96px;
        padding: var(--padding-2x)
    }
}

@media (min-width: 768px) {
    .page-template-template-trust-blog #navigation-top #navigation-menu-items, .page-template-template-trust-blog-item #navigation-top #navigation-menu-items {
        width: 100%;
        justify-content: center
    }

    .page-template-template-trust-blog #navigation-top #navigation-menu-items .navigation-menu-item, .page-template-template-trust-blog-item #navigation-top #navigation-menu-items .navigation-menu-item {
        color: var(--neutral-0-color)
    }

    .page-template-template-trust-blog #navigation-top #navigation-menu-items .navigation-menu-item .navigation-title, .page-template-template-trust-blog-item #navigation-top #navigation-menu-items .navigation-menu-item .navigation-title {
        color: var(--neutral-0-color)
    }
}

.page-template-template-trust-blog #navigation-top #navigation-mobile-trigger span, .page-template-template-trust-blog-item #navigation-top #navigation-mobile-trigger span {
    background-color: var(--neutral-0-color)
}

.page-template-template-trust-blog #navigation-top #navigation-search .search-toggle, .page-template-template-trust-blog-item #navigation-top #navigation-search .search-toggle {
    color: var(--neutral-0-color)
}

.page-template-template-trust-blog #navigation-top #navigation-search .search-toggle .text, .page-template-template-trust-blog-item #navigation-top #navigation-search .search-toggle .text {
    width: max-content
}

.page-template-template-trust-blog #navigation-top #navigation-search #search-form svg path, .page-template-template-trust-blog-item #navigation-top #navigation-search #search-form svg path {
    fill: #005ea8
}

.page-template-template-trust-blog #navigation-top #navigation-search svg path, .page-template-template-trust-blog-item #navigation-top #navigation-search svg path {
    fill: var(--neutral-0-color)
}

.page-template-template-trust-blog #content, .page-template-template-trust-blog-item #content {
    margin-top: var(--margin-1x)
}

@media (min-width: 768px)and (max-width: 1219px) {
    .page-template-template-trust-blog #content, .page-template-template-trust-blog-item #content {
        margin-top: var(--margin-2x)
    }
}

@media (min-width: 1220px) {
    .page-template-template-trust-blog #content, .page-template-template-trust-blog-item #content {
        margin-top: 0
    }
}

@media (max-width: 767px) {
    .page-template-template-trust-blog .archive-content .items .item:first-child .excerpt, .page-template-template-trust-blog-item .archive-content .items .item:first-child .excerpt {
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box
    }
}

@media (min-width: 768px) {
    .page-template-template-trust-blog .archive-content .items .item:first-child .excerpt, .page-template-template-trust-blog-item .archive-content .items .item:first-child .excerpt {
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box
    }
}

@media (min-width: 1220px) {
    .page-template-template-trust-blog .archive-content .items .item:first-child .excerpt, .page-template-template-trust-blog-item .archive-content .items .item:first-child .excerpt {
        max-height: max-content
    }
}

.page-template-template-trust-blog .archive-content .items .item .media_wrapper, .page-template-template-trust-blog-item .archive-content .items .item .media_wrapper {
    gap: 8px
}

@media (min-width: 768px) {
    .page-template-template-trust-blog .archive-content .items, .page-template-template-trust-blog-item .archive-content .items {
        grid-template-columns:repeat(3, 1fr)
    }

    .page-template-template-trust-blog .archive-content:not(.bottom) .item:first-child, .page-template-template-trust-blog-item .archive-content:not(.bottom) .item:first-child {
        grid-column: 1/-1
    }

    .page-template-template-trust-blog .archive-content:not(.bottom) .item:first-child .media_wrapper, .page-template-template-trust-blog-item .archive-content:not(.bottom) .item:first-child .media_wrapper {
        display: grid;
        grid-template-columns:2fr 3fr;
        grid-column-gap: var(--padding-3x);
        grid-row-gap: 8px;
        grid-template-areas:"photo title" "photo excerpt" "photo separat" "photo author"
    }

    .page-template-template-trust-blog .archive-content:not(.bottom) .item:first-child .media, .page-template-template-trust-blog-item .archive-content:not(.bottom) .item:first-child .media {
        grid-area: photo
    }

    .page-template-template-trust-blog .archive-content:not(.bottom) .item:first-child .media img, .page-template-template-trust-blog-item .archive-content:not(.bottom) .item:first-child .media img {
        min-height: 328px;
        margin-bottom: -4px
    }

    .page-template-template-trust-blog .archive-content:not(.bottom) .item:first-child .title, .page-template-template-trust-blog-item .archive-content:not(.bottom) .item:first-child .title {
        grid-area: title;
        margin-top: 4px
    }

    .page-template-template-trust-blog .archive-content:not(.bottom) .item:first-child .excerpt, .page-template-template-trust-blog-item .archive-content:not(.bottom) .item:first-child .excerpt {
        grid-area: excerpt
    }

    .page-template-template-trust-blog .archive-content:not(.bottom) .item:first-child .separator, .page-template-template-trust-blog-item .archive-content:not(.bottom) .item:first-child .separator {
        grid-area: separat
    }

    .page-template-template-trust-blog .archive-content:not(.bottom) .item:first-child .bottom-container, .page-template-template-trust-blog-item .archive-content:not(.bottom) .item:first-child .bottom-container {
        grid-area: author;
        padding-top: var(--padding-1x);
        padding-bottom: 0
    }
}

.page-template-template-trust-blog .archive-content .title-mobile, .page-template-template-trust-blog-item .archive-content .title-mobile {
    display: block;
    font-size: 24px
}

@media (min-width: 1220px) {
    .page-template-template-trust-blog .archive-content .title-mobile, .page-template-template-trust-blog-item .archive-content .title-mobile {
        display: none
    }
}

.page-template-template-trust-blog .archive-content .second-row, .page-template-template-trust-blog-item .archive-content .second-row {
    margin-top: var(--margin-1x)
}

@media (min-width: 768px)and (max-width: 1219px) {
    .page-template-template-trust-blog .archive-content .second-row, .page-template-template-trust-blog-item .archive-content .second-row {
        display: block;
        margin-top: var(--margin-1x)
    }
}

@media (min-width: 1220px) {
    .page-template-template-trust-blog .archive-content .second-row, .page-template-template-trust-blog-item .archive-content .second-row {
        display: flex;
        gap: var(--padding-3x);
        margin-top: var(--margin-3x)
    }
}

.page-template-template-trust-blog .archive-content .second-row .items, .page-template-template-trust-blog-item .archive-content .second-row .items {
    display: flex
}

.page-template-template-trust-blog .archive-content .second-row .title-tablet, .page-template-template-trust-blog-item .archive-content .second-row .title-tablet {
    font-size: 24px;
    display: none
}

@media (min-width: 1220px) {
    .page-template-template-trust-blog .archive-content .second-row .title-tablet, .page-template-template-trust-blog-item .archive-content .second-row .title-tablet {
        display: block
    }
}

.page-template-template-trust-blog .archive-content .second-row #secondary-main-article .media_wrapper, .page-template-template-trust-blog-item .archive-content .second-row #secondary-main-article .media_wrapper {
    display: flex
}

@media (min-width: 768px) {
    .page-template-template-trust-blog .archive-content .second-row #secondary-main-article, .page-template-template-trust-blog-item .archive-content .second-row #secondary-main-article {
        margin-bottom: var(--margin-2x)
    }
}

@media (min-width: 1220px) {
    .page-template-template-trust-blog .archive-content .second-row #secondary-main-article, .page-template-template-trust-blog-item .archive-content .second-row #secondary-main-article {
        width: 600px;
        margin-bottom: var(--margin-2x)
    }

    .page-template-template-trust-blog .archive-content .second-row #secondary-main-article .media_wrapper, .page-template-template-trust-blog-item .archive-content .second-row #secondary-main-article .media_wrapper {
        grid-auto-columns: 1fr;
        grid-auto-rows: 1fr;
        grid-template-columns:1fr;
        grid-template-rows:1.8fr 1.9fr .2fr .5fr;
        gap: 8px 24px;
        grid-template-areas:"photo" "excerpt" "separator" "author"
    }

    .page-template-template-trust-blog .archive-content .second-row #secondary-main-article .photo, .page-template-template-trust-blog-item .archive-content .second-row #secondary-main-article .photo {
        grid-area: 1/1/2/2
    }

    .page-template-template-trust-blog .archive-content .second-row #secondary-main-article .excerpt, .page-template-template-trust-blog-item .archive-content .second-row #secondary-main-article .excerpt {
        grid-area: 2/1/4/2
    }

    .page-template-template-trust-blog .archive-content .second-row #secondary-main-article .author, .page-template-template-trust-blog-item .archive-content .second-row #secondary-main-article .author {
        grid-area: 4/1/5/2
    }

    .page-template-template-trust-blog .archive-content .second-row #secondary-main-article .separator, .page-template-template-trust-blog-item .archive-content .second-row #secondary-main-article .separator {
        grid-area: 3/1/4/2;
        margin-top: 8px
    }
}

.page-template-template-trust-blog .archive-content .second-row .top-stories, .page-template-template-trust-blog-item .archive-content .second-row .top-stories {
    width: 100%;
    margin-top: var(--margin-2x)
}

@media (min-width: 768px)and (max-width: 1219px) {
    .page-template-template-trust-blog .archive-content .second-row .top-stories, .page-template-template-trust-blog-item .archive-content .second-row .top-stories {
        display: flex;
        gap: 16px;
        width: 100%;
        margin-top: 0
    }

    .page-template-template-trust-blog .archive-content .second-row .top-stories .items, .page-template-template-trust-blog-item .archive-content .second-row .top-stories .items {
        width: 50%
    }

    .page-template-template-trust-blog .archive-content .second-row .top-stories .rest-top-stories, .page-template-template-trust-blog-item .archive-content .second-row .top-stories .rest-top-stories {
        width: 50%;
        margin-top: 0
    }
}

@media (min-width: 1220px) {
    .page-template-template-trust-blog .archive-content .second-row .top-stories, .page-template-template-trust-blog-item .archive-content .second-row .top-stories {
        width: 288px;
        margin-top: 0
    }
}

.page-template-template-trust-blog .archive-content .second-row .top-stories .items, .page-template-template-trust-blog-item .archive-content .second-row .top-stories .items {
    display: flex
}

.page-template-template-trust-blog .archive-content .second-row .top-stories .items .item .media_wrapper, .page-template-template-trust-blog-item .archive-content .second-row .top-stories .items .item .media_wrapper {
    display: flex;
    font-size: var(--font-size-s)
}

.page-template-template-trust-blog .archive-content .second-row .top-stories .items .item .media_wrapper a, .page-template-template-trust-blog .archive-content .second-row .top-stories .items .item .media_wrapper .excerpt, .page-template-template-trust-blog .archive-content .second-row .top-stories .items .item .media_wrapper .data, .page-template-template-trust-blog-item .archive-content .second-row .top-stories .items .item .media_wrapper a, .page-template-template-trust-blog-item .archive-content .second-row .top-stories .items .item .media_wrapper .excerpt, .page-template-template-trust-blog-item .archive-content .second-row .top-stories .items .item .media_wrapper .data {
    font-size: var(--font-size-s)
}

.page-template-template-trust-blog .archive-content .second-row .top-stories .items .item .media_wrapper .media img, .page-template-template-trust-blog-item .archive-content .second-row .top-stories .items .item .media_wrapper .media img {
    min-height: 144px;
    max-height: 144px
}

.page-template-template-trust-blog .archive-content .second-row .top-stories .items .item .media_wrapper .title, .page-template-template-trust-blog-item .archive-content .second-row .top-stories .items .item .media_wrapper .title {
    font-size: var(--font-size-m)
}

.page-template-template-trust-blog .archive-content .second-row .top-stories .items .item .media_wrapper .data, .page-template-template-trust-blog-item .archive-content .second-row .top-stories .items .item .media_wrapper .data {
    font-size: var(--font-size-s)
}

.page-template-template-trust-blog .archive-content .second-row .top-stories .rest-top-stories, .page-template-template-trust-blog-item .archive-content .second-row .top-stories .rest-top-stories {
    border: var(--component-border);
    border-color: #d6d6d6;
    padding-right: var(--padding-1x);
    padding-left: var(--padding-1x)
}

.page-template-template-trust-blog .archive-content .second-row .top-stories .rest-top-stories .item-short, .page-template-template-trust-blog-item .archive-content .second-row .top-stories .rest-top-stories .item-short {
    border-bottom: 1px solid #d6d6d6
}

.page-template-template-trust-blog .archive-content .second-row .top-stories .rest-top-stories .item-short:last-child, .page-template-template-trust-blog-item .archive-content .second-row .top-stories .rest-top-stories .item-short:last-child {
    border: 0
}

.page-template-template-trust-blog .archive-content .second-row .top-stories .rest-top-stories .media_wrapper, .page-template-template-trust-blog-item .archive-content .second-row .top-stories .rest-top-stories .media_wrapper {
    padding: var(--padding-1x)
}

.page-template-template-trust-blog .archive-content .second-row .top-stories .rest-top-stories .media_wrapper a, .page-template-template-trust-blog-item .archive-content .second-row .top-stories .rest-top-stories .media_wrapper a {
    font-size: var(--font-size-s)
}

.page-template-template-trust-blog .archive-content .second-row .top-stories .rest-top-stories .media_wrapper .data, .page-template-template-trust-blog .archive-content .second-row .top-stories .rest-top-stories .media_wrapper a, .page-template-template-trust-blog-item .archive-content .second-row .top-stories .rest-top-stories .media_wrapper .data, .page-template-template-trust-blog-item .archive-content .second-row .top-stories .rest-top-stories .media_wrapper a {
    font-size: var(--font-size-xs)
}

@media (min-width: 768px) {
    .page-template-template-trust-blog .archive-content .second-row .top-stories .rest-top-stories .media_wrapper .data, .page-template-template-trust-blog .archive-content .second-row .top-stories .rest-top-stories .media_wrapper a, .page-template-template-trust-blog-item .archive-content .second-row .top-stories .rest-top-stories .media_wrapper .data, .page-template-template-trust-blog-item .archive-content .second-row .top-stories .rest-top-stories .media_wrapper a {
        font-size: var(--font-size-s)
    }
}

.page-template-template-trust-blog footer, .page-template-template-trust-blog-item footer {
    background: var(--neutral-3-color)
}

.page-template-template-trust-blog footer #footer-top .top, .page-template-template-trust-blog-item footer #footer-top .top {
    grid-gap: 24px
}

.page-template-template-trust-blog footer #footer-top .top .logo a, .page-template-template-trust-blog-item footer #footer-top .top .logo a {
    height: 30px
}

@media (min-width: 768px) {
    .page-template-template-trust-blog footer #footer-top .top, .page-template-template-trust-blog-item footer #footer-top .top {
        display: flex;
        gap: 20px;
        align-items: center
    }
}

.page-template-template-trust-blog footer #footer-top .top .single-menu-trust, .page-template-template-trust-blog-item footer #footer-top .top .single-menu-trust {
    gap: var(--padding-2x);
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media (min-width: 768px) {
    .page-template-template-trust-blog footer #footer-top .top .single-menu-trust, .page-template-template-trust-blog-item footer #footer-top .top .single-menu-trust {
        display: flex;
        justify-content: flex-end;
        flex-direction: row
    }
}

.page-template-template-trust-blog footer #footer-top .top .single-menu-trust ul, .page-template-template-trust-blog-item footer #footer-top .top .single-menu-trust ul {
    display: flex
}

.page-template-template-trust-blog footer #footer-top .top .single-menu-trust a, .page-template-template-trust-blog-item footer #footer-top .top .single-menu-trust a {
    color: var(--footer-primary-text)
}

.page-template-template-trust-blog footer #footer-top .top .single-menu-trust a:hover, .page-template-template-trust-blog-item footer #footer-top .top .single-menu-trust a:hover {
    color: var(--footer-primary-text);
    text-decoration: underline
}

@media (min-width: 768px) {
    .page-template-template-trust-blog footer #footer-bottom, .page-template-template-trust-blog-item footer #footer-bottom {
        display: flex;
        margin-top: 24px
    }
}

#sidebar .widget, #sidebar .widget.generic-widget, #sidebar .widget.widget_text {
    border: none;
    background: transparent;
    color: var(--paragraph-color)
}

#sidebar .widget p, #sidebar .widget.generic-widget p, #sidebar .widget.widget_text p {
    color: var(--paragraph-color)
}

#sidebar .widget a, #sidebar .widget.generic-widget a, #sidebar .widget.widget_text a {
    color: var(--paragraph-color)
}

#sidebar .widget .kbtn, #sidebar .widget.generic-widget .kbtn, #sidebar .widget.widget_text .kbtn {
    color: var(--btn-primary-color)
}

#sidebar .widget .widget-title i svg path, #sidebar .widget.generic-widget .widget-title i svg path, #sidebar .widget.widget_text .widget-title i svg path {
    fill: var(--primary-icon-color)
}

#sidebar .widget .textwidget, #sidebar .widget.generic-widget .textwidget, #sidebar .widget.widget_text .textwidget {
    color: var(--sidebar-text-color)
}

#sidebar .widget .widgets-title, #sidebar .widget.generic-widget .widgets-title, #sidebar .widget.widget_text .widgets-title {
    border-bottom: var(--border-vertical-secondary);
    color: var(--sidebar-title-color);
    font-weight: 700;
    margin-bottom: 16px;
    font-size: 16px
}

#sidebar .widget .widgets-title i > svg > path, #sidebar .widget.generic-widget .widgets-title i > svg > path, #sidebar .widget.widget_text .widgets-title i > svg > path {
    fill: var(--primary-icon-color)
}

@media (max-width: 1219px) {
    #sidebar .widgets-container {
        display: none;
        padding: 18px 16px
    }

    #sidebar .widgets-container.is-active {
        display: block
    }

    #sidebar .widgets-title {
        margin-top: 28px
    }
}

.mobile-sidebar {
    display: flex;
    justify-content: center
}

.mobile-sidebar .summary-container {
    flex-grow: 1;
    display: flex
}

.mobile-sidebar .summary-container span, .mobile-sidebar .summary-container label {
    font-style: normal;
    font-size: 12px;
    line-height: 150%;
    margin: 0
}

.mobile-sidebar .summary-container span {
    font-weight: 700;
    margin-left: 4px
}

.mobile-sidebar .summary-container label {
    font-weight: 400
}

@media (max-width: 768px) {
    .mobile-sidebar .summary-container div {
        display: flex;
        align-items: center
    }

    .mobile-sidebar .summary-container div:not(:first-child) {
        display: none
    }
}

@media (max-width: 1219px) {
    .mobile-sidebar .summary-container div {
        display: flex;
        align-items: center;
        flex-grow: 1
    }

    .mobile-sidebar .summary-container div:nth-child(n+3) {
        display: none
    }
}

.mobile-sidebar .summary-container svg {
    height: 16px
}

.mobile-sidebar .summary-container svg path {
    fill: var(--primary-icon-color)
}

.mobile-sidebar .button {
    cursor: pointer;
    flex-grow: 0;
    display: flex;
    align-items: center;
    font-size: 12px
}

.mobile-sidebar .button i {
    transition: transform .25s ease-out;
    margin-left: 4px;
    display: inline-block
}

.mobile-sidebar .button.is-active i {
    transform: rotate(180deg)
}

@media (min-width: 1220px) {
    .mobile-sidebar {
        display: none
    }
}

#sidebar .widget.widget_nav_menu .h1, #sidebar .widget.widget_nav_menu h1 {
    display: none
}

#sidebar .widget.widget_nav_menu ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0
}

#sidebar .widget.widget_nav_menu ul li {
    color: var(--paragraph-color)
}

#sidebar .widget.widget_nav_menu ul li a {
    color: var(--paragraph-color);
    text-decoration: none
}

#sidebar .widget.widget_nav_menu ul li a:hover {
    color: var(--link-color)
}

#sidebar .widget.widget_nav_menu ul li::before {
    display: none
}

#sidebar .widget.widget_nav_menu ul li ul {
    margin-top: var(--margin-2x)
}

body.vertical-trust #sidebar .widget.generic-widget .widget-title {
    margin-bottom: -4px
}

html [lang=ja] #sidebar .widget a.kbtn, html [lang=ja] #sidebar .widget.generic-widget a.kbtn, html [lang=ja] #sidebar .widget.widget_text a.kbtn {
    color: var(--btn-primary-color)
}

.widget_page_details_widget_child .sidebar-page-details__content {
    color: #333
}

.widget_page_details_widget_child .sidebar-page-details__content i {
    background-image: none !important
}

.widget_page_details_widget_child .sidebar-page-details__content i svg path {
    fill: var(--primary-icon-color)
}

body.vertical-sport #sidebar #top-widget .widget-title i {
    background-image: var(--secondary-icon-color)
}

body.vertical-sport #sidebar #top-widget .widget-title i svg path {
    fill: #5aad1e
}

.collapsible-container .show {
    display: inline-block;
    opacity: 1;
    transition: opacity .5s
}

.collapsible-container .hide {
    display: none;
    opacity: 0;
    transition: opacity .5s
}

.language-switcher a, .language-switcher button {
    display: flex;
    align-items: center;
    padding: 6px 12px
}

.language-switcher {
    position: relative
}

.language-switcher .helper-text {
    margin-bottom: 5px;
    font-size: 12px;
    color: #f2f3f4;
    padding-left: 8px
}

.language-switcher button {
    width: 100%;
    color: #fff;
    border-radius: 0;
    border: 1px solid #ccc;
    background: transparent;
    cursor: pointer
}

.language-switcher button:hover {
    border-color: #8c8c8c
}

.language-switcher button i {
    margin-left: auto
}

.language-switcher img {
    height: auto;
    max-width: 20px;
    margin-right: 10px;
    margin-left: 0
}

.language-switcher a {
    color: #333
}

.language-switcher a:hover {
    text-decoration: none;
    background-color: #f5f5f5
}

.language-switcher #lang-switcher-dropdown a {
    color: var(--content-text-color)
}

.language-switcher ul {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.language-switcher ul.is-opened {
    display: block
}

.language-switcher ul li {
    margin: 0;
    padding: 0
}

.k-author-box {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    gap: var(--gap-2x);
    max-width: 704px
}

@media screen and (min-width: 768px) {
    .k-author-box {
        gap: var(--gap-3x)
    }
}

.k-author-image {
    margin: 0;
    width: var(--k-author-img-size);
    height: var(--k-author-img-size);
    background: var(--k-author-img-background);
    padding: var(--k-author-img-p);
    border-radius: var(--avatar-radius)
}

.k-author-comment {
    font-size: var(--k-author-f-size-mobile);
    line-height: var(--k-author-lh);
    font-style: italic
}

@media only screen and (min-width: 768px) {
    .k-author-comment {
        font-size: var(--k-author-f-size)
    }
}

.k-author-comment p {
    margin-bottom: 0 !important
}

.k-big-spacer {
    margin-top: var(--margin-6x);
    margin-bottom: var(--margin-5x)
}

.k-center {
    margin-left: auto;
    margin-right: auto
}

body.search #container #content .tab-navigation {
    --tabs-separator-color: #dbdde0;
    margin-bottom: var(--margin-3x);
    justify-content: flex-start;
    display: flex;
    gap: 24px;
    border-bottom: 1px solid var(--tabs-separator-color)
}

body.search #container #content .tab-navigation > li {
    padding-top: 0;
    margin-right: var(--margin-4x);
    font-size: 18px;
    line-height: var(--line-height-xxl)
}

@media (max-width: 767px) {
    body.search #container #content .tab-navigation > li {
        margin-bottom: 0
    }
}

body.search #container #content .tab-navigation > li:last-child {
    margin-right: 0
}

body.search #container #content .tab-navigation > li a.tab-link:hover, body.search #container #content .tab-navigation > li a.tab-link:focus, body.search #container #content .tab-navigation > li a.tab-link:active, body.search #container #content .tab-navigation > li a.tab-link.is-active {
    border-bottom: 3px solid var(--brand-color);
    text-decoration: none;
    color: var(--brand-color);
    padding-bottom: 8px
}

@media (max-width: 767px) {
    body.search #container #content .tab-navigation > li a.tab-link:hover, body.search #container #content .tab-navigation > li a.tab-link:focus, body.search #container #content .tab-navigation > li a.tab-link:active, body.search #container #content .tab-navigation > li a.tab-link.is-active {
        padding-bottom: 0
    }
}

body.search #container #content article {
    border: 1px solid #e6e7e9;
    padding: var(--padding-4x) var(--padding-5x);
    margin-bottom: var(--margin-3x)
}

body.search #container #content article h3 {
    margin: 0 0 var(--margin-150)
}

body.search #container #content article h3 a {
    color: #0f333d
}

body.search #container #content article h3 a .highlight {
    background: #eceff6;
    box-shadow: none;
    padding: 0;
    margin: 0
}

body.search #container #content article h3 a:hover {
    text-decoration: none
}

body.search #container #content article .excerpt {
    font-size: var(--font-size-m);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-xl)
}

body.search #container #content .search-no-result {
    text-align: center;
    color: #1f263d
}

body.search #container #content .search-no-result h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: 125%;
    color: #0f338a
}

:root {
    --wp-admin-theme-color: #007cba;
    --wp-admin-theme-color--rgb: 0, 124, 186;
    --wp-admin-theme-color-darker-10: #006ba1;
    --wp-admin-theme-color-darker-10--rgb: 0, 107, 161;
    --wp-admin-theme-color-darker-20: #005a87;
    --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
    --wp-admin-border-width-focus: 2px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    :root {
        --wp-admin-border-width-focus: 1.5px
    }
}

.wp-element-button {
    cursor: pointer
}

:root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 42px
}

:root .has-very-light-gray-background-color {
    background-color: #eee
}

:root .has-very-dark-gray-background-color {
    background-color: #313131
}

:root .has-very-light-gray-color {
    color: #eee
}

:root .has-very-dark-gray-color {
    color: #313131
}

:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
    background: linear-gradient(135deg, #00d084 0%, #0693e3 100%)
}

:root .has-purple-crush-gradient-background {
    background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%)
}

:root .has-hazy-dawn-gradient-background {
    background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%)
}

:root .has-subdued-olive-gradient-background {
    background: linear-gradient(135deg, #fafae1 0%, #67a671 100%)
}

:root .has-atomic-cream-gradient-background {
    background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%)
}

:root .has-nightshade-gradient-background {
    background: linear-gradient(135deg, #330968 0%, #31cdcf 100%)
}

:root .has-midnight-gradient-background {
    background: linear-gradient(135deg, #020381 0%, #2874fc 100%)
}

.has-regular-font-size {
    font-size: 1em
}

.has-larger-font-size {
    font-size: 2.625em
}

.has-normal-font-size {
    font-size: var(--wp--preset--font-size--normal)
}

.has-huge-font-size {
    font-size: var(--wp--preset--font-size--huge)
}

.has-text-align-center {
    text-align: center
}

.has-text-align-left {
    text-align: left
}

.has-text-align-right {
    text-align: right
}

#end-resizable-editor-section {
    display: none
}

.aligncenter {
    clear: both
}

.items-justified-left {
    justify-content: flex-start
}

.items-justified-center {
    justify-content: center
}

.items-justified-right {
    justify-content: flex-end
}

.items-justified-space-between {
    justify-content: space-between
}

.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;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #ddd;
    clip: auto !important;
    clip-path: none;
    color: #444;
    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
}

html :where(.has-border-color) {
    border-style: solid
}

html :where([style*=border-top-color]) {
    border-top-style: solid
}

html :where([style*=border-right-color]) {
    border-right-style: solid
}

html :where([style*=border-bottom-color]) {
    border-bottom-style: solid
}

html :where([style*=border-left-color]) {
    border-left-style: solid
}

html :where([style*=border-width]) {
    border-style: solid
}

html :where([style*=border-top-width]) {
    border-top-style: solid
}

html :where([style*=border-right-width]) {
    border-right-style: solid
}

html :where([style*=border-bottom-width]) {
    border-bottom-style: solid
}

html :where([style*=border-left-width]) {
    border-left-style: solid
}

html :where(img[class*=wp-image-]) {
    height: auto;
    max-width: 100%
}

figure {
    margin: 0 0 1em
}

.wp-block-image {
    margin-bottom: var(--margin-5x)
}

.wp-block-image figcaption.wp-element-caption {
    margin-top: 0;
    border: solid 1px #d6d6d6;
    padding: 8px 16px;
    border-bottom-left-radius: var(--component-border-radius);
    border-bottom-right-radius: var(--component-border-radius);
    font-style: initial;
    text-align: left
}

.wp-block-columns {
    display: flex;
    margin-bottom: 1.75em;
    box-sizing: border-box;
    flex-wrap: wrap !important;
    align-items: initial !important
}

@media (min-width: 782px) {
    .wp-block-columns {
        flex-wrap: nowrap !important
    }
}

.wp-block-columns.are-vertically-aligned-top {
    align-items: flex-start
}

.wp-block-columns.are-vertically-aligned-center {
    align-items: center
}

.wp-block-columns.are-vertically-aligned-bottom {
    align-items: flex-end
}

@media (max-width: 781px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
        flex-basis: 100% !important
    }
}

@media (min-width: 782px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
        flex-basis: 0;
        flex-grow: 1
    }

    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] {
        flex-grow: 0
    }
}

.wp-block-columns.is-not-stacked-on-mobile {
    flex-wrap: nowrap !important
}

.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
    flex-basis: 0;
    flex-grow: 1
}

.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*=flex-basis] {
    flex-grow: 0
}

:where(.wp-block-columns.has-background) {
    padding: 1.25em 2.375em
}

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

.wp-block-column.is-vertically-aligned-top {
    align-self: flex-start
}

.wp-block-column.is-vertically-aligned-center {
    align-self: center
}

.wp-block-column.is-vertically-aligned-bottom {
    align-self: flex-end
}

.wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom {
    width: 100%
}