@charset "UTF-8";

/* theme colors */
:root {
    --o1: rgba(0,0,0,0.6); /* overlays */
    --o2: rgba(22,10,35,0.8);
    --bkg1: #160a22;
    --bkg2: #250944;
    --text: #cccccc;
    --link: #8d02d3;
    --hover: #926CAF;
    --grad1: #2c0b4c;
    --grad2: #500f8c;
    --input: #662D91;
    --button: #490e78;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
  position: relative;
  min-height: 100%;
}
body {
  background-color: var(--bkg1);
  color: var(--text);
  font-size: 20px;
}

/* Header */
.header {
  background: linear-gradient( to right, var(--grad1),var(--grad2),var(--grad1)) !important;
}
.header input{
  background-color: var(--input);
  color: var(--text);
}
.header input::placeholder{
  color: var(--text);
}

.header button{
  background-color: var(--button);
  color: var(--text);
  border: var(--text) 1px solid;
}

/* Navigation */
.nav-item {
  align-items: center;
	text-align: center;
}
.nav-bg { 
  background: radial-gradient(45vw 80% at 90% 40%,rgba(162,50,255,.3),rgba(44,11,76,0) 95%),linear-gradient(
90deg
,rgba(44,11,76,.9),rgba(80,15,131,.5) 60%,rgba(44,11,76,.9)),linear-gradient(
35deg
,rgba(44,11,76,.3),rgba(80,15,131,.3) 37%,rgba(44,11,76,.3) 0,rgba(80,15,131,.3) 76%,rgba(44,11,76,.3) 0,rgba(80,15,131,.3)),linear-gradient(
90deg
,#2c0b4c,#500f83 60%,#2c0b4c);border-radius:20px;border: 1px solid #5c2786;
}
.nav-bg a {color:#fff;font-size:120%;}
.nav-bg a:hover {color:#aaa;background:none;}
.nav-bg li {border-bottom: 1px solid var(--input);}
.nav-bg li:last-child {border-bottom: none;}
.navbar-toggler i{color:var(--text);will-change: transform;}
.navbar-toggler:hover{
  background:var(--input);
  transform: scale(1.05);
  transition: 0.3s;
  text-decoration: none; 
 }
.navbar-toggler:focus{
  box-shadow: none;
}

.bg-cta-button{
  color: var(--bkg1) !important;
  background-color: var(--text);
  border-radius:20px;
}
.bg-cta-button:hover{
  transform: scale(1.05);
  transition: 0.3s;
}


/* Footer */
.footer {
  color: var(--text);
  vertical-align:middle;
  background-color: var(--grad1);
  position: absolute;
  bottom: 0;
  width: 100%;
}
.footer a{
    color: var(--text);
    text-decoration: none;
}
.footer a:hover {
  color: var(--hover);
  text-decoration: none;
}

/* General */
h1 {
  font-size: 2.0rem;
  }
a {
  color: var(--text);
  text-decoration: none;
}

a:hover {
    color: var(--hover);
}

blockquote {
    border-left: 10px solid #eee;
    margin: 0;
    padding: 0 2rem;
}
.center {
  display: block;
  margin: 0 auto;
}

.card-header {
  border-bottom: 1px solid var(--link);
}

.card {
background: rgb(35,19,52);
background: linear-gradient(to bottom right, #231334, #1b0d2c);
}




.content a:hover {
  color: var(--link);
}
.content h1, .content h2, .content h3, .content h4, .content h5 {
margin-top: 2em; 
}
.content .details {
  border-top: 1px solid var(--hover);
  border-bottom: 1px solid var(--hover);
}
.content .details-right a{
  color: var(--text);
}
.content .details-right a:hover{
  color: var(--hover);
}
.content a {
  color: var(--hover);
  text-decoration: none;
}



/*code { color:white;background-color:gray; }*/
pre {
  color: white;
  display: block;
  background-color: var(--input);
  padding: 1rem;
  border-radius:20px;
}

::-webkit-input-placeholder {
  color: #CCC!important;
  font-style: italic;
  font-size: 14px;
}

::-moz-placeholder {
  color: #CCC!important;
  font-style: italic;
  font-size: 14px;
}

@media print {
  html, body {font-size: 18px;}
  .noprint {
    display: none;
  }
  html, body, .wrap, .content, .foot, .tab-pane, .tree { color:#000000; background-color: #ffffff;}
}

.bg2 {
  background: radial-gradient(45vw 80% at 90% 40%,rgba(162,50,255,.3),rgba(44,11,76,0) 95%),linear-gradient(
90deg
,rgba(44,11,76,.9),rgba(80,15,131,.5) 60%,rgba(44,11,76,.9)),linear-gradient(
35deg
,rgba(44,11,76,.3),rgba(80,15,131,.3) 37%,rgba(44,11,76,.3) 0,rgba(80,15,131,.3) 76%,rgba(44,11,76,.3) 0,rgba(80,15,131,.3)),linear-gradient(
90deg
,#2c0b4c,#500f83 60%,#2c0b4c);border-radius:20px;
}


.home-grid-image img {
	max-width:100%;
}

.home-grid-text {
	display: grid;
	align-items: left;
	justify-items: left;
}


.faq-question {
  text-align: left;
}

.nav-tabs {
  border-bottom: 1px solid var(--hover) !important; ;
}
.nav-tabs .nav-link {
  color: var(--text);
  background-color: var(--grad1);
  border: 1px solid var(--hover) !important;
  border-bottom: none !important;
}

.nav-tabs .nav-link.active {
  color: var(--text);
  background-color: var(--button);
}
.nav-tabs .nav-link:hover {
  color: var(--test);
  background-color: var(--hover);
}


.accordion .card .card-header {
  border-top: 1px solid var(--link);
  border-bottom: none;
  background: transparent;
}
.accordion .card:first-child .card-header {
  border-top: none;
}

.accordion .btn {
  width: 100%;
  font-weight: bold;
  color: var(--text);
}

.accordion .btn-link:hover, .accordion .btn-link:focus, .accordion .btn-link:active {
  text-decoration: none;
  outline: none;
  box-shadow: none;
}



#home .card {
  flex-direction: row;
  align-items: center; border-radius: 20px;
  transition: transform 0.4s ease; 
  background:var(--grad1);
}
#home .card:hover {
 background:var(--grad2);
 transform: scale(1.05);
}
#home .card-title {
  /*font-weight: bold;*/
}
#home .card img {
  width: 20%;
  border-top-right-radius: 0;
  border-bottom-left-radius: calc(0.25rem - 1px);
}

#home a:hover {
  text-decoration: none; 
  color: var(--text);
}
@media only screen and (max-width: 768px) {
  /*#home a {
    display: none;
  }*/
  #home .card-body {
    padding: 0.5em 1.2em;
  }
  #home .card-body .card-text {
    margin: 0;
  }
  #home .card img {
    /*width: 5%;*/
  }
}
@media only screen and (max-width: 1200px) {
  #home .card img {
   /* width: 50%;*/
  }
}

#home .row-flex {
  display: flex;
  flex-wrap: wrap;
}

#home .row-flex > [class*="col-"] {
  /*margin-bottom: 30px;*/
  flex-grow: 1;
}