/*-----------------------
  General 
-----------------------*/
/* Define status bar size */
/* Bottom settings sections */
/* Define general spaces */
/*@media screen and (min-width: 576px) { 
	$screeny-padding: 5px;
}
@media screen and (min-width: 768px) { 
	$screeny-padding: 10px;
}
@media screen and (min-width: 992px) { 
	$screeny-padding: 15px;
}
@media screen and (min-width: 1200px) { 
	$screeny-padding: 20px;
}*/
/* Define global radius */
/* Define size of arrows */
/* Define general transition time */
/* Define general border size */
/* Define background image blur */
.scy-navigation {
  border-radius: 0;
  box-shadow: none;
  border: none;
  z-index: 200;
}

@media (min-width: 768px) {
  .scy-navigation {
    min-height: 62px;
  }
}

.scy-navigation.navbar {
  -webkit-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  padding-top: 0;
  padding-bottom: 0;
  border: 0;
  border-bottom: 1px solid transparent;
  background-color: transparent;
}

/*.scy-navigation.with-logo.navbar {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}*/
.scy-navigation.with-logo.navbar.navbar-transparent {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
}

.scy-navigation.with-logo.navbar.navbar-clear {
  background-color: rgba(255, 255, 255, 0.9);
  border-color: rgba(255, 255, 255, 0.3);
}

.scy-navigation.with-logo.navbar.navbar-dark {
  background-color: rgba(0, 0, 0, 0.9);
  border-color: rgba(0, 0, 0, 0);
}