/*
TIXA SUPPORTSTYLESHEET -----
v1.0

Used only on the Tixa support pages
#Unique additive stylesheet to be used on Tixa support pages in addition to others:
--main.css
--uniriv.css
*/



/*GENERAL*/
body{
padding-top:50px;
}



/*
HOME ELEMENTS ONLY
---These elements are only present on the home page
*/


/*---SUPPORT HOME::HEADER---*/
.support-home-header{
padding:50px 5% 20px 5%;
text-align:center;	
}

.support-home-header h1{
font-size:40px;
font-weight:600;	
}

.support-home-header p{
font-size:18px;
font-weight:300;	
margin:0 auto;
max-width:550px;
color:#333;
}


/*--SUPPORT HOME::ON YOUTUBE--*/
.support-home-youtube{
padding: 40px 5% 0px 5%;
min-height:300px;
background-color: #f3f2f1;
text-align: center;
}

.support-home-youtube h1{
font-size:40px;
font-weight:600;	
}

.support-home-youtube h2{
font-size:18px;
font-weight:300;	
margin:0 auto;
max-width:550px;
color:#333;	
}

.support-home-youtube img{
margin-top:50px;
width:100%;
}



/*---SUPPORT HOME::ACCOUNT RELATED---*/
.support-home-accounts-holder {
margin:40px auto;
max-width:1200px;
padding:0px 5%;
}

.support-home-accounts-row {
margin-left: calc(0% - 20px);
margin-right: calc(0% - 20px);
display: flex;
flex-direction: row;
justify-content:flex-start;
flex-wrap: wrap;
}

.support-home-accounts-col{
float: left;
width: 33.33%;
padding:20px;
}

.support-home-accounts-col svg{
width:64px;
height:64px;
fill:#333;
stroke:#333;
margin-bottom: 20px;
}

.support-home-accounts-col h1{
color:#c86c13;
font-size:26px;
}

.support-home-accounts-col p{
color:#333;
font-size:18px;
font-weight:300;
}

@media (max-width:820px) {
.support-home-accounts-row{
flex-direction: column;
}

.support-home-accounts-col{
width:100%;
}
}


/*---END HOME ELEMENTS::_____________________________________________________*/







/*
BASE PAGE ELEMENTS ONLY
---These elements are only present on all base pages
*/



/*SUPPORT HEADER*/
/*---SUPPORT HEADER: TOP LAYOUT---*/
.sup-header-topview-box{
margin:20px auto;
max-width:800px;
padding: 40px 5% 20px 5%;
background-color:rgb(255,255,255);
color:#333;
text-align:center;
}

.sup-header-topview-box img{
width:96px;
height:96px;
margin-bottom:40px;
}

.sup-header-topview-box h1{
font-size:64px;
font-weight:600;
}

@media (max-width:1064px) {
.sup-header-topview-box h1{
font-size:48px;
}
}

/*---SUPPORT HEADER: GO ICONS---*/
.sup-header-gocons-row {
display: flex;
text-align:center;
flex-direction: row;
margin:40px 0px 20px 0px;
justify-content:flex-start;
flex-wrap: wrap;
}

.sup-header-gocons-col {
width:120px;
margin:0px auto;
}

.sup-header-gocons-col svg{
opacity:0.8;
width:64px; 
height:64px;
fill:#111;
}

.sup-header-gocons-col svg:hover{
opacity:1;
}

.sup-header-gocons-col p {
font-size:18px;
margin-top:10px;
}

.sup-header-gocons-col a {
color:#333;
}

.sup-header-gocons-col a:hover {
color:#000;
}

@media (max-width:500px) {
.sup-header-gocons-col {
width: -webkit-calc(100% / 3);
width: calc(100% / 3);
padding-bottom:10px 0px;
}

.sup-header-gocons-col p {
font-size:16px;
}
}




/*SECTION (INFOLINKS)*/
/*---SECTION (INFOLINKS): LAYOUT---*/
.sup-sectox-info-holder {
margin:40px auto;
max-width:1200px;
padding:0px 5%;
}

.sup-sectox-info-box {
margin-left: calc(0% - 20px);
margin-right: calc(0% - 20px);
display: flex;
flex-direction: row;
justify-content:flex-start;
flex-wrap: wrap;
}

.sup-sectox-info-item {
padding:20px;
font-size:18px;
margin-bottom: 20px;
}

.sup-sectox-info-item.col-two { width:50%; }
.sup-sectox-info-item.col-three { width:33.33%; }


/*---SECTION (INFOLINKS): CONTENT---*/
.sup-sectox-info-item img{
opacity:0.8;
width:60px; 
height:60px;
fill:#111;
}

.sup-sectox-info-item h1.title{
font-size: 24px;
font-weight:600;
margin-top:20px;
}

.sup-sectox-info-item p {
margin-top:5px;
}

.sup-sectox-info-item a.inside-links {
color:#404BE1;
display: block;
}

.sup-sectox-info-item a:hover {
color:#000;
}

/*---SECTION (INFOLINKS): RESIZED---*/
@media (max-width:1064px) {
.sup-sectox-info-item h1.title h1{
font-size:20px;
}
}

@media (max-width:1000px) {
.sup-sectox-info-item.col-three{
width:50%;
}
}

@media (max-width:800px) {
.sup-sectox-info-box {
flex-direction:column;
}

.sup-sectox-info-item.col-two,.sup-sectox-info-item.col-three{
width:100%;
}
}








/*SECTION (STANDALONE)*/
/*---SECTION (STANDALONE): LAYOUT---*/
.sup-sectox-standa-box {
margin:80px 0px;
text-align: center;
padding:40px 5%;
font-size:18px;
}

.sup-sectox-standa-box.fancy {
background-color: #f5f5f7;
}

.sup-sectox-standa-box .content{
margin:40px auto;
max-width:500px;
}

.sup-sectox-standa-box .content img{
border-radius:8px;
width:128px;
height:128px;
margin-bottom:20px;
}

.sup-sectox-standa-box.fancy .content img{
border-radius:0px;
width:64px;
height:64px;
margin-bottom:20px;
}

.sup-sectox-standa-box .content h1{
font-size:36px;
font-weight:600;
}

.sup-sectox-standa-box .content p{
font-weight:400;
}








/*SECTION (MORE TOPICS)*/
/*---SECTION (MORE TOPICS): SEARCH PART---*/
.sup-more-topics-segment {
margin:40px auto;
max-width:1000px;
padding: 0px 5% 40px 5%;
text-align: center;
font-size:18px;
}

.sup-more-topics-segment h1{
font-size:40px;
font-weight:600;
color:#333;
margin-bottom: 40px;
}

.sup-more-topics-segment .searchbox {
height:50px;
padding-left:50px;
outline:none;
background-color:inherit;
border:1px solid #B9B3B3;
color:#fff;
border-radius:8px;
}

.sup-more-topics-segment .searchbox:focus {
border:1px solid #c86c13;
transition: 0.5s;
outline:none;
color:#000;
}

.sup-more-topics-segment .searchbox-icon {
float: left;
margin-left: 15px;
margin-top: -44px;
position: relative;
z-index: 2;
color:#999;
font-size:26px;
}

/*---SECTION (MORE TOPICS): CONTACT US PART---*/
.sup-more-topics-segment .contact{
margin:80px auto 0px auto;
max-width:500px;
}

.sup-more-topics-segment .contact img{
border-radius:8px;
width:64px;
height:64px;
margin-bottom:20px;
}

.sup-more-topics-segment .contact h2{
font-size:36px;
font-weight:600;
}

.sup-more-topics-segment .contact p{
font-weight:400;
}





/*---END BASE PAGES ELEMENTS::_____________________________________________________*/

















/*__________GENERAL FORMS__________*/
/*---------------------------------*/

/*SUPPORT HOME SEARCH*/
/*---SUPPORT HOME SEARCH: SEARCH ELEMENTS---*/
.support-stingray-holder {
margin:40px auto;
max-width:1200px;
text-align: center;
padding: 0px 5%;
padding-bottom: 50px;
}

.support-stingray-group {
padding:30px;
color:#FFF;
border-radius:10px;
background-color: rgba(5,5,5,0.80);
box-shadow:5px 5px 10px rgba(0,0,0,0.5);
}

.support-stingray-group h1{
font-size:28px;
font-weight:500;
margin-bottom:10px;
}

@media (max-width:800px) {
.support-stingray-group h1{
font-size:20px;
}
}

.support-stingray-searchbox {
font-size:18px;
font-weight:300;	
padding-left: 40px;
outline:none;
background-color:inherit;
border:1px solid #EBD7B6;
color:#fff;
width:100%;
height:50px;
border-radius:8px;
}

.support-stingray-searchbox.moonbase{
background-color:inherit;
border:1px solid #ccc;
color:#000;
}

.support-stingray-searchbox:focus {
background-color: rgba(5,5,5,0.60);
border:1px solid #c86c13;
transition: 0.5s;
color:#EBD7B6;
border-radius:8px 8px 0px 0px;
}

.support-stingray-searchbox:focus.moonbase{
background-color: #f2f2f2;
color:#222;
}

.support-stingray-searchicon {
float: left;
margin-left: 15px;
margin-top: -37px;
position: relative;
z-index: 2;
color:#999;
font-size:18px;
}

/*---SUPPORT HOME SEARCH: SEARCH RESULTS---*/
.support-stingray-results {
padding:22px 40px;
background-color: rgba(5,5,5,0.80);
box-shadow:5px 5px 10px rgba(0,0,0,0.5);
border-radius:0px 0px 8px 8px;
text-align: left;
color:#EBD7B6;
display:none;
}

.support-stingray-results.moonbase {
background-color: #f3f2f1;
box-shadow:none;
color:#222;
font-size:16px;
}

.support-stingray-results .linkbox{
padding:8px 0px; 
}

.support-stingray-results a{
text-decoration:none;
color:inherit;
}

.support-stingray-results a:hover{
text-decoration:none;
color:#f2f2f2;
}

.support-stingray-results.moonbase a:hover{
text-decoration:none;
color:#000;
}

















/*
Topic Pages--segment
### ONLY
*/




/*THEME SETTINGS*/
/*---THEME SETTINGS: LIGHT OR REGULAR---*/
body.topics, .sup-librax-inhernax {
background-color: #fff;
color: #333;
fill: #333;
}

body.topics.dark-theme, .sup-librax-inhernax.dark-theme {
background-color: #000;
color: #f5f5f7;
fill: #f5f5f7;
}

body.topics.light-theme, .sup-librax-inhernax.light-theme {
background-color:#fff;
color: #333;
fill: #333;
}

/*---THEME SETTINGS: DARK---*/
@media (prefers-color-scheme: dark) {
body.topics, .sup-librax-inhernax {
background-color: #000;
color: #f5f5f7;
fill: #f5f5f7;
}

body.topics.dark-theme, .sup-librax-inhernax.dark-theme {
background-color: #000;
color: #f5f5f7;
fill: #f5f5f7;
}

body.topics.light-theme, .sup-librax-inhernax.light-theme {
background-color:#fff;
color: #333;
fill: #333;
}
}





.sup-librax-main-footer {
background-color: #f5f5f7;
color: #222;
}

.sup-librax-main-footer.dark-theme {
background-color: #1D1D1F;
color: #f5f5f7;
}

.sup-librax-main-footer.light-theme {
background-color: #f5f5f7;
color: #222;
}

/*---THEME SETTINGS: DARK---*/
@media (prefers-color-scheme: dark) {
.sup-librax-main-footer {
background-color: #1D1D1F;
color: #f5f5f7;
}

.sup-librax-main-footer.dark-theme {
background-color: #1D1D1F;
color: #f5f5f7;
}

.sup-librax-main-footer.light-theme {
background-color: #f5f5f7;
color: #222;
}
}






/*TOPIC PAGE*/
/*---TOPIC PAGE: LAYOUT---*/
.sup-librax-layout-box {
display: flex;
text-align:left;
flex-direction: row;
justify-content:flex-start;
flex-wrap: wrap;
margin:40px 5% 20px 5%;
}

.sup-librax-layout-menu{
width:20%;
}

.sup-librax-layout-content {
width:60%;
}

.sup-librax-layout-panel {
width:20%;
}

@media (max-width:1048px) {
.sup-librax-layout-menu{
width:20%;
}

.sup-librax-layout-content {
width:80%;
}

.sup-librax-layout-panel {
width:100%;
}
}


@media (max-width:900px) {
.sup-librax-layout-menu{
width:100%;
margin-bottom:20px;
}

.sup-librax-layout-content {
width:100%;
}
}

/*---TOPIC PAGE: MENU---*/
.sup-librax-layout-menu .viewX-mini{
display:none;
}

@media (max-width:900px) {
.sup-librax-layout-menu .viewX-mini{
display:block;
}

.sup-librax-layout-menu .viewX-full{
display:none;
}
}


/*---TOPIC PAGES:GO BACK---*/
.sup-librax-layout-menu .go-back{
font-size:17px;
font-weight:300;
margin-bottom: 30px;
color:#666;
}

.sup-librax-layout-menu .go-back a, .sup-librax-layout-menu .go-back a:hover{	
color:inherit;
text-decoration: none;
}

.sup-librax-layout-menu .go-back::before{
padding-right:16px;
font-family: "Ionicons";
content:"\f124";
font-size:14px;
color:#c86c13;
}

.sup-librax-layout-menu .go-back:hover::before {
animation-name: fheuridjdowjjfkkkm;
animation-duration: 0.5s; 
animation-iteration-count: 1;
animation-fill-mode: forwards;
}

@keyframes fheuridjdowjjfkkkm {
from {
padding-right:16px;
color:#c86c13;
}
  
to {
padding-right:8px;
color:#222;
}
}



/*---TOPIC PAGE: SIDE MENU---*/
.sup-librax-menulist{
color:inherit;
}

.sup-librax-menulist h1{
font-size:24px;
font-weight:500;
margin-bottom:20px;
}

.sup-librax-menulist a{
font-size:18px;
font-weight:300;
display: block;
margin-bottom:10px;
color:inherit;
}

.sup-librax-menulist a.active{
color:#c86c13;
}

.sup-librax-menulist a:hover{
text-decoration: none;
}

.sup-librax-menulist .space{
padding:10px;
}

button.xY188-expander{
background-color:#ccc;
color:#333;
border:none;
outline:none;
border-radius:4px;
padding:8px 16px;
font-weight:500;
margin-bottom: 20px;
}


/*---TOPIC PAGE: PANEL---*/
.sup-librax-panel{
color:inherit;
}

.sup-librax-panel h1{
font-size:24px;
font-weight:500;
margin-bottom:20px;
}

.sup-librax-panel button.theme{
background-color:#ccc;
color:#000;
outline: none;
border:none;
border-radius:8px;
font-size:16px;
padding:8px 16px;
margin:10px 4px;
}

.sup-librax-panel button.theme.active{
border:none;
background-color:#333;
color:#CF9A66;
}


/*---TOPIC PAGES: ARTICLE CONTENTS---*/
.sup-librax-article{
padding: 0px 5% 0px 5%;	
max-width:900px;
}

@media (max-width:900px) {
.sup-librax-article{
padding: 0px;	
}
}

.sup-librax-article-header {
border-bottom:#CCC solid 1px;
padding-bottom:5px;
}

.sup-librax-article-header h1{
font-size:48px;
font-weight:bold;
}

@media (max-width:600px) {
.sup-librax-article-header h1{
font-size:32px;
font-weight:bold;
}
}

.sup-librax-article-header h2{
font-size:20px;
font-weight:500;
margin-bottom:20px;
}

.sup-librax-article-header h3{
font-size:14px;
opacity:0.7;
}

.sup-librax-article-contents{
margin-top:20px;
}

.sup-librax-article-contents h1{
font-size:28px;
font-weight:bold;
margin-top:40px;
}

.sup-librax-article-contents h2{
font-size:22px;
font-weight:bold;
margin-top:40px;
}

.sup-librax-article-contents p{
font-size:18px;
margin-bottom:20px;
}

.sup-librax-article-contents p.footer-send { 
display: none; 
}

.sup-librax-article-contents img{
width:100%;
max-width: 100%;
height: auto;
margin-bottom: 20px;
border-radius:12px;
display: none;
}

.sup-librax-article-contents ul{
font-size:18px;
margin-bottom:10px;
padding-left: 0px;
list-style: none;
}

.sup-librax-article-contents .highlight{
border-radius:12px;
background-color:#333;
color:#F1E0BF;
padding:20px;	
}

/*---TOPIC PAGE: ARTICLE FOOTER---*/
.sup-librax-article-footer{
border-top:#CCC solid 1px;
padding-top:10px;
color:inherit;
}

.sup-librax-article-footer p{
font-size:14px;
font-weight:300;
opacity:0.8;
}

.sup-librax-article-footer h1{
font-size:15px;
}


/*---TOPIC PAGE: ARTICLE MISSING---*/
.sup-librax-article-missing{
padding: 0px 5% 0px 5%;	
max-width:900px;
}

.sup-librax-article-missing img{
width: 100%;  
max-width:512px;
margin-bottom: 20px;
}

.sup-librax-article-missing .title{
font-size:28px;
font-weight:600;
}

.sup-librax-article-missing .info{
font-size:18px;
}



/*---TOPIC PAGE: PAGE FOOTER---*/
.sup-librax-page-footer {
margin:40px auto;
max-width:900px;
padding:20px 5%;
text-align: left;
font-size:18px;
}

@media (max-width:900px) {
.sup-librax-page-footer{
padding: 0px;	
}
}

.sup-librax-page-footer .contact{
max-width:500px;
}

.sup-librax-page-footer .contact img{
border-radius:8px;
width:64px;
height:64px;
margin-bottom:20px;
}

.sup-librax-page-footer .contact h2{
font-size:36px;
font-weight:600;
}

.sup-librax-page-footer .contact p{
font-weight:400;
}


/*---TOPIC PAGE: MAIN FOOTER---*/
.sup-librax-main-footer {
padding:0px 5%;
text-align: left;
font-size:14px;
}

.sup-librax-main-footer .top{
padding:20px 0px;
border-bottom:1px solid #666;
}

.sup-librax-main-footer .top .logo{

}

.sup-librax-main-footer .top .logo svg{
width:20px;
height:20px;
fill:inherit;
}

.sup-librax-main-footer .top .logo::after, .sup-librax-main-footer .top .main::after{
padding-left:16px;
font-family: "Ionicons";
content:"\f125";
font-size:12px;
color:inherit;
opacity:0.7;
}

.sup-librax-main-footer .top a {
text-decoration: none;
color:inherit;
}

.sup-librax-main-footer .top .main{
padding-left:12px;
opacity:0.7;
}

.sup-librax-main-footer .top .page{
padding-left:12px;
color:inherit;
}

.sup-librax-main-footer .bottom{
padding:20px 0px;
display: flex;
flex-direction: row;
justify-content: flex-start;
}

.sup-librax-main-footer .left{
width:70%;
}

.sup-librax-main-footer .right{
width:30%;
text-align: right;
}

.sup-librax-main-footer .bottom .copy{
font-weight:300;
opacity:0.5;
padding-right:32px;
}

.sup-librax-main-footer .bottom .link-box{
display: inline;
}

.sup-librax-main-footer .bottom li{
list-style: none;
display: inline;
padding-right:8px;
}

.sup-librax-main-footer .bottom li:not(:last-child)::after{
padding-left:12px;
content:"|";
opacity:0.5;
}

.sup-librax-main-footer .bottom a.inlink, .sup-librax-main-footer .bottom a.outlink {
text-decoration: none;
color:inherit;
opacity:0.8;
}

.sup-librax-main-footer .bottom a.outlink::after {
padding-left:8px;
font-family: "Ionicons";
content:"\f39c";
}

@media (max-width:980px) {
.sup-librax-main-footer .bottom{
flex-direction: column-reverse;
}

.sup-librax-main-footer .bottom .link-box{
display: block;
margin-top:4px;
}

.sup-librax-main-footer .left{
width:100%;
}

.sup-librax-main-footer .right{
width:100%;
text-align: left;
margin-bottom:20px;
}
}