@import url("fonts.css");

* {
    margin: 0px;
    padding: 0px;
}
/*
html, body {
    width: 100%;
    height: 100%;
    font-size: 16px;
}
*/
body {
    /*font-family: "FuturaN";*/
    color: #502971;
}

#header_wrapper {
    width: 100%;
    height: 100%;
    min-height: 230px;
    background: url("../images/docs_header_back.jpg") no-repeat center top;
    /*background-size: cover;*/
}

#header_wrapper img {
    display: none;
}

@media (max-width: 770px) {
    #header_wrapper {
        background: none;
        height: auto;
        min-height: inherit;
    }
    #header_wrapper img { 
        display: block; 
        width: 100%;
    }
}

#wrapper {
    max-width: 700px;
    margin: auto;
}


/* ------- docs ------- */
#docs_content {
    width: 96%;
    margin: auto;
    padding: 30px 0px;
    /*color: #7468ae;*/
    outline: none;
    font-family: "ArialNarrow";
    text-align: justify;
    font-size: 0.9rem;
}


#docs_content ul {
    font-family: "ArialNarrow";
    list-style-type: none;
}

#docs_content ul li {
    margin-bottom: 20px;
}
#docs_content ul li.center {
    text-align: center;
}
#docs_content ul li ul li {
    font-size: 0.9rem;
    font-weight: normal;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#docs_content ul li ul li ul li {
    font-weight: normal;
    margin-left: 10px;
    margin-top: 10px;
    padding-right: 10px;
}
#docs_content ul li ul li ul li ul li {
    font-weight: normal;
    margin-left: 10px;
}

#docs_content li.dash::before { 
    content: "-";
    /*text-indent: -5px;*/
    margin-left: -5px;
    margin-right: 2px;
}
#docs_content li.circle { 
    list-style-type: circle; 
    margin-left: 15px;
}

#docs_content p { font-weight: normal; }

#docs_content sup { font-size: 0.65rem; }

#docs_content .rules_strong {
    font-family: "ArialNarrow";
    font-weight: bold;
    font-size: 1rem;
    margin-bottom: 5px;
}
#docs_content .rules_title {
    font-size: 1rem; 
    text-align: center; 
    font-weight: bold;
    height: 70px; 
}
#docs_content .underline {
    text-decoration: underline;
}

#docs_content table, #docs_content td {
    border: 1px solid #b3cfe6;
    border-collapse: collapse;
}
#docs_content td {
    padding: 5px 10px;
}
.doc_title {
    font-family: "ArialNarrow";
    font-weight: bold;
    font-size: 1.05rem;
    padding-bottom: 20px;
    text-align: center;
}

span { font-family: "ArialNarrow"; font-weight: bold; }

#docs_content a { color: #502971; }

/*img { width: 100%; }*/

#docs_content p.about {
    width: 48%; 
    margin: 5rem auto;
    text-align: left; 
    
}
#docs_content p.about:nth-child(odd) {float: left;}
#docs_content p.about:nth-child(even) {float: right;}

@media (max-width: 770px) {
    #docs_content p.about { 
        width: 100%;
        float: none; 
        text-align: center;
    }
    #docs_content p.about:nth-child(odd) {margin: 3rem auto;}
    #docs_content p.about:nth-child(even) {margin-top: 0rem;}
}


/* ------- end docs ------- */

.regcode_btn {
    margin-bottom: 2rem;
    display: block;
    text-align: center;
}

.regcode_btn div {
    display: inline-block;
    background: url("../images/back_pattern.png") repeat center top;
    background-color: #f2efed;
    border-radius: 5px;
    -webkit-box-shadow: -2px 3px 2px 0px rgba(55,47,79,0.7), inset -2px 3px 2px 0px rgba(165,153,194,0.7);
    -moz-box-shadow: -2px 3px 2px 0px rgba(55,47,79,0.7), inset -2px 3px 2px 0px rgba(165,153,194,0.7);
    box-shadow: -2px 3px 2px 0px rgba(55,47,79,0.7), inset -2px 3px 2px 0px rgba(165,153,194,0.7);
}

.regcode_btn div:hover {
    background-color: #776cb1;
    cursor: pointer;
}

.regcode_btn div a {
    display: block;
    padding: 0.65rem 3.5rem 0.35rem 3.5rem;
    font-family: "Recoleta";
    font-size: 1.4rem;
    color: #502971;
    text-decoration: none;
}

@media (max-width: 330px) {
    .regcode_btn div { width: 100%; }
    .regcode_btn div a { padding: 0.65rem 1.5rem 0.35rem 1.5rem; }
}

.regcode_btn div:hover a {
    color: #ffffff !important;
    text-decoration: none;
}

.regcode_btn span {
    display: block;
    font-family: "ArialNarrow";
    font-size: 0.8rem;
    line-height: 0.95rem;
    margin-top: 0.45rem;
}


#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h5, 
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h6, 
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy li, 
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy p, 
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a, 
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span, 
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td, 
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group, 
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description { color: #502971 !important; }

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a, 
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a:hover { background: none !important; }