/*-----------------------
  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 */
hr {
  border-color: transparent;
  margin: 0;
  margin-top: calc(1rem*2);
  margin-bottom: calc(1rem*2);
}

hr.title-separator {
  background: #007de3;
  height: 2px;
  width: 20%;
  max-width: 100px;
  margin-left: auto;
  margin-right: auto;
}

hr.title-separator.left {
  margin-left: 0;
  margin-right: auto;
}

@media (min-width: 300px) {
  hr.separator {
    color: rgba(255, 255, 255, 0);
    margin: 0;
    height: 7px;
    border: 0;
  }
}

@media (min-width: 768px) {
  hr.separator {
    color: rgba(255, 255, 255, 0);
    margin: 0;
    height: 1rem;
    border: 0;
  }
}

hr.separator.xlarge {
  height: 25px !important;
}

hr.separator.large {
  height: 20px !important;
}

hr.separator.small {
  height: 5px !important;
}

hr.separator.xsmall {
  height: 2px !important;
}

hr.separator.white,
hr.title-separator.white {
  background-color: #ffffff;
}

hr.separator.gray-01,
hr.title-separator.gray-01 {
  background-color: #eef4f8;
}

hr.separator.gray-02,
hr.title-separator.gray-02 {
  background-color: #e1e6e9;
}

hr.separator.gray-03,
hr.title-separator.gray-03 {
  background-color: #303133;
}

hr.separator.gray-04,
hr.title-separator.gray-04 {
  background-color: #191a1b;
}

hr.separator.black,
hr.title-separator.black {
  background-color: #000000;
}

hr.separator.color,
hr.title-separator.color {
  background-color: #007de3;
}
/*
hr.separator.gradient,
hr.title-separator.gradient,
#bottom-line {
  background-color: #007de3;
  background-image: linear-gradient(to right, #007de3 0%, #b200e3 50%, #007de3 100%);
  background-image: -webkit-linear-gradient(to right, #007de3 0%, #b200e3 50%, #007de3 100%);
  background-size: 200%;
  animation: animatedseparator 30s ease infinite;
  -webkit-animation: animatedseparator 30s ease infinite;
}

@keyframes animatedseparator {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}

@-webkit-keyframes animatedseparator {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}*/

hr.separator.france,
hr.title-separator.france {
  background-color: #28367b;
  background-image: linear-gradient(to right, #28367b 0%, white 50%, #e50a14 100%);
}

/*-----------------------
  Footer line
-----------------------*/
#bottom-line {
  height: 3.5px;
  margin: 0;
  padding: 0;
  width: 100%;
  bottom: 0px;
  position: fixed;
  z-index: 1000;
}