@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300&display=swap');

/* Typography */

/*set font for entire site*/
body {
       font-family: 'Sora', sans-serif;
       color: #000000;
}

@font-face {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    src: url('https://fonts.gstatic.com/s/sora/v8/xMQbuFFdSaiX_QIjNLwz.woff2') format('woff2');
}

@font-face {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 500;
    src: url('https://fonts.gstatic.com/s/sora/v8/xMQEuF1Fta92pgsP.woff2') format('woff2');
}

@font-face {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    src: url('https://fonts.gstatic.com/s/sora/v8/xMQbuFFdSaiX_QIjNLwz.woff2') format('woff2');
}

body,
input,
button,
select,
textarea {
    font-family: 'Sora', sans-serif;
    font-weight: 400;
}

body {
    background-color: #ffffff;
}

strong {
    font-weight: 700;
}

em {
    color: #000000;
}

/* Header Layout */
.navbar .navbar-inner {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.navbar .navbar-inner .container-fluid {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    min-width: 100%;
    display: block;
}

/* Logo alignment */
.navbar .brand {
    padding-left: 20px;
    margin-left: 0;
}

/* Navigation alignment */
.navbar .nav-collapse.collapse {
    float: right;
    clear: none;
}

.navbar .nav {
    float: right;
    margin-right: 20px;
}

/* Ensure responsive behavior */
@media (max-width: 979px) {
    .navbar .navbar-inner {
        width: 90%;
        padding: 0;
    }
}

section#contentArea.container-fluid{
    margin: 0 auto !important;
    width: 85% !important;  
    max-width: 90% !important;
}

/*search bar colors*/
#searchBar .search-query {
    background: #fff;
    border-color: transparent;
    box-shadow: none;
    color: #777;
}
#searchBar button {
    background: #015BFF;
    border-color: transparent;
    color: #fff;
}
#searchBar button:hover {
    background: #00D1FF;
    border-color: transparent;
    color: #015BFF;
}


/* Search Results */

#serp-dd .result a {
    padding: 10px 15px;
    font-size: 18px;
    color: #015BFF;
    transition: 0.3s;
}

#serp-dd .result>li.active {
    background: rgba(92, 157, 255, 0.06);
    color: #015BFF;
}

#serp-dd .result a:hover {
    background: rgba(92, 157, 255, 0.06);
    color: #015BFF;
    transition: 0.3s;
}


/*hide article footer*/
.articleFoot time.lu {
    display:none;
}


/* Collection Title Hover & Focus */

.collection-category h2 a:hover {
    border-bottom: 0px;
}

a:focus {
    outline: none;
    text-decoration: none;
}


/* Categories Text Style*/

h2,
.collection-category h2,
.collection-category h2 a {
    font-size: 36px;
    line-height: 36px;
    color: #000000;
    font-weight: 700;
}

.category-list h3 {
    color: #000000;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
}

.category-list .category p {
    font-size: 18px;
    line-height: 28px;
    color: #000000;
} 

.category-list .category .article-count {
    color: #000000;
    font-size: 20px;
    line-height:22px;
    transition: color 0.3s;
}

.category-list .category:hover .article-count {
    color: #518AE0;
}

/* Category Thumbnails */

/* ===== Help collection (public) ===== */

/* Email Content */
#category-212 {
    background-image: url('https://storage.levitate.ai/marketing/images-light-1.png');
}

/* Handwritten Cards */
#category-283 {
    background-image: url('https://storage.levitate.ai/marketing/envelopes-bulk-light-1.png');
}

/* Contacts */
#category-25 {
    background-image: url('https://storage.levitate.ai/marketing/Vector.png');
}

/* Automations */
#category-216 {
    background-image: url('https://storage.levitate.ai/marketing/robot-light-1-1.png');
}

/* Getting Started */
#category-70 {
    background-image: url('https://storage.levitate.ai/marketing/book-open-light-1-1.png');
}

/* Tags */
#category-68 {
    background-image: url('https://storage.levitate.ai/marketing/tags-light-1.png');
}

/* User Settings & Setup */
#category-214 {
    background-image: url('https://storage.levitate.ai/marketing/user-plus-light-1.png');
}

/* Release Notes */
#category-108 {
    background-image: url('https://storage.levitate.ai/marketing/notes-light-1-1.png');
}

/* Sending Emails */
#category-16 {
    background-image: url('https://storage.levitate.ai/marketing/envelope-light-1.png');
}

/* Data & Integrations */
#category-39 {
    background-image: url('https://storage.levitate.ai/marketing/rectangle-code-light-1-1.png');
}

/* Reporting & Tracking */
#category-71 {
    background-image: url('https://storage.levitate.ai/marketing/magnifying-glass-chart-light-1.png');
}

/* Social Media */
#category-218 {
    background-image: url('https://storage.levitate.ai/marketing/at-light-1.png');
}

/* Texting */
#category-217 {
    background-image: url('https://storage.levitate.ai/marketing/comment-dots-light-1.png');
}

/* Levitate Downloads */
#category-11 {
    background-image: url('https://storage.levitate.ai/marketing/Vector-2.png');
}

/* More Features */
#category-104 {
    background-image: url('https://storage.levitate.ai/marketing/square-list-light-1-1.png');
}

/* Data Boards */
#category-346 {
    background-image: url('https://storage.levitate.ai/marketing/databoard-light.png');
}

/* Text Registration */
#category-349 {
    background-image: url('https://storage.levitate.ai/marketing/text-registration-light.png');
}

/* Blogs */
#category-410 {
    background-image: url('https://storage.levitate.ai/marketing/blogs-light.png');
}

/* FAQs and Troubleshooting */
#category-412 {
    background-image: url('https://storage.levitate.ai/marketing/FAQ-light.png');
}

/* Surveys and Event Registration */
#category-416 {
    background-image: url('https://storage.levitate.ai/marketing/surveys-light.png');
}

/* Ads */
#category-552 {
    background-image: url('https://storage.levitate.ai/marketing/newspaper-light.png');
    background-size: 110px 110px;
}

/* Levitate AI */
#category-599 {
    background-image: url('https://storage.levitate.ai/marketing/sparkles-light.png');
}


/* ===== Internal collection ===== */

/* Integrations */
#category-391 {
    background-image: url('https://storage.levitate.ai/marketing/rectangle-code-light-1-1.png');
}

/* Support Ticket Process */
#category-407 {
    background-image: url('https://storage.levitate.ai/marketing/FAQ-light.png');
}

/* Email Support */
#category-466 {
    background-image: url('https://storage.levitate.ai/marketing/envelope-light-1.png');
}

/* Automations */
#category-500 {
    background-image: url('https://storage.levitate.ai/marketing/robot-light-1-1.png');
}

/* Gmail/Outlook Plugin */
#category-501 {
    background-image: url('https://storage.levitate.ai/marketing/Vector-2.png');
}

/* Texting */
#category-502 {
    background-image: url('https://storage.levitate.ai/marketing/comment-dots-light-1.png');
}

/* Satisfaction/Custom Survey */
#category-505 {
    background-image: url('https://storage.levitate.ai/marketing/surveys-light.png');
}

/* Event Registration */
#category-506 {
    background-image: url('https://storage.levitate.ai/marketing/surveys-light.png');
}

/* Google Business Integration */
#category-507 {
    background-image: url('https://storage.levitate.ai/marketing/rectangle-code-light-1-1.png');
}

/* Lead Parsers */
#category-508 {
    background-image: url('https://storage.levitate.ai/marketing/rectangle-code-light-1-1.png');
}

/* Schedule a Meeting */
#category-509 {
    background-image: url('https://storage.levitate.ai/marketing/databoard-light.png');
}

/* Hosted Blogs */
#category-510 {
    background-image: url('https://storage.levitate.ai/marketing/blogs-light.png');
}

/* Social Media */
#category-511 {
    background-image: url('https://storage.levitate.ai/marketing/at-light-1.png');
}

/* Handwritten Cards */
#category-512 {
    background-image: url('https://storage.levitate.ai/marketing/envelopes-bulk-light-1.png');
}

/* Opportunity/Donor Boards */
#category-513 {
    background-image: url('https://storage.levitate.ai/marketing/databoard-light.png');
}

/* Levitate Admin */
#category-516 {
    background-image: url('https://storage.levitate.ai/marketing/gear-light-1.png');
}

/* Categories Card Style */

.category-list .category {
    text-align: center;
    display: inline-block;
    border: 1px solid #EFF2FB;
    border-radius: 24px;
    box-shadow: 0px 3px 18px rgba(30, 65, 155, 0.06);
    margin: 0 .8% 20px;
    padding: 170px 30px 50px;
    transition: all 0.25s ease-in-out;
    background-repeat: no-repeat;
    background-position: center 36px;
    background-size: 80px 80px;
    max-width: 50%;
    width: 100%;
}

.category-list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 37px;
    margin-top: 32px;
}

#collection-category-33 {
    margin-top: 100px;
}

@media screen and (min-width: 1105px){
.category-list .category {
    max-width: 84%;
    width: 100%;
}
}

.category-list .category, .category-list .category:hover {
    background-repeat: no-repeat;
    background-position: center 35px;
    background-size: 108px;
}

.category-list .category:hover {
    background-color: #fff;
    box-shadow: 0px 7px 15px rgba(30, 65, 155, 0.09);
    transition: 0.3s;
}

.contentWrapper a {
    color: #015BFF;
    transition: color 0.3s;
    
    &:hover {
        text-decoration: none;
        color: #518AE0;
    }
}

/* Interior Page Categories */

/* Search Bar & Sidebar CSS */

#searchBar.sm button .icon-search {
  display: none;
}

#sidebar form .search-query {
    border: 1px solid #EFF2FB;
    background: #FFFFFF;
    box-shadow: 0px 2px 12px rgba(19, 71, 149, 0.08);
    border-radius: 8px;
    font-size: 18px;
    line-height: 18px;
    color: #00528C;
    background-image: url(https://storage.levitate.ai/marketing/mGsrXk7/search-icon.png);
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: 4% 45%;
    padding: 0px 15px 0px 50px;
    height: 56px;
}

#sidebar .nav-list {
    background-color: #fff;
    margin-top: 23px;
    margin-bottom: 0px;
    box-shadow: 0px 2px 17px rgba(19, 71, 149, 0.08);
    border-radius: 8px;
    padding: 25px 28px 40px;
    border: 1px solid #EFF2FB;
}

/* Sidebar Text Style */

.contentWrapper h1 {
    font-size: 36px;
    line-height: 50px;
    font-weight: 500;
    color: #000000;
}

.contentWrapper p.descrip {
    font-size: 18px;
    margin-top: 25px;
    color: #000000;
}

#sidebar h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    color: #000000;
    text-transform: capitalize;
}


#sidebar .nav-list .active a {
    color: #015BFF;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
}

#sidebar .nav-list a {
   font-size: 18px;
   line-height: 22px;
   color: #000000;
   padding: 10px 0px;
transition: 0.3s;
}

#sidebar .nav-list a:hover {
    color: #518AE0;
    transition: 0.3s;
}

#sidebar form .search-query:focus {
    border: 1px solid #000000;
    border-radius: 8px !important;
    transition: 0.3s !important;
    box-shadow: 0px 5px 9px rgba(19, 71, 149, 0.08);
}

/* Icon Arrow Sidebar */

[class^=icon-] {
    color: #000000;
    font-size: 18px;
    line-height: 22px;
}

#sidebar .nav-list .active a .icon-arrow, #sidebar .nav-list .active a:hover .icon-arrow, #sidebar .nav-list .active a:focus .icon-arrow {
    color: #000000 !important;
}

.icon-arrow:before {
    color: #000000;
}

/* Right Content */

.contentWrapper {
    background: #fff;
    border-radius: 24px;
    border: 1px solid #EFF2FB;
    box-shadow: 0px 3px 18px rgba(30, 65, 155, 0.06);
    padding: 50px 60px 72px;
}

#main-content {
    background: none;
}

/* Right Sidebar Text Style */

#categoryHead h1 {
    font-size: 38px;
    line-height: 50px;
    font-weight: 600;
    color: #000000;
}

.articleList li {
    font-size: 18px;
    line-height: 28px;
    color: #00D1FF;
}

.icon-article-doc:before {
 color: #000000;
}

.articleList a span{
     transition: 0.3s;
}

.articleList a span:hover {
    text-decoration: none;
    color: #518AE0;
    transition: 0.3s;
}

/* Search Resaults */

#serp-dd.sb {
    border: 1px solid #EFF2FB;
    border-radius: 8px;
    top: 60px;
    box-shadow: 0px 5px 9px rgba(19, 71, 149, 0.08);
    font-size: 16px;
    line-height: 18px;
    color: #00528C;
}

#serp-dd {
    border: 1px solid #EFF2FB;
    border-radius: 8px;
    top: 80%;
    box-shadow: 0px 5px 9px rgba(19, 71, 149, 0.08);
    font-size: 16px;
    line-height: 18px;
    color: #00528C;
}


#fullArticle {
    max-width: 100%;
    margin: auto;
    position: relative;
}

/* Text Style Article */

#fullArticle h1, #fullArticle h2, #fullArticle h3, #fullArticle h4, #fullArticle h5 {
    color: #000000;
}

#fullArticle .title {
    font-size: 38px;
    line-height: 50px;
    font-weight: 700;
}

#fullArticle h2 {
  font-size: 32px;
  line-height: 48px;
  font-weight: 700;
}

#fullArticle, #fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div, #fullArticle blockquote, #fullArticle dd, #fullArticle table {
    font-size: 18px;
    line-height: 28px;
    color: #000000;
}

#fullArticle strong {
    color: #000000;
}

#fullArticle blockquote {
    font-style: normal;
    border-left-color: #00528C;
    border-width: 10px;
    padding: 40px 42px 40px 42px;
    background: rgba(92, 157, 255, 0.06);
    border-radius: 8px;
}

pre {
    background-color: #F5F9FF;
    color: #00528C;
    border: 1px solid #EFF2FB;
}

#fullArticle pre, #fullArticle code {
    font-size: 18px;
    line-height: 28px;
    color: #000000;
}

.articleFoot p, .articleFoot time {
    font-family: 'DM Sans';
    font-style: normal;
    color: #00528C;
    font-size: 18px;
}

#sbContact {
    color: #00528C;
    border: none;
    transition: 0.3s;
}

#sbContact:hover {
    color: #518AE0;
    transition: 0.3s;
}

#fullArticle .printArticle {
    position: absolute;
    right: -2%;
    top: -23px;
    transition: 0.3s;
}

.icon-print {
    transition: 0.3s;
}

#fullArticle .printArticle:hover .icon-print{
    color: #015BFF;
    transition: 0.3s;
}

/* Media Queries Mobile Hero */

@media only screen and (min-width: 200px) and (max-width: 500px) {
    #docsSearch {
        padding: 80px 24px 80px;
    }

    #docsSearch h1 {
    font-size: 46px;
    line-height: 55px;
}
    #searchBar button span {
        display: none;
    }

    #searchBar {
      width: 100%;
}

    #searchBar .search-query {
        padding: 25px 24px;
        background-image: none;
    }

    #searchBar button .icon-search {
    display: block;
    color: #fff;
}
    
     .icon-search:before {
            position: relative;
    bottom: 2px;
     }
}

/* Form Mobile Contact Us */

.modal {
        width: 650px;
}

@media (max-width: 768px) {
    /* Navigation */
    .nav-collapse .nav {
    margin: 15px 0 30px;
    }

    .navbar {
        .brand {
            padding: 75px 0px 0px;
            background-position: 61% 101%;
        }

        .btn-navbar {
            position: absolute;
            top: 9px;

            .icon-bar {
                background: #fff !important;
                box-shadow: none !important;
                width: 25px !important;
                border-radius: 100px !important;

                & + .icon-bar {
                    margin-top: 5px;
                }
            }
        }

        .nav li a {
            padding: 15px 0px;
        }
    }

    /* Content Layout */
    #main-content {
        margin: 40px 0px 2em 0px;
    }

    .contentWrapper {
        border-radius: 8px;
        padding: 50px 28px 72px;

        &.withRelated {
            min-height: 205px;
            padding-bottom: 80px;
        }
    }

    /* Search */
    #searchBar {
        max-width: 100%;
    }

    /* Article Styles */
    #fullArticle {
        .printArticle {
            right: 3% !important;
            top: -15px !important;
        }

        .title {
            font-size: 34px;
            line-height: 40px;
        }

        h2 {
            font-size: 26px;
            line-height: 32px;
        }
    }

    /* Related Content */
    .related {
        border-radius: 8px !important;
        padding: 72px 28px !important;

        h3 {
            padding-left: 0px !important;
        }

        ul {
            margin-left: 25px !important;
        }
    }

    /* Form Elements */
    .modal-body {
        min-height: 730px;
    }

    /* Article Footer */
    .articleFoot time.lu {
        float: left;
    }
}

/* Consolidate tablet breakpoints */
@media (min-width: 768px) and (max-width: 910px) {
    .navbar .nav li a {
        font-size: 15px;
        padding: 10px;
    }

    #contact a {
        font-size: 15px;
        padding: 16px;
        margin-left: 0px;
    }
}

/* Consolidate desktop breakpoints */
@media (min-width: 1160px) {
    #docsSearch {
        &::before {
            top: 5%;
        }

        padding: 130px 24px;
        margin-bottom: 12em;

        @media (max-width: 1650px) {
            &::before {
                top: 7%;
            }
        }

        @media (max-width: 1510px) {
            padding: 120px 24px;
        }

        @media (max-width: 1400px) {
            padding: 100px 24px;
        }
    }
}

/* Consolidate small screen breakpoints */
@media (max-width: 500px) {
    #docsSearch {
        padding: 40px 24px;
        margin-top: 20px;

        h1 {
            font-size: 46px;
            line-height: 55px;
        }
    }

    #searchBar {
        width: 100%;

        button span {
            display: none;
        }

        .search-query {
            padding: 25px 24px;
            background-image: none;
        }

        button .icon-search {
            display: block;
            color: #fff;

            &:before {
                position: relative;
                bottom: 2px;
            }
        }
    }
}

/* Category list responsive styles */
@media (max-width: 1300px) {
    .category-list .category {
        max-width: 80%;
    }
}

@media (max-width: 1170px) {
    .category-list {
        grid-template-columns: repeat(2, 1fr);

        .category {
            max-width: 79%;
        }
    }
}

@media (max-width: 760px) {
    .category-list {
        grid-template-columns: repeat(1, 1fr);

        .category {
            max-width: 84%;
        }
    }
}

/* Media Queries Icon */

@media (min-width: 200px) and (max-width: 1220px) {
    #fullArticle .printArticle {
        right: -2%;
    }
}

@media (min-width: 200px) and (max-width: 1150px) {
    #fullArticle .printArticle {
        right: -2%;
        top: -15px;
    }
}

@media (max-width: 768px) {
    #fullArticle .printArticle {
        right: -14px;
        top: -52px;
    }

    #fullArticle .title {
        font-size: 34px;
        line-height: 40px;
    }

    #fullArticle h2 {
        font-size: 26px;
        line-height: 32px;
    }

    .articleFoot time.lu {
        float: left;
    }

    .contentWrapper.withRelated {
        min-height: 205px;
        padding-bottom: 80px;
    }
}

/* Error Message Form */

#contactModal .parsley-errors-list {
    font-size: 16px;
    margin-top: 16px;
    color: #D60000;
}

#contactModal .parsley-error:not([type=file]), #contactForm .parsley-error:not([type=file]), .abuse .parsley-error:not([type=file]) {
    border: 1px solid #D60000;
}

#contactModal .parsley-errors-list, #contactForm .parsley-errors-list, .abuse .parsley-errors-list {
    font-size: 16px;
    margin-top: 16px;
    color: #D60000;
}

/* Media Queries */

@media (max-width: 768px) {
.modal-body {
    min-height: 730px;
}
}

/* Search Section with spacing */
#docsSearch {
    padding: 30px 24px;
    margin-bottom: 2em;
    margin-top: 30px;
}

/* Maintain responsiveness */
@media (max-width: 500px) {
    #docsSearch {
        padding: 40px 24px;
        margin-top: 20px;

        h1 {
            font-size: 46px;
            line-height: 55px;
        }
    }
}