/* Global */

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1,
.contentWrapper h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
}

#sidebar .nav-list .active a, #sidebar .nav-list .active a:focus, #sidebar .nav-list .active a:hover {
      font-weight: 400 !important; 
}

#fullArticle blockquote,
#fullArticle dd,
#fullArticle div,
#fullArticle li,
#fullArticle ol,
#fullArticle p,
#fullArticle table,
#fullArticle ul,
.articleList,
.widget-body p, 
.cta p {
    font-size: 16px;
}

#fullArticle .title, #categoryHead h1 {
margin-bottom: 1.5em;
}

/* Navigation */
#categoryHead .sort select {
    height: 30px;
}

.navbar .nav, .navbar .nav li  {
    font-size: 16px !important;
    bottom: 16px !important;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.085em;
    text-transform: uppercase;
    display: none !important;
}

.navbar .nav li a {
    transition: all 0.15s linear;
}

.navbar .nav li a:hover {
    color: #5ea5e2;
}

.navbar .brand {
    padding: 20px 0px;
}
.brand img {
    max-height: 50px;
    width: auto;
}

.caret {
    display: none !important;
}

/* Homepage */

#docsSearch {
    padding: 3em 0;
}

#searchBar button {
    background: #d8318b;
    border-radius: 0 5px 5px 0;
    border: 1px solid #d8318b;
}

#searchBar button:hover {
    background: #F24BA5;
}

#docsSearch h1 {
    font-size: 28px;
}

.most-pop-articles h2 {
    font-size: 24px;
}


/* Sidebar */

#sidebar h3,
#sidebar .nav-list a {
    font-size: 16px;
}


/* Article */

.articleFoot .help {
    font-size: 16px;
    color: gray;
}

#sbContact {
    color: #F24BA5;
    border-bottom: 1px dotted #F24BA5;
}

#sbContact:hover {
    color: #F24BA5;
    border-bottom: 1px dotted #F24BA5;
}


/* Footer */

.articleFoot p,
.articleFoot time {
    font-family: 'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

footer span {
    display: none;
}


/* Remove Last Modified Date */

.articleFoot time.lu {
    float: right;
    display: none;
    margin-top: 2px;
}


/* Custom Footer */

.widget-container.office-hours {
    background-color: #00adee;
    color: white;
    margin: 0;
}

.widget-container.cta {
    background-color: #e8f4ff;
    margin: 0;
}

.widget-container img {
    width: 100%;
    object-fit: scale-down;
}

.widget-contents {
    max-width: 1080px;
    margin: 0 auto;
    position: relative;
    padding: 2em;
}

.office-hours .widget-contents {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    grid-column-gap: 2em;
    grid-row-gap: 1em;
}

.widget-box {
    border-radius: 3px;
    box-shadow: 0em 0em 1em 0em rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 5px;
    background-color: white;
    width: 50vw;
}
.widget-body a {
    color:white;
    font-weight:bold;
}


@media screen and (max-width:870px) {

    .office-hours .widget-contents,
    .cta-button-row {
        flex-wrap: wrap;
    }

    .widget-box {
        width: 100%;
    }

}

@media (max-width:768px) {
    .widget-container, .white-blue-wave {
        margin: 0 -20px !important;
    }
}

.widget-text-box {
    margin: 2em 0;
    flex: 1 1 40%;
}

.cta .widget-contents{
    text-align:center;
}

.cta-button-row {
    display: flex;
    justify-content: space-around;
    text-align: center;
    align-items: center;
    grid-column-gap: 2em;
    grid-row-gap: .25em;
    margin-bottom: 40px;
}

.cta-button-row a {
    font-size: 18px;
    font-weight: bold;
    color: white;
    margin-top: 10px;
    padding: 1em 0;
    border-radius: 5px;
    text-decoration: none;
    transition: all .2s;
}

.cta-button-row a:hover {
    cursor: pointer;
}

.cta-download {
    background-color: #00ADEE;
    width: 100%;
}

.cta-download:hover {
    background-color: #1AC1FF;
}

.cta-buy {
    background-color: #60CE51;
    width: 100%;
}

.cta-buy:hover {
    background-color: #71E261;
}

.white-blue-wave {
    min-height: 25vh;
    background-color: #ffffff;
    position: relative;
}

.white-blue-wave::before {
    content: "";
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: -0.3%;
    left: 0;
    background-size: auto;
    background-repeat: repeat no-repeat;
    background-position: 15vw bottom;
    background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200  127' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 93L50 87C100 82 200 70 300 47C400 25 500 -10 600 2C700 13 800 70 900 93C1000 116 1100 104 1150 99L1200 93V127H1150C1100 127 1000 127 900 127C800 127 700 127 600 127C500 127 400 127 300 127C200 127 100 127 50 127H0V93Z' fill='%2300adee'/></svg>");
}

@media(max-width:870px) {
    .wave-blue-wave::before {
        height: 64.5px
    }
}