@import url('https://fonts.googleapis.com/css2?family=Baskervville&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baskervville:ital@1&display=swap');

/* @import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap'); */




:root {
    --primary: #bc31c9;
    --primaryH: #dc3feb; 
    --secondary: #ffffff; 
    --secondaryH: #ffffff; 
  }


h1 {
    color:var(--primary);
}


.btn-primary {
    background-color:var(--primary);
    border-color:var(--primary);

}
.btn-primary:hover{
    background-color:var(--primaryH);
    border-color: var(--primaryH);

}



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



.nav-item {
    font-family: 'Baskervville', sans-serif;
}




/* Small devices (landscape phones, 544px and up) */
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
/* Large devices (desktops, 992px and up) */
/* Extra large devices (large desktops, 1200px and up) */
/*1rem = 16px*/

.navbar-collapse {
    margin-top: 2em;
}



@media (min-width: 544px) {  
    /* body {font-size:2rem !important;} 
    .btn {font-size:2rem !important;} */
    .navbar-collapse {
        margin-top: 2em;
    }
   
}
   
  
@media (min-width: 768px) {  
    /* body {font-size:2rem !important;}
    .btn {font-size:2rem !important;} */
    .navbar-collapse {
        margin-top: 2em;
    }
}


@media (min-width: 992px) { 
    /* body {font-size:1rem;} 
    .btn {font-size:1rem;} */
    .navbar-collapse {
        margin-top: 0;
    }
    .navbar {
        padding: 0;
    }
}


@media (min-width: 1200px) {  
    /* body {font-size:1rem;}  
    .btn {font-size:1rem;} */
    .navbar-collapse {
        margin-top: 0;
    }
    .navbar {
        padding: 0;
    }
}



/*
.btn-secondary {
    background-color: #bc31c9;
    border-color: #bc31c9;

}*/










.diamond-bullet-yellow {
    color: #eec764;
}
.diamond-bullet-red {
    color: #d0a2b1;
}
.diamond-bullet-green {
    color: #90b996;
}


.hamburger-closed {
    height:1em;
}
.hamburger-opened {
    height:1em;
}

.menu-logo {
 
    height: 4rem;
    float: left;
    position: absolute;
    z-index: 9;
    top: 0.1rem;
}






















/* 
 /$$        /$$$$$$   /$$$$$$  /$$$$$$$  /$$$$$$$$ /$$$$$$$ 
| $$       /$$__  $$ /$$__  $$| $$__  $$| $$_____/| $$__  $$
| $$      | $$  \ $$| $$  \ $$| $$  \ $$| $$      | $$  \ $$
| $$      | $$  | $$| $$$$$$$$| $$  | $$| $$$$$   | $$$$$$$/
| $$      | $$  | $$| $$__  $$| $$  | $$| $$__/   | $$__  $$
| $$      | $$  | $$| $$  | $$| $$  | $$| $$      | $$  \ $$
| $$$$$$$$|  $$$$$$/| $$  | $$| $$$$$$$/| $$$$$$$$| $$  | $$
|________/ \______/ |__/  |__/|_______/ |________/|__/  |__/
                                                      
*/
#loader_container {
    top: 200px;
    position: relative;
  }
  
  #loader_notice {
    font-weight: bold;
    font-size: 2em;
    color: #3498db;
  }
  
  
  #loader-1 {
    height: 100%;
    width: 100%;
    position: fixed;
    background: rgba(255,255,255,0.9);
    z-index: 9999;
    text-align:center;
  }
  
  #loader-1 #loader{
    display:inline-block;
  position: relative;
    
   
    height: 10vw;
    width: 10vw;
    /*margin: -5vw 0 0 -5vw; */
    border: 3px solid transparent;
    border-top-color: #e657e1;
    border-bottom-color: #5fc02e; 
    border-radius: 50%;
    z-index: 2;
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    -o-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
  }
  
  #loader-1 #loader:before{
  content: "";
    position: absolute;
    top:2%;
    bottom: 2%;
    left: 2%;
    right: 2%; 
    border: 3px solid transparent;
    z-index: 2;
    border-top-color: #202de9;
    border-radius: 50%;
    -webkit-animation: spin 3s linear infinite;
    -moz-animation: spin 3s linear infinite;
    -o-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
  
  }
  
  #loader-1 #loader:after{
  content: "";
    position: absolute;
    top:5%;
    bottom: 5%;
    left: 5%;
    right: 5%; 
    border: 3px solid transparent;
    border-top-color: #26d2f0;
    z-index: 2;
    border-radius: 50%;
    -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    -o-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
  
  }
  
  /*Keyframes for spin animation */
  
  @-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
  
    50% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(180deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
  }
  
  
  @-moz-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
  
    50% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(180deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
  }
  
  @-o-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
  
    50% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(180deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
  }
  
  @keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
  
    50% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(180deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
  }