
.navbar{
  background: transparent;
    transition: all 0.5s;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    margin-top: 0rem;
    font-family: montserrat, sans-serif;
    border: none; 
  }

 .navbar-scrolled {
  background: var(--clr-6);
  color:var(--clr-4);
  z-index: 4;
  height: 5rem;
  margin-top: 0rem;
}
.navbar-visible {
  background: var(--clr-6);
  color:var(--clr-4);
  z-index: 4;
  height: 5rem;
  margin-top: 0rem;
}
.navbar  .navbar-scrolled .navbar-brand img {
width: 4rem;
}


.navbar-toggler-icon {
color: var(--clr-4); 
background-color: var(--white);
width: 2rem;
height: 2rem;
border-radius: 50%;
  }

  .navbar .navbar-brand img {
    position: relative;
    top: .2rem;
    left: 1rem; 
    width: 10rem;
    }

  .navbar-mci .navbar-nav .nav-link {
    color:var(--clr-4);
    font-size: 1rem;
    padding-left: 1rem;
    margin-right: 2rem;
    background: transparent;
    border: none; 
    text-shadow: 1px 1px 4px black;
    } 

    .navbar-mci .navbar-nav .nav-link:active,
    .navbar-mci .navbar-nav .nav-link:focus,
    .navbar-mci .navbar-nav .nav-link:hover  {
        color: var(--white);
        font-size: 1rem;
        font-weight: 500;
        background-color:transparent;
        transition: all .3s ease-in;        
    }     

.dropdown-menu {
    background:var(--clr-6);
    padding-left: 1rem;
    top: 100%;    
    border: none !important;      
  } 
.dropdown-item {
    background: transparent;
    color:var(--clr-4);
    font-size: .8rem;
    border: none !important; 

}
.dropdown-item:hover  {
  color:var(--white);
  font-size: 1rem;
  font-weight: 400;
  background-color:transparent;
  transition: all .2s ease-in;
  border: none !important; 
  }


/* RESPONSIVE------------------------------------------------------------------------------ */


@media (max-width: 800px) {
  .navbar-scrolled {
    height: 8rem;
  }

  .navbar-mci .navbar-nav .nav-link {
    background: var(--clr-6);
    } 
    .navbar-mci .navbar-nav .nav-link:focus,
    .navbar-mci .navbar-nav .nav-link:hover  {
        color: var(--white);
        font-size: .8rem;
        font-weight: 500;
        background: var(--clr-4);
        transition: all .3s ease-in;
        border: none !important; 
       
        
    }   
      
    }
    
 
    @media (min-width: 992px) {
   
    }
    
    @media (min-width: 1300px) {
   
    }
    
    @media (min-width: 1800px) {
      .navbar-mci .navbar-nav .nav-link {

        font-size: 1.2rem;
        }    
        .navbar-mci .navbar-nav .nav-link:active,
        .navbar-mci .navbar-nav .nav-link:focus,
        .navbar-mci .navbar-nav .nav-link:hover  {
            font-size: 1.2rem;   
        }   
        
        .dropdown-item {
          font-size: 1rem;
        }
        .dropdown-item:hover  {
        font-size: 1.2rem;
        }
    }

    /*==CURSOR=============================================*/

:root {
  --mouseX: 0;
  --mouseY: 0;
}

.cursorHighlight {
  z-index: 1030;
  position: fixed;
  left: var(--mouseX);
  top: var(--mouseY);
  transform: translate(-50%, -50%);
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: 2px solid #3780c2;
  filter: blur(40);
  box-shadow: 50px 50px 113px #defeec00 inset,-50px -50px 110px #defeec35 inset;
  pointer-events: none; /* ADD_ME */
}

/*Go to Top=======================================*/
#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #EC7E00; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 14px; /* Increase font size */
}

#myBtn:hover {
  background-color: #9DBFDA; /* Add a dark-grey background on hover */
}

/*==NAVIGATION CIRCLES=================================================*/

