@font-face {
    font-family: 'Mont';
    src: url('../assets/fonts/Mont-BlackItalic.woff2') format('woff2'),
        url('../assets/fonts/Mont-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mont';
    src: url('../assets/fonts/Mont-Black.woff2') format('woff2'),
        url('../assets/fonts/Mont-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mont';
    src: url('../assets/fonts/Mont-Bold.woff2') format('woff2'),
        url('../assets/fonts/Mont-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mont';
    src: url('../assets/fonts/Mont-SemiBoldItalic.woff2') format('woff2'),
        url('../assets/fonts/Mont-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mont';
    src: url('../assets/fonts/Mont-BoldItalic.woff2') format('woff2'),
        url('../assets/fonts/Mont-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mont';
    src: url('../assets/fonts/Mont-Regular.woff2') format('woff2'),
        url('../assets/fonts/Mont-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mont';
    src: url('../assets/fonts/Mont-ExtraLightItalic.woff2') format('woff2'),
        url('../assets/fonts/Mont-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mont';
    src: url('../assets/fonts/Mont-SemiBold.woff2') format('woff2'),
        url('../assets/fonts/Mont-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mont';
    src: url('../assets/fonts/Mont-LightItalic.woff2') format('woff2'),
        url('../assets/fonts/Mont-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mont';
    src: url('../assets/fonts/Mont-Light.woff2') format('woff2'),
        url('../assets/fonts/Mont-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mont';
    src: url('../assets/fonts/Mont-RegularItalic.woff2') format('woff2'),
        url('../assets/fonts/Mont-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mont';
    src: url('../assets/fonts/Mont-Thin.woff2') format('woff2'),
        url('../assets/fonts/Mont-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mont';
    src: url('../assets/fonts/Mont-Heavy.woff2') format('woff2'),
        url('../assets/fonts/Mont-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mont';
    src: url('../assets/fonts/Mont-ExtraLight.woff2') format('woff2'),
        url('../assets/fonts/Mont-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mont';
    src: url('../assets/fonts/Mont-HeavyItalic.woff2') format('woff2'),
        url('../assets/fonts/Mont-HeavyItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mont';
    src: url('../assets/fonts/Mont-ThinItalic.woff2') format('woff2'),
        url('../assets/fonts/Mont-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'icomoon';
    font-weight: 100;
    src: url('https://libr.ai/wp-content/uploads/2023/11/icomoon.woff') format('woff');
}


:root {
    --primary-black: #272932;
    --primary-purple: #6369D1;
    --secondary-icon-bg: #F4F4F5;
    --primary-green: #00AFB9;
    --secondary-yellow: #FDFCDC;
    --primary-sand: #FED9B7;
    --secondary-red: #F07167;
    --primary-purple: #6369D1;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    height: 100%;
    margin: 0;
    background: #fff;
    font-family: 'Mont';
    color: var(--primary-black, #272932);
}

#top-nav *,
.icon,
.close-icon,
#chat-overlay .bottom,
.trigger-event,
.input-button {
    user-select: none;
}

.message-text,
.message-item .inner {
    user-select: text;
}


/*
Please do not use wildcard selectors for common classes 
[class^="icon"]:not(#top-nav .dropdown .icon),
[class*=" icon"]:not(#top-nav .dropdown .icon),
[class*="-icon"]:not(#top-nav .dropdown .icon),
*/
#template-home [class^="icon"],
#template-home [class*=" icon"],
#template-home [class*="-icon"],
.prompt-button .magic-icon,
#top-nav .icon:not(.dropdown .icon):not(.share.icon),
.down-icon,
.chat-input-wrapper .magic-icon,
.form input[type="checkbox"]:checked::before,
.message-item.assistant_response-message:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-weight: 100;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.form input[type="checkbox"]:checked::before {
    line-height: 1.3
}

.search-icon:before {
    content: "\e913";
}

.history-icon:before {
    content: "\e90a";
}

.down-icon:before {
    content: "\e911";
    font-size: 26px;
}

.magic-icon:before {
    /*
    content: "\e910";
    color: #00afb9;
    */
}

.message-item.assistant_response-message:before {
    content: "";
}


.page-template-default .section.section-content {
    max-width: 1439px;
    margin: 0 auto;
}

#devtools {
    position: absolute;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: -90px;
    z-index: 1;
    transition: all 0.3s;
    background: var(--primary-black, #272932);
    color: #fff;
    border-radius: 6px;
    padding: 0 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    width: 600px
}

#devtools .heading {
    color: #00AFB9;
    text-align: center;
    border-bottom: 1px solid
}

#devtools .toggler {
    text-align: center;
    cursor: pointer;
    z-index: 100000
}

#devtools .toggler i {
    cursor: pointer
}

#devtools.visible {
    transform: translate(-50%, 0%);
    top: 10px;
    margin-top: -10px;
    padding-left: 8px;

}

#devtools.visible .button {
    margin-top: 5px;
    color: #fff !important;
    padding-top: 6px;
    padding-bottom: 5px;
}

#devtools.visible .ui.basic.button:focus,
#devtools.visible .button:focus,
#devtools.visible .button:active,
#devtools.visible .button:hover {
    color: #333 !important
}

#top-nav {
    height: 78px;
    width: calc(100% - 24px);
    margin-left: auto;
    margin-right: auto;

}

#top-nav:not(.app-grid) {
    max-width: 1440px;
    display: flex;
    margin: 0 auto;
    height: auto;
    position: relative;
}

#top-nav:not(.app-grid) .column {
    padding: 40px 0 !important;
}

#top-nav:not(.app-grid) .column.btn {
    display: flex !important;
    justify-content: end;
    flex-wrap: nowrap;
    align-items: center;
    grid-gap: 32px;
}

#top-nav:not(.app-grid) .block-btn {
    /* width: 142px; */
    /* display: flex; */
}

#top-nav:not(.app-grid) .block-btn.white a {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

#top-nav:not(.app-grid) .block-btn a.btn-primary,
#top-nav:not(.app-grid) .block-btn a.btn-secondary {
    width: 100%;
    display: flex;
    padding: var(--space-5, 10px) var(--space-13, 40px);
    justify-content: center;
    align-items: flex-end;
}

#top-nav:not(.app-grid) .ui.nav.dropdown {
    float: right;
    margin-top: 19px;
    height: 40px;
    width: 76px;
    margin-left: 40px;
    line-height: 40px;
    font-size: 14px;
}

#top-nav:not(.app-grid) .top {
    width: 76px;
    height: 40px;
}

#top-nav:not(.app-grid) .ui.nav.dropdown .image {
    height: 40px !important;
    width: 40px !important;
    max-height: 40px;
    float: left;
}

#top-nav:not(.app-grid) .ui.nav.dropdown span {
    height: 24px;
    width: 24px;
    display: block;
    float: right;
    margin-top: 8px;
    transition: transform 0.5s;
}

#top-nav:not(.app-grid) .ui.nav.dropdown.visible span {
    transform: rotate(180deg);
}

#top-nav:not(.app-grid) .ui.nav.dropdown i.chevron.down.icon {
    font-size: 20px;
    float: right;
    width: 15px;

}

#top-nav:not(.app-grid) .ui.nav.dropdown .menu {
    margin-top: 10px;
    margin-right: -3px
}

#top-nav:not(.app-grid) .button {
    height: 44px;
    width: 44px;
    border-radius: var(--radius-radi-6, 12px);
    border: 0px solid var(--secondary-icon-stroke, #DFDFE0);
    background: transparent;
    box-shadow: none;
    margin-top: 16px;
    margin-left: 24px;
    color: #272932;
}

#top-nav:not(.app-grid) .icon:before {
    font-size: 30px;
    font-weight: 100;
    transition: 1.3s;
}

#top-nav:not(.app-grid) .button.search-icon {
    width: 32px;
    height: 32px;
    padding: 0;
    margin-top: 20px;
}

#top-nav:not(.app-grid) .button.history-icon {
    width: 32px;
    height: 32px;
    padding: 0;
    margin-top: 20px;
}

#top-nav:not(.app-grid) .active.button.history-icon:hover,
#top-nav:not(.app-grid) .button.history-icon:hover:before {
    color: #ff0000 !important;
}

#top-nav:not(.app-grid) .active.button.search-icon,
#top-nav:not(.app-grid) .button.search-icon:active,
#top-nav:not(.app-grid) .button.search-icon:hover:before {
    color: #ff0000 !important;
}

#top-nav:not(.app-grid) .active.button.history-icon,
#top-nav:not(.app-grid) .button.history-icon:active {
    color: #ff0000 !important;
}



#top-nav:not(.app-grid) .ui.icon.button>.icon,
.ui.icon.buttons .button>.icon {
    font-size: 20px;
    padding: 0px;
    color: var(--primary-black);
    margin: 3px 0px 0px -2px !important;
}

#top-nav:not(.app-grid) .logo {
    display: inline-block;
    font-size: 52px;
    font-weight: bold;
    color: var(--primary-black);
    margin-top: 20px;
    width: auto;
    line-height: 45px;
    /* position:relative; */
    /* right: -1320px; */
}

#top-nav:not(.app-grid) .logo {
    background-image: url('https://libr.ai/wp-content/uploads/2023/11/logo.svg');
    width: 195px;
    height: 56px;
    margin: 0;
    background-repeat: no-repeat;
}

.modal .ui.button.btn-secondary #top-nav:not(.app-grid) .block-btn a {
    /* border-radius: 16px; */
    /* border: 1.5px solid var(--primary-purple, #6369D1); */
    /* background: var(--primary-purple, #6369D1); */
    width: 280px;
    display: block;
    text-align: center;
    /* color: #fff; */
    padding: 10px;
    font-size: 16px;
}

.modal .ui.button.btn-primary,
#top-nav a.btn-primary {
    border-radius: var(--Radius-radi-7, 16px);
    border: 1.5px solid var(--primary-purple, #6369D1);
    background-color: var(--primary-purple, #6369D1);
    color: #fff;
}


.modal .ui.button.btn-primary:hover,
.modal .ui.button.btn-secondary:hover,
#top-nav .btn-primary:hover,
#top-nav .btn-secondary:hover {
    background: rgba(99, 105, 209, 0.50);
    border: 1.5px solid var(--primary-purple, #6369D1);
    color: #fff;
}

.modal .ui.button.btn-primary:active,
.modal .ui.button.btn-secondary:active,
#top-nav .btn-secondary:active,
#top-nav .btn-primary:active {
    background-color: #3D43AB
}

.modal .ui.button.btn-secondary,
#top-nav .btn-secondary {
    border-radius: var(--Radius-radi-7, 16px);
    border: 1.5px solid var(--primary-purple, #6369D1);
    background-color: var(--primary-white, #FFF);
    color: #6369D1
}


.page-template-default .section-inner.ui.segment {
    padding-top: 88px
}

/* fix style for pop-up windows */
.ui.inverted.dimmer {
    background-color: rgba(255, 255, 255, .85);
    background-color: rgba(39, 41, 50, 0.7);
}

.page-template-default .entry-effective-date {
    color: var(--secondary-dark-gray, #6C6D71);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Mont;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.14px;
    margin-bottom: 16px;
}

.page-template-default .entry-header {}

.page-template-default .entry-header .ui.header {
    color: var(--primary-black, #272932);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Mont;
    font-size: 80px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: -0.8px;
    margin-bottom: 32px;
}

.page-template-default .entry-content p {
    color: var(--primary-black, #272932);
    font-family: Mont;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    /* 187.5% */
    margin-bottom: 32px;
}

.page-template-default .entry-content .wp-block-heading {
    color: var(--primary-black, #272932);
    font-family: Mont;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    /* 125% */
    padding: 0px;
    margin: 0px;
    margin-bottom: 14px
}

.page-template-default .entry-content ul,
.page-template-default .entry-content ol {
    color: var(--primary-black, #272932);
    font-family: Mont;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    /* 187.5% */
    padding: 0px;
    margin-bottom: 32px;
}

.page-template-default .entry-content ul li {
    margin-left: 24px
}

.page-template-default .entry-content ol li {
    margin-left: 16px
}

.page-template-default .entry-content a {
    color: var(--primary-purple, #6369D1);
    font-family: Mont;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    text-decoration-line: underline;
}

.red-footer {
    background: var(--secondary-red, #F07167);
    color: #fff;
    height: 84px;
    padding: 24px 16px;
}

.red-footer .container {
    display: flex;
    max-width: 1440px;
    margin: 10px auto;
}

.red-footer .menu {
    margin-left: auto;
}

.red-footer .info,
.red-footer .menu ul {
    display: flex;
    list-style: none;
    margin: 0 !important;
}

.red-footer .info .logo {
    margin-right: 24px;
}

.red-footer .menu ul li:not(:last-child)::after {
    content: '|';
    margin-left: 12px;
    margin-right: 12px;
    color: #fff;
}

.red-footer .menu ul li a {
    color: #fff;
}





.wp-block-table td,
.modal.payment .ui.table,
.ui.table thead th,
.ui.form input:not([type]),
.ui.form input[type=date],
.ui.form input[type=datetime-local] {
    color: var(--primary-black, #272932);
}