/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.main-header {
    width: 100%;
    transition: all 0.4s ease;
    z-index: 99;
}

.main-header.sticky-active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    animation: slideDown 0.4s ease forwards;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}

@media (max-width: 1024px){
header,
header.is-sticky,
.sticky-header {
    transform: none !important;
    overflow: visible !important;
}
	.thim-ekits-menu__container {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100vh;
    z-index: 999999 !important;
}

.thim-ekits-menu__mobile__overlay {
    position: fixed !important;
    z-index: 999998 !important;
}
}

.swiper-button-prev.custom-nav, .swiper-button-next.custom-nav {
    background: red;
    padding: 10px;
    border-radius: 50px;
    width: 50px;
    height: 50px;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 20px !important;
    color: #fff;
}

/* Layout */
.mf-checkbox.multi-option-input-type{
    display:flex;
}

/* Hide checkbox */
.mf-checkbox.multi-option-input-type input{
    display:none;
}

/* Hide number text */
.mf-checkbox.multi-option-input-type span{
    display:none;
}

/* Emoji style */
.mf-checkbox-option label{
    font-size:28px;
    cursor:pointer;
    filter:grayscale(100%);
    transition:.25s ease;
}

/* Emojis */
.mf-checkbox-option:nth-child(1) label::before{content:"😡";}
.mf-checkbox-option:nth-child(2) label::before{content:"😕";}
.mf-checkbox-option:nth-child(3) label::before{content:"😐";}
.mf-checkbox-option:nth-child(4) label::before{content:"🙂";}
.mf-checkbox-option:nth-child(5) label::before{content:"😍";}

/* Hover highlight */
.mf-checkbox-option.hover label{
    filter:grayscale(0%);
    transform:scale(1.2);
}

/* Selected highlight */
.mf-checkbox-option.active label{
    filter:grayscale(0%);
    transform:scale(1.2);
}