/* This style file has been created automatically per your request.

The following pages can help you get started with CSS:
* CSS Tutorial (http://w3schools.com/css/default.asp)
* CSS3 Tutorial (http://w3schools.com/css3/default.asp)
* CSS Reference (http://w3schools.com/cssref/default.asp) */

/* Our Variables First */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

/* This style will be applied to the body of your topics */
body,
.p,
p {
    font-family: "Roboto", sans-serif;
    /* font-weight: 300; */
    font-style: normal;
    /* font-size: 20px; */
    /* line-height: 1.4; */
    color: #11132B;
    font-size: 17px;

}
/* 
body:not(.HtmlEditor_editableBody) {
    padding-right: 0;
    max-width: 100%;
} */

a,
a.intro {
    color: #24B0B3;
    /* font-weight: 600; */
}

a:hover,
a.intro:hover {
    text-decoration: underline;
    color: #24B0B3;
}


h1,
h2,
h3,
h4,
h5,
h6,
ol,
ol>li,
ol li:before,
ul li::marker,
ul ul li::marker,
ul,
ul>li {
    color: #11132B;
    font-family: "Roboto", sans-serif;
}

/* ol,
ul {
    margin-bottom: 15px;
}

ol li,
ul li {
    margin-bottom: 5px;
} */

ol li a,
ul li a {
    color: #24B0B3;
    /* font-weight: 400; */
}

ol li a:hover,
ul li a:hover {
    text-decoration: underline;
    /* font-weight: 400; */
}


h1 {color: #5B7CFB;}
h2,
h3,
h4 {
    color: #11132b;
    /* font-weight: 700; */
}

/* size up headings a bit */
h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

/* benefit block */
.benefit .block-link a {
    color: #25b0b3;
    /* font-weight: 500; */
    font-size: 24px;
    font-weight: 500;
}





.benefits-row {
    /* width: calc(100% - 60px);
    margin-left: auto;
    margin-right: auto; */
    /* overflow: visible; */
    gap: 20px;
    padding: 0 40px;
}

.benefits-row:before {
    content: none;
}

.benefits-row .col-md-4,
.row>.logo-box {
    transition: .2s all;
    border-radius: 10px !important;
    background-color: #fff;
    box-shadow: 0 20px 20px 0 rgba(25, 104, 252, .102);
    border: 1px solid rgba(25, 104, 252, .1);
    flex: 1 1 calc((100% / 3) - 40px);
    margin: 0 0;
}

.row>.logo-box:hover,
.benefits-row .col-md-4:hover {
    box-shadow: 0 20px 20px 0 rgba(25, 104, 252, .4);
}

.row>.logo-box,
.benefits-row .col-md-4 .benefit {
    margin-bottom: 15px;
}

.row>.logo-box {
    justify-self: center;
    margin: 15px;
    /* max-width: calc(25% - 75px) !important; */
    padding: 30px 20px 10px 20px;

}

/* @media screen and (max-width:768px) { */
.row>.logo-box {
    max-width: calc(33% - 70px) !important;
}

/* } */

@media screen and (max-width:768px) {
    .row>.logo-box {
        max-width: calc(50% - 30px) !important;
    }
}

p.logo-box {
    padding-bottom: 30px;
}

.benefits-row:after {
    flex: 1 0 100%;
}

.benefit img {
    width: 100% !important;
    height: 65px !important;
    margin: 20px auto 20px;
    object-fit: contain;
}

html.ArticleEditor_pnlWasItHelpfulVisible {
    max-width: calc(100% - 20px);
}

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

    .benefits-row .col-md-4 {
        flex: 1 1 calc((100% / 2) - 30px);
    }
}

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

    .benefits-row .col-md-4 {
        flex: 1 1 100%;
    }
}

.new:after {
    content: "NEW";
    color: #11132b;
    background: #07ece1;
    /* font-size: 14px; */
    vertical-align: text-bottom;
    letter-spacing: 1px;
    padding: 3px 10px;
    /* font-weight: 600; */
}

.beta:after {
    content: "BETA";
    color: #fff;
    background: #5B7CFB;
    /* font-size: 14px; */
    vertical-align: text-bottom;
    letter-spacing: 1px;
    padding: 3px 10px;
    /* font-weight: 600; */
}

.alert-success {
    background-color: #E0F8F8;
    border-color: #24B0B3;
    color: #11132b;
}

.alert-danger {
    background-color: #FFF0F0;
    border-color: #E17070;
    color: #11132b;
}

.alert-warning {
    background-color: #FDF8E4;
    border-color: #F3D199;
    color: #11132b;
}
.well {
    border-radius: 5px;
    background-color: #e5e5e5;
    border-color: #11132b;
    color: #11132b;
}
.alert-info {
    background-color: #e5e5e5;
    border-color: #11132b;
    color: #11132b;
}
.changelog-mobile,
.changelog-new,
.changelog-update {
    letter-spacing: 1px;
    padding: 5px 10px !important;
    border-radius: 16px;
    width: 90px;
    height: auto;
    white-space: nowrap;
}
.changelog-update {
    background-color: #5B7CFB !important;
}
.changelog-new {
    background-color: #07ece1 !important;
}



li a,
p a,
td a,
th a,
[class*="alert"] a {
    font-weight: 500;
}




/* article select styles - not to be used */
/* 
div#pnlContainer_cphMain_articleSelector_pnlContainer,
div#pnlContainer_cphMain_articleSelector_pnlContents {
    background: white !important;
    color: #11132B !important;
}

.ArticleSelector_templateHeader,
.TocTreeLight_treeContainer .CHTree_node,
.IndexViewerLight_contentContainer .CHTree_node {
    color: #11132B !important;
}

.Articles_nav .CHTree_node:hover,
.CHTree_node:hover .TocTreeLight_nodeText {

    color: #5B7CFB !important;
} */


/* header menu font styles */
#pnlMainMenu li a {
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    text-transform: none;
    transform: translateY(5px);
}


::selection {
    background-color: #08ede1;
}
::-moz-selection {
    background-color: #08ede1;
}