/* =========================
    Growtio - Business
============================ */

/* grotesk and general sans font */
@import url('../../fonts/custom-fonts.css');

/* business demo variable */
:root{
    --font-heading: 'cabinet grotesk';
    --font-primary: 'general sans';
    --base-color: #a34ee1;
    --lh: 28px;
    --body-font-size: 16px;
    --btn-bg: #D95B00;
    --menu-hover: #1E1E1E;
}

body{
    line-height: var(--lh);
    font-size: var(--body-font-size);
    font-family: var(--font-primary);
    color: var(--gray-1);
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--font-heading);
    font-weight: 700 !important;    
}
h2{
    font-size: 70px;
    line-height: 75px;
}
.base-bg{
    background: var(--base-color) !important;
}
.base-color{
    color: var(--base-color) !important;
}
.business__bg{
    background-color: var(--base-color);
}
.business__bg-2{
    background-color: #F1F7FF;
}
.rts__btn.business{
    background: var(--btn-bg);
    font-family: var(--font-syne);
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
}
.rts__btn.with__arrow{
    font-family: var(--font-heading);
    font-weight: 700;
    color: var(--gray-2);
    border-bottom: 1px solid var(--gray-2);
    span{
        transform: rotate(-40deg);
        transition: var(--transition);
    }
    &:hover{
        color: var(--btn-bg);
        border-color: var(--btn-bg);
        span{
            transform: rotate(0);
        }
    }
}
.rts__btn.white-hover{
    &:hover{
        color: var(--menu-hover);
    }
    &::before{
        background: var(--white);
    }
}

.rts__btn.base-hover{
    &:hover{
        color: var(--white);
    }
    &::before{
        background: var(--base-color);
    }
}
.single__blog__postmeta{
    span, a{
        font-family: var(--font-heading);
        font-weight: 700;
        font-size: 14px;
    }
}