.theme-red{
  --text-dark: #003B4E;  /* same for all*/
  --accent-text: #FE4456;  
  --accent-text-muted: #FE445690;
  --body-text-color: #809DA6; /* same for all*/
  --spinner-color: var(--accent-text);
  --special-button-gradient: linear-gradient(110deg, #FE4456, #FE4456);
  --special-button-shadow: #FE445670;
  --checkbox-color: var(--accent-text);
  --checkbox-border: var(--text-dark);
  --select-color: #ff8e99;
  --focused-color: #ff8e99;
}

.theme-orange {
  --text-dark: #003B4E;  /* same for all*/
  --accent-text: #FF6B35;  
  --accent-text-muted: #FFA686;
  --body-text-color: #809DA6; /* same for all*/
  --spinner-color: var(--accent-text);
  --special-button-gradient: linear-gradient(110deg, #FF6B35, #FF6B35);
  --special-button-shadow: #FE445670;
  --checkbox-color: var(--accent-text);
  --checkbox-border: var(--text-dark);
  --select-color: #FF9772;
  --focused-color: #FF9772;
}

.theme-purple {
  --text-dark: #003B4E;  /* same for all*/
  --accent-text: #7E68D6;  
  --accent-text-muted: #7E68D690;
  --body-text-color: #809DA6; /* same for all*/
  --spinner-color: var(--accent-text);
  --special-button-gradient: linear-gradient(110deg, #7E68D6, #7E68D6);
  --special-button-shadow: #7E68D670;
  --checkbox-color: var(--accent-text);
  --checkbox-border: var(--text-dark);
  --select-color: #B0A2E5;
  --focused-color: #B0A2E5;
}

body {
    font-family: 'Raleway', sans-serif;
    color: var(--body-text-color);
    /*line-height: 1.8;*/
    overflow-x:hidden;
}
@media (min-width: 768px) {
body {
    line-height: 1.8;
}
}

.overflow-x-hidden{
   overflow-x:hidden; 
}

::-moz-selection {
    color: white;
    background: var(--select-color);
}
::selection {
    color: white;
    background: var(--select-color);
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.card {
    background-color: transparent;
}

.spinner-grow{    
    color: var(--spinner-color);
    border-color: var(--spinner-color);
    /*filter: blur(20px);*/
}

.text-dark {
    color: var(--text-dark)!important;
}

.btn-special {
    color: #fff;
    font-size: 0.85rem;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    padding-left: 2.15rem;
    padding-right: 2.15rem;
    letter-spacing: 0.035rem;
    position: relative;
    background-image: var(--special-button-gradient);
    border:none;
    border-radius: 0.65rem;
}
    .btn-special > .button-shadow {
        position: absolute;
        top: 1rem;
        right: 0.7rem;
        bottom: -0.5rem;
        left: 0.7rem;
        background-color: var(--special-button-shadow);
        z-index: -1;
        filter: blur(15px);
    }    
    .btn-special:hover {
        color: #fff;
        opacity: 0.9;
    }    
    .btn-special:disabled {
        opacity: 0.8;
    }
    .btn-special:focus, .btn-special:active:focus {
        box-shadow: 0 0 0 0.25rem var(--focused-color);
    }
    .btn-special:active{
        transform: scale(0.95);
    }
    @media (min-width: 768px) { /* Only shrink on mobile */
    .btn-special:active {
        transform: none;
    }
    }
    
 .btn-icon {
    border-radius: 50%;
    color: var(--accent-text-muted);
 }
      .btn-icon:hover {
        border-radius: 50%;
        color: var(--accent-text);
     }
 
.form-check-input {
    background-color: transparent;
    border-color: var(--checkbox-border);
}  
    .form-check-input:checked {
        background-color: var(--checkbox-color);
        border-color: var(--checkbox-color);
    }
    .form-check-input.bigger{
        /* Double-sized Checkboxes */
        -ms-transform: scale(1.3); 
        -moz-transform: scale(1.3); 
        -webkit-transform: scale(1.3); 
        -o-transform: scale(1.3);
        /*padding: 10px;*/
    }
    .form-check-input:focus {
        box-shadow: 0 0 0 0.25rem var(--focused-color);
        border-color: var(--focused-color);
    }
    

.generated-text{
    font-family: 'Balsamiq Sans', cursive;
    color: var(--text-dark);
    line-height: 50px;
}

.text-overflow-center{
    /*margin-left: -100%;
    margin-right: -100%;
    text-align: center;*/
}

.margin-main{
    /*margin-top: 4rem;
    margin-bottom: 2rem;*/
}

@media (min-width: 768px) {
.text-desc{
    font-size: 1.15rem;
}
}

/* Nav styles */
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.7rem;
    padding-left: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
    @media (min-width: 992px) {
        .navbar-expand-md .navbar-nav .nav-link {
            padding-right: 2rem;
            padding-left: 2rem;
            padding-top: 2rem;
            padding-bottom: 2rem;
        }
    }


.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: var(--accent-text);
    font-weight: bold;
    /*text-shadow: 0px 7px 20px var(--nav-text-shadow-color);*/
}
.navbar-light .navbar-nav .nav-link {
    color: var(--accent-text-muted);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        color: var(--accent-text);
        /*opacity: 0.6;*/
    }
.navbar-light .navbar-nav .nav-link.active:focus, .navbar-light .navbar-nav .nav-link.active:hover  {
    opacity: 1;
    color: var(--accent-text);
}

.navbar:has(div):has(.show){
    box-shadow: 0px 0px 20px 0px rgb(128 157 166 / 30%);
}
@media (min-width: 768px) {
.navbar:has(div):has(.show){
    box-shadow: none;
}
}


.navbar-light .navbar-toggler {
    border: none;
    padding: 0.5rem;
}
    .navbar-toggler:focus {
        /*box-shadow: 0 0 0 0.125rem var(--text-light);*/
        box-shadow: none;
    }    

.navbar-light .navbar-toggler-icon {
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%223%22%20fill%3D%22%23809DA6%22%2F%3E%3Crect%20x%3D%225.46484%22%20y%3D%224.05026%22%20width%3D%2212%22%20height%3D%222%22%20rx%3D%221%22%20transform%3D%22rotate%2845%205.46484%204.05026%29%22%20fill%3D%22white%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%2212.4853%22%20width%3D%2212%22%20height%3D%222%22%20rx%3D%221%22%20transform%3D%22rotate%28-45%204%2012.4853%29%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E%0A);
    width: 24px;
    
}
    
.collapsed > .navbar-toggler-icon {
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%223%22%20fill%3D%22%23809DA6%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2212%22%20height%3D%222%22%20rx%3D%221%22%20fill%3D%22white%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%228%22%20width%3D%2212%22%20height%3D%222%22%20rx%3D%221%22%20fill%3D%22white%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2212%22%20width%3D%2212%22%20height%3D%222%22%20rx%3D%221%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E%0A);
    width: 24px;
}


/* Footer styles */
.footer {
    color: #BFCED2;
    font-size: 0.9rem;
}