/* CSS Document */

@import url("https://use.typekit.net/nqn8udh.css");
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300;400&display=swap');

body {
    font-family: proxima-nova, sans-serif;
    font-size: 15px !important;
    line-height: 1.8em;
    color: #2b2e38;
    font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
}
h3 {
    font-size: 3rem;
    font-weight: 400;
    line-height: 1!important;
    margin-bottom: 20px;
}
pre {
    background: #fbfbfd;
    box-shadow: 0 1px 1px rgb(0 0 0 / 8%);
}
code {
    font-family: 'Source Code Pro', monospace;
    font-size: 0.75rem !important;
    line-height: 1.8 !important;
    font-weight: 400;
}
pre code {
    color: darkmagenta;
}
code note {
    color: #93939e;
    line-height: 1.7 !important;
}
code.textcode {
    color: #ca473f;
    font-weight: 500;
    background: #fbfbfd;
    box-shadow: 0 1px 1px rgb(0 0 0 / 8%);
    line-height: 1.7 !important;
    font-size: 0.80rem !important;
    padding: 0 6px;
}
.token.operator, .token.url {
    color: #090910;
}
code.textcode .token.operator {
    color: #ca473f;
}
code a:hover {
    text-decoration: underline;
}

.font-14px p {
    font-size: 14.24px !important;
    line-height: 20px;
}
.et_pb_row {
    max-width: 1280px !important;
}
.et_pb_row.fullwidth {
    max-width: 100% !important;
    width: 100% !important;
}
.et_pb_button, .aside .et_pb_button {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.7em !important;
}
.et_pb_button:after {
    font-size: 26px !important;
}
.bg-gray-100 {
    --bg-opacity: 1!important;
    background-color: rgba(245,245,250,var(--bg-opacity))!important;
}
.aside ul, .mainside ul {
    list-style: none;
    padding-left: 0px;
}
.mainside ul li ul {
    padding-left: 20px;
}
.mainside ul li a:before {
    content: "</> ";
    color: #ff2d20;
}
.mainside .listview a:before {
    content: "";
    display: none;
}
.mainside .listview ul {
    list-style: disc;
    padding-left: 20px;
}
.mainside .listview ul li {
    padding-left: 20px;
}
.mainside .listview ul li small {
    font-size: 12px;
    line-height: 1.5 !important;
    display: block;
}
.mainside .listview a {
    color: #2ea3f2;
}
.mainside .listview a:hover {
    text-decoration: underline;
}
.aside a, .aside p, .aside span, .aside h2, .aside li {
    font-size: 14px;
    line-height: 17.5px !important;
    font-weight: 400;
    color: #090910;
}
.aside li a {
    transition: all .3s ease;
    cursor: pointer;
}
.aside li.parent a, .mainside ul li a {
    font-weight: 600;
    margin: 0px;
    padding: 0px;
    color: #090910;
}
.mainside ul li ul li a {
    font-weight: 400;
    color: #090910;
} 
.aside li.child a {
    position: relative;
    font-weight: 400;
}
.et_pb_widget ul li {
     margin-bottom: 0px !important;
}
.aside ul.sub-menu {
    padding-top: .65em !important;
    display: none;
}
.aside ul li.current-menu-item.menu-item-has-children ul {
    display: block;
}
.aside ul ul li.current_page_item a::before {
    content: "";
    position: absolute;
    top: .30em;
    left: -12px;
    width: .5rem;
    height: .5rem;
    background: url('/custom/active_marker.min.svg?36e18ac8091d2429ca0eba3e97696b3a') no-repeat center;
}
.aside li {
    display: block;
    padding: .65em 0 !important;
    white-space: nowrap; 
}
.aside li li {
    padding-left: 20px;
}
.aside li a:hover {
    padding-left: 10px;
}
.aside ul.sub-menu.open {
    display: block;
}
.aside ul.sub-menu close {
    display: none;
}
.mainside h1 {
    font-size: 2.5em;
    letter-spacing: 0;
    line-height: 1.125em;
    margin-bottom: .65em;
    font-weight: 600;
}

.mainside h2, .mainside h3 {
    font-size: 1.75em;
    letter-spacing: 0;
    font-weight: 600;
}
.mainside h2:before, .mainside h3:before {
    content: "</>";
    font-weight: 600;
    position: absolute;
    color: #ff2d20;
    opacity: .6;
    margin-left: -42px;
    font-size: 28px;
}
.mainside h3:before {
    margin-left: -35px;
    font-size: 22px;
}
.mainside h3 {
    font-size: 1.25em;
    margin-bottom: 5px;
}
.mainquote {
   padding-left: 1rem !important; 
}
.mainquote .et-waypoint{
    background-color: red;
    color: white !important;
}

/* ALGEMENE LAYOUT */
.aside.left, .mainside, .aside.right {
    width: 100% !important;
    margin-right: 0px !important;
}
.aside.left .et_pb_module {
    float: right;
    clear: both; 
}
.aside.right .et_pb_module {
    float: left;
    clear: both; 
}
.code-search div {
    padding-left: 30px;
}
.code-search div::before {
    content: '';
    background: url('/custom/search_icon.png');
    font-weight: 600;
    position: absolute;
    top:10px;
    left:0px;
    width: 20px;
    height: 20px;
}
.contentlist ul {
    list-style-type: none;
    margin: 0 0 1.5em 0;
    padding: 0;
}
.contentlist ul li {
    position: relative;
    display: block;
    padding-left: 1.25em;
    margin-bottom: 0.5rem !important;
    font-size: .89em;
    color: #2b2e38;
    line-height: 1.714em;
}
.contentlist ul li::before {
    content: "";
    position: absolute;
    top: .50em;
    left: 0;
    width: 9px;
    height: 10px;
     background: url('/custom/ul_marker.min.svg?7fb6e6007f4c1f1e37a22d8ced7c21a2') no-repeat center;
    background-size: contain;
}
.footerbox {
    padding: 4rem!important;
}
footer h3 {
    margin-bottom: 0px !important;
}
@media (min-width: 981px) {
    .aside.left {
        max-width: 20rem!important;
        padding-top: 2rem!important;
        padding-bottom: 2rem!important;
    }
    .aside.left .et_pb_module {
        width: 20rem!important;
        padding-left: 4rem!important;
        padding-right: 4rem!important;
    }
    .aside.right {
        width: 16rem!important;
        padding-left: 48px!important;
    }
    .mainside {
        margin-top: 2rem!important;
        max-width: 723.203px!important;
        padding-left: 6rem!important;
    }
    .footerbox {
        max-width: 1024px!important;
    }
    .footerlogo img {
        margin-left: 40px!important;
    }
}

@media (min-width: 1536px) {
    .aside.left {
        max-width: 32rem!important;
    }
    .aside.right {
        width: 16rem!important;
        padding-left: 48px!important;
    }
    .mainside {
        margin-top: 2rem!important;
        max-width: 723.203px!important;
        padding-left: 6rem!important;
    }
    .docsfooter {
        max-width: 1536px!important;
        margin-left: auto!important;
        margin-right: auto!important;
        padding-left: 2rem!important;
        padding-right: 2rem!important;
    }
    .footerlogo img {
        margin-left: 0px!important;
    }

}