/*Define custom here*/
@font-face {
    font-family: 'Montserrat';
    src: url('../../assets/fonts/Montserrat.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Italic';
    src: url('../../assets/fonts/Montserrat-Italic.ttf') format('truetype');
    font-style: normal;
}

/*Variables*/
:root {
/*Custom fonts*/
    --montserrat-regular: 'Montserrat';
    --montserrat-italic: 'Montserrat-Italic';
    --font-family-main: var(--montserrat-regular);
    --font-family-bold: var(--montserrat-italic);

/*General color variables*/
    --accent-color-decimal: 106, 153, 164;
    --text-on-accent-color: #fff;
    --layout-bg: var(--accent-color);
    --primary-text-color-decimal: 6, 23, 51;
    --link-color-decimal: 106, 153, 164;
    --custom-background-color: #e4eeef;

/*Landing*/
    --landing-page-divider-color: #fff;
    --landing-page-border-radius: 0;
    --success-stories-stars-visability: flex;

/*card*/
    --card-box-bg: #c8dade;
    --card-image-bg: #c8dade;
    --organization-image-bg: #c8dade;

/*header*/
    --top-bar-height: 80px;
    --top-bar-link-color: #fff;
    --top-bar-link-active-border-color: #fff;

/*Loading spinner*/
    --spinner-default-color: var(--accent-color);

/*footer*/
    --footer-background: #315c65;
    --footer-link-color: #fff;
    --footer-copy-text-background: var(--accent-color);
    --footer-input-color: #fff;
    --footer-field-value-color: #fff;
    --footer-text-color: #fff;
    --footer-line-ripple-color: #fff;

/*button*/
    --button-bg: #80acc2;
    --button-color: #fff;
    --hover-button-bg: #80acc2;
}

/*Define custom style here*/

.cms-components-wrapper h1,
.cms-components-wrapper h2,
.cms-components-wrapper h3 {
    font-weight: normal!important;
}

.links-wrapper.__standard-view .sidebar-menu-item.__active {
    background-color: rgba(255, 255, 255, .3)!important;
}

create-calls-menu .btn.__accent {
    border-color: #fff!important;
    color: #fff!important;
    background-color: transparent!important;
}

.header .btn.btn-flat {
    color: #fff!important;
    border-color: #fff!important;
}

.header .btn.btn-flat:hover {
    background-color: rgba(255, 255, 255, .1)!important;
}

.sidebar-menu-item:hover {
    background-color: rgba(255, 255, 255, .1)!important;
}