@import url("public.css");

@media screen and (min-width: 1281px){
    html{font-size:18px}
}
@media screen and (max-width: 641px){
    html{font-size:16px}
}
    h1,h2,h3,h4,h5,h6{line-height:1}
    h1:not(:first-child),h2:not(:first-child),h3:not(:first-child),h4:not(:first-child),h5:not(:first-child),h6:not(:first-child){margin-top:3rem}
    h1 a,h1 a:hover,h2 a,h2 a:hover,h3 a,h3 a:hover,h4 a,h4 a:hover,h5 a,h5 a:hover,h6 a,h6 a:hover{text-decoration:none}h1{font-size:3rem}h1.page-title{font-size:4.5rem;font-weight:700;padding:3rem 0 4.5rem;letter-spacing:-0.125rem;color:#00b464;text-shadow:#095 0 0.125rem 0}
@media screen and (max-width: 641px){
    h1.page-title{font-size:3rem;text-shadow:#095 0 0.0625rem 0}
}
a.page-logo{display:block;width:80%;height:auto;margin:0 auto}
a.page-logo svg{max-height:100%}
a.page-logo svg path{fill:#00b464}
a.page-logo:hover svg path{fill:#4cca92}
h2{font-size:2rem}
h3{font-size:1.5rem}
p:not(:first-child),pre:not(:first-child),section.example:not(:first-child){margin-top:0;}
ul,ol{margin-left:1.5rem}
ul{list-style-type:disc}
ol{list-style-type:decimal}
strong{font-weight:bold}
em{font-style:italic}
code{font-family:"Source Code Pro",monospace;font-size:0.75rem;background-color:#f2f0ef;border:0.0625rem solid #cbc5c1;padding:0 0.125rem;-webkit-border-radius:0.25rem;-moz-border-radius:0.25rem;-ms-border-radius:0.25rem;-o-border-radius:0.25rem;border-radius:0.25rem}
pre code{display:block;width:100%;overflow-x:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0.5rem}
small,sub,sup{font-size:75%}
sub,sup{line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
hr{display:inline-block;vertical-align:middle;margin:0;padding:0;border:0;width:100%;height:0.125rem;background-color:#000}
header.page-header{max-width:48rem;margin:1rem auto}
section.page-content{max-width:48rem;margin:auto}
section.example{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;width:80%;vertical-align:top;padding:0.25rem; margin: 0 auto;}
footer.page-footer{max-width:48rem;margin:auto;padding:4.5rem 0 1.5rem}
a.fake-button{color:#fff;background-color:#00b464;line-height:2rem;padding:0 0.5rem;display:inline-block;text-decoration:none;border-bottom:0.125rem solid #095;-webkit-border-radius:0.25rem;-moz-border-radius:0.25rem;-ms-border-radius:0.25rem;-o-border-radius:0.25rem;border-radius:0.25rem}
a.fake-button:hover{background-color:#4cca92;border-color:#095}
a.fake-button.fake-button-big{font-size:1.5rem;line-height:3rem;padding:0 0.75rem}
nav.page-main-navigation{top:0;right:0;position:fixed;z-index:2;font-size:1rem;-webkit-transition:right 0.3s;-moz-transition:right 0.3s;-o-transition:right 0.3s;transition:right 0.3s}
nav.page-main-navigation:target{right:10rem}
nav.page-main-navigation:target a.open{display:none}
nav.page-main-navigation:target a.close{display:block}
nav.page-main-navigation ol{height:auto;margin:0;top:0;left:0;position:absolute}
nav.page-main-navigation ol li{display:block}
nav.page-main-navigation ol li a{width:10rem}
nav.page-main-navigation ol li:last-child a{border-bottom:0.125rem solid #095;-webkit-border-radius:0 0 0 0.25rem;-moz-border-radius:0 0 0 0.25rem;-ms-border-radius:0 0 0 0.25rem;-o-border-radius:0 0 0 0.25rem;border-radius:0 0 0 0.25rem}
nav.page-main-navigation a{color:#fff;background-color:#00b464;line-height:2rem;padding:0 0.5rem;display:block;text-decoration:none;text-align:left}
nav.page-main-navigation a:hover{background-color:#4cca92}
nav.page-main-navigation a.close,nav.page-main-navigation a.open{top:0;right:0;position:absolute;border-bottom:0.125rem solid #095;-webkit-border-radius:0 0 0 0.25rem;-moz-border-radius:0 0 0 0.25rem;-ms-border-radius:0 0 0 0.25rem;-o-border-radius:0 0 0 0.25rem;border-radius:0 0 0 0.25rem}
nav.page-main-navigation a.close{display:none}


.hashTabber-sandstone-wrapper{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;width:100%;vertical-align:top;background-color:#fff;padding:1rem;}
ol.hashTabber-nav.hashTabber-sandstone,ol.hashTabber-data.hashTabber-sandstone{list-style:none;margin:0;padding:0}
ol.hashTabber-nav.hashTabber-sandstone{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;width:20%;vertical-align:top}
ol.hashTabber-nav.hashTabber-sandstone>h2{font-size:0.875rem;text-transform:uppercase;padding:0.75rem 0.5rem 0.25rem 0.5rem;color:#443c37}ol.hashTabber-nav.hashTabber-sandstone>li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;width:100%;vertical-align:top}
ol.hashTabber-nav.hashTabber-sandstone>li:not(:first-child){margin-top:0.2rem}
ol.hashTabber-nav.hashTabber-sandstone>li.active a{background-color:#476bb9;color:#fff; font-weight: bold;}
ol.hashTabber-nav.hashTabber-sandstone>li.active a:hover{background-color:#476bb9;color:#fff; font-weight: bold;}
ol.hashTabber-nav.hashTabber-sandstone>li>a{display:block;-webkit-border-radius:0.25rem 0.25rem 0.25rem 0.25rem;-moz-border-radius:0.25rem 0.25rem 0.25rem 0.25rem;-ms-border-radius:0.25rem 0.25rem 0.25rem 0.25rem;-o-border-radius:0.25rem 0.25rem 0.25rem 0.25rem;border-radius:0.25rem 0.25rem 0.25rem 0.25rem;padding:0.5rem 0.75rem;text-decoration:none;color:#333;background-color:#fff;font-size:0.875rem}
ol.hashTabber-nav.hashTabber-sandstone>li>a:hover{background-color:#f6f6f6;border-color:#fff;font-size:0.875rem}
.faq-title {font-size: 32px;font-weight: bold;line-height: 40px;color: #262626;display: flex; justify-content: space-between; margin-bottom: 20px;}
.faq-item {
    padding-left: 30px;
    border-left: 1px solid #D8D8D8;
    box-sizing: border-box;
    border-bottom: none;
}
/*.hashTabber-data{margin-left: 0.75rem;}*/
.hashTabber-data li li{list-style-type:none; display: list-item; border-bottom:solid 1px #f2f2f2; }
.hashTabber-data .question{
    display: block;
    font-size: 18px;
    font-weight: normal;
    line-height: 40px;
    padding: 8px 36px 7px;
    position: relative;    
    color: #262626;
   
}
.hashTabber-data .question::before{
    display: inline-block;
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0px;
    top: 14px;
    background: url(../img/qa.png) center/100% no-repeat;
}
.hashTabber-data .answer {
    padding-left: 30px;
    font-size: 14px;
    line-height: 24px;
    color: #7f7f7f;
}
.answer p{
    font-size: 1rem; line-height: 36px;
    margin: 20px 0;
} 
.back{
    line-height: 75px;
    margin-left: 50px;
}
.back-right{
    text-align: right;
    list-style: 40px;
}
.sub-title{
    text-align: center;
    line-height: 50px;
    color: #000;
    font-size: 24px;
    background-color: #f2f2f2;
    margin-left: 20px;
    border-radius: 2px;
}
.sub-title a{ color: #476bb9;}
.sub-title a:hover{ color: #001334;}
.nolist{vertical-align:middle; text-align: center;}
@media screen and (max-width: 641px){
    ol.hashTabber-nav.hashTabber-sandstone{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;width:100%;vertical-align:top;margin-bottom:0.75rem}
    section.example{width:100%;}
    .faq-title {font-size: 24px;line-height: 30px;}
    .faq-item {
        width: 80%;
        padding-left: 0px;
        border-left: none;
        box-sizing: border-box;
    }
    .hashTabber-data .question{
        left: -20px;
        padding: 8px 0px 7px 36px;
    }
    .hashTabber-data .answer {
        padding-left: 0px;
        margin-left: -20px;
       
    }
    .answer p{
        font-size: 1rem; line-height: 36px;
        margin: 20px 0;
    } 
    .back{
        line-height: 75px;
        margin-left: 10px;
    }
    .sub-title{
        margin-left: 0px;
        line-height: 40px;
    font-size: 1.2rem;
    }
   
}
@media screen and (max-width: 641px){
    ol.hashTabber-nav.hashTabber-sandstone>li>a{-webkit-border-radius:0.25rem;-moz-border-radius:0.25rem;-ms-border-radius:0.25rem;-o-border-radius:0.25rem;border-radius:0.25rem}}
    ol.hashTabber-data.hashTabber-sandstone{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;width:79%;vertical-align:top;-webkit-border-radius:0.25rem;-moz-border-radius:0.25rem;-ms-border-radius:0.25rem;-o-border-radius:0.25rem;border-radius:0px;background-color:#fff;min-height:20rem;margin-left: 0px;}
@media screen and (max-width: 641px){
    ol.hashTabber-data.hashTabber-sandstone{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;width:100%;vertical-align:top}
}
    ol.hashTabber-data.hashTabber-sandstone>li h3{padding-bottom:0.5rem;border-bottom:0.125rem solid #f2f0ef}