/*
 * Theme name: YouCode21
 * Author: aPosto
 * Text Domain: youcode21
 * Domain Path: /languages
 */

body::after{
    content: none !important;
}

.news-body p{
    margin-bottom: 1rem;
}

#amelia-hidden{
    display: none !important;
}
#amelia-container{
    padding: 1rem;
}
#am-category .am-category-headline h3{
    display: none !important;
}
.amelia-app-booking #am-service-booking .am-service-gallery{
    background-image: none !important;
    min-height: 0 !important;
    min-height: 72px !important;
}
#am-category .am-category-service .am-category-color-wrapper{
    display: none !important;
}
#am-category .am-category-service .am-category-services-thumbs img{
    display: none !important;
}
#am-category .am-category-service-wrapper{
    justify-content: center !important;
}

/* trial */
#trial-form .login-buttons{
    flex-wrap: wrap;
}
#trial-form .login-buttons >div{
    display: flex;
    justify-content: center;
    align-items: center;
}
#trial-form .disabled{
    opacity: 0.4;
}
#trial-form .radio{

}
#trial-form .radio.radio-before{
    margin-right: 0;
}
#trial-form .tag-almost-full,#trial-form .tag-full{
    color: #ff5252;
    font-size: 0.8rem;
    font-weight: bold;
    margin-left: 0.5rem;
}
@media screen and (max-width: 1023px){
    #trial-form form{
        --side-padding: 12px;
    }
}
@media screen and (min-width: 1024px){
    #trial-form .tag-almost-full,#trial-form .tag-full{
        font-size: 1rem;
    }
}

#trial-form .trial-title{
    font-size: 15px;
}
#trial-form .trial-time{
    font-size: 14px;
}
#trial-form .trial-info{
    font-size: 12px;
}
@media screen and (min-width: 1024px){
    #trial-form .trial-title{
        font-size: 18px;
    }
    #trial-form .trial-time{
        font-size: 18px;
    }
    #trial-form .trial-info{
        font-size: 16px;
    }
}

/*
 Scroll bar
 */
/*Firefox*/
* {
    scrollbar-width: thin;/*細さ*/
    scrollbar-color: #f9c427 #fffacd;/*つまみの色 軌道の色*/
}
/*Chrome*/
::-webkit-scrollbar {/*縦方向スクロールバーの幅*/
    width: 10px;
}
::-webkit-scrollbar:horizontal {/*横方向スクロールバーの高さ*/
    height: 12px;
}
::-webkit-scrollbar-track {/*スクロールバーの軌道*/
    background: lemonchiffon;
}
::-webkit-scrollbar-thumb {/*つまみの部分*/
    box-shadow: inset 0 0 10px #f9c427;
    border-radius: 10px;
    background: rgba(249, 196, 39, 0.55);
}
::-webkit-scrollbar-thumb:hover {/*マウスホバー時*/
    background: #f9c427;
}


/* Clarity fadein off */
[data-clarity-id] [data-fadein-animation]{
    opacity: 1 !important;
}