/* START hotfix otterblocks screen size rule */
@media (min-width: 960px) {
    div.o-hide-on-tablet,
    div.o-hide-on-mobile {
        display: initial !important;
    }

    div.o-hide-on-desktop {
        display: none !important;
    }
}

@media (min-width: 600px) and (max-width: 959px) {
    div.o-hide-on-desktop,
    div.o-hide-on-mobile {
        display: initial !important;
    }

    div.o-hide-on-tablet {
        display: none !important;
    }
}

@media (max-width: 599px) {
    div.o-hide-on-desktop,
    div.o-hide-on-tablet {
        display: initial !important;
    }

    div.o-hide-on-mobile {
        display: none !important;
    }
}
/* END hotfix otterblocks screen size rule */

/* START hotfix otterblocks responsive */
@media (min-width: 960px) {
    .wp-block-themeisle-blocks-advanced-columns.hide-in-table,
    .wp-block-themeisle-blocks-advanced-columns.hide-in-mobile {
        display: initial;
    }

    .wp-block-themeisle-blocks-advanced-columns.hide-in-desktop {
        display: none !important;
    }
}

@media (min-width: 600px) and (max-width: 959px) {
    .wp-block-themeisle-blocks-advanced-columns.hide-in-desktop,
    .wp-block-themeisle-blocks-advanced-columns.hide-in-mobile {
        display: initial;
    }

    .wp-block-themeisle-blocks-advanced-columns.hide-in-tablet {
        display: none !important;
    }
}

@media (max-width: 599px) {
    .wp-block-themeisle-blocks-advanced-columns.hide-in-desktop,
    .wp-block-themeisle-blocks-advanced-columns.hide-in-tablet {
        display: initial;
    }

    .wp-block-themeisle-blocks-advanced-columns.hide-in-mobile {
        display: none !important;
    }
}
/* END hotfix otterblocks responsive */

@media (min-width: 600px) {
    /* nav button */
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: initial;
    }

    /* nav listing */
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}

@media (min-width: 960px) {
    /* nav button */
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none;
    }

    /* nav listing */
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        background-color: inherit;
        display: block;
        position: relative;
        width: 100%;
        z-index: auto;
    }
}

@media (max-width: 600px) {
    body [data-hide-on-mobile] {
        display: none;
    }
}

@media (min-width: 600px) and (max-width: 959px) {
    body [data-hide-on-tablet] {
        display: none;
    }
}

@media (min-width: 960px) {
    body [data-hide-on-desktop] {
        display: none;
    }
}

.wp-block-creative-ct-responsive-slider {
    max-width: 100%;

    &::-webkit-scrollbar {
        height: 0.5rem;
        cursor: pointer;

        @media (min-width: 960px) {
            height: 0rem;
            cursor: pointer;
        }
    }

    &::-webkit-scrollbar-track {
        background: transparent;
    }

    &::-webkit-scrollbar-thumb {
        background: transparent;
        cursor: pointer;
    }

    &:hover {
        &::-webkit-scrollbar-track {
            background: #f1f1f1;
        }
        &::-webkit-scrollbar-thumb {
            background: var(--wp--preset--color--contrast-2);
        }
    }
}

.wp-block-creative-ct-responsive-slider-control {
    cursor: pointer;
}

.wp-block-creative-ct-navigation-item .wp-block-themeisle-blocks-accordion.is-style-default>.wp-block-themeisle-blocks-accordion-item>.wp-block-themeisle-blocks-accordion-item__title {
    border-top: 0;
}

.wp-block-creative-ct-navigation-item .wp-block-themeisle-blocks-accordion.is-style-default>.wp-block-themeisle-blocks-accordion-item:last-child:not([open]):not(.is-open)>.wp-block-themeisle-blocks-accordion-item__title,
.wp-block-themeisle-blocks-accordion.is-style-default>.wp-block-themeisle-blocks-accordion-item:last-child>.wp-block-themeisle-blocks-accordion-item__content  {
    border-bottom: 0;
}

.wp-block-creative-ct-navigation-item {
    .wp-block-themeisle-blocks-accordion {
        .wp-block-themeisle-blocks-accordion-item__title {
            padding-left: 0;
            padding-right: 0;

            > * {
                color: inherit;
                font-weight: inherit;
            }
        }

        .wp-block-themeisle-blocks-accordion-item__content {
            padding-right: 0;
        }
    }
}

.wp-block-creative-ct-breadcrumbs {
    .breadcrumb-item {
        > a {
            font-weight: bold;
        }

        > span {
            font-weight: normal;
        }
    }
}

body {
    .scrollable-header {
        transition: all 100ms linear;
    
        &:not(.scrollable-animate) {
            .scrollable-logo {
                > *:nth-child(2) {
                    /* display: none; */
                }
                > *:nth-child(1) {
                    display: none;
                }
            }
        }
    }

    &.is-scrolled {
        .scrollable-header {
            top: -42px;
            border-bottom: 1px solid #E9ECEF;

            &.scrollable-animate {
                .scrollable-logo {
                    > *:nth-child(1) {
                        display: none;
                    }
                }
            }
        }

        &.admin-bar .scrollable-header {
            top: -10px;
        }
    }

    &:not(.is-scrolled) {
        .scrollable-header {
            background-color: transparent !important;

            &.is-scrollable-header-base-2 {
                background-color: var(--wp--preset--color--base-2) !important;
            }
    
            > *:nth-child(2) * {
                color: #fff;
                border-bottom: 1px solid transparent;
            }
    
            > *:nth-child(2) {
                .wp-block-creative-ct-navigation-menu * {
                    color: inherit;
                }
            }

            &.scrollable-animate {
                .scrollable-logo {
                    > *:nth-child(2) {
                        display: none;
                        border-bottom: 0px solid transparent;
                    }
                }
            }
        }
    }
}

.wp-block-creative-ct-navigation-item {
    user-select: none;
    cursor: pointer;

    > .wp-block-creative-ct-navigation-menu,
    > .wp-block-template-part > .wp-block-creative-ct-navigation-menu {
        cursor: initial;
    }

    
    &[aria-expanded="true"] {
        .icon:nth-child(1) {
            display: none;
        }
    }

    &[aria-expanded="false"] {
        .icon:nth-child(2) {
            display: none;
        }
    }
}

.wp-site-blocks {
    .wp-block-themeisle-blocks-advanced-columns {
        transition: none;
        .wp-block-themeisle-blocks-advanced-column {
            transition: none;
        }
    }
}

.animation-rotate {
    animation: animationRotate 2.5s linear;
    animation-iteration-count: 1;
}

@keyframes animationRotate {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(90deg);
    }

    50% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(240deg);
    }

    100% {
        transform: rotate(360deg);
    }
}