/* Custom CSS */

/*
.mt-10 {
	padding-top: 10px;
}
	
.mt-20 {
	padding-top: 20px;
}

.pt-10 {
	padding-top: 10px;
}

.pt-20 {
	padding-top: 20px;
}


body {
  margin-bottom: 20px;
}

.navbar {
  margin-bottom: 20px;
}
*/

/* ==================== */
/* COLORS
/* ==================== */

/* Gradients */
.hm-gradient {
    background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
}


/* FONTS*/
  
@import url("https://fonts.googleapis.com/css?family=Barlow:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i&effect=outline");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&effect=outline|emboss|3d|3d-float|anaglyph");
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i,800,800i&effect=outline|emboss|3d|3d-float|anaglyph");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i,800,800i&effect=outline|emboss|3d|3d-float|anaglyph");
@import url("https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i,800,800i&effect=outline|emboss|3d|3d-float|anaglyph");




/* BODY */

body {
	font-size: 16px;
	font-family: 'Barlow', sans-serif;
	background-color: white;
  }
  
  
  
  /* NavBar */
  .navbar-custom {
	  margin-bottom: 0;
	  border-bottom: 0;
	  text-transform: uppercase;
	  background-color: #007bff;
	  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#007bff, endColorstr=#663399);
	  background-image: -moz-linear-gradient(left bottom, #007bff 10%, #663399 100%);
	  background-image: -webkit-linear-gradient(left bottom, #007bff 10%, #663399 100%);
	  background-image: -ms-linear-gradient(left bottom, #007bff 10%, #663399 100%);
	  background-image: linear-gradient(left bottom, #007bff 10%, #663399 100%);
	  background-image: -o-linear-gradient(left bottom, #007bff 10%, #663399 100%);
	  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(10%,#007bff), color-stop(100%,#663399));
  }
  
  .navbar-custom.navbar a {
	  -webkit-transition: background .4s ease-in-out;
	  -moz-transition: background .4s ease-in-out;
	  transition: background .4s ease-in-out;
	  letter-spacing: 0.15em;
	  text-transform: uppercase;
	  color: #fff;
	  font-size: .75rem;
  }
  
  .navbar-custom .nav li a:link, a:visited {
	background-color: #f44336;
	color: white;
	padding: 14px 25px;/*1rem 1.5rem;*/
	text-align: center; 
	text-decoration: none;
	display: inline-block;
  }
  
  a:hover, a:active {
	background-color: rgba(255,255,255,.3);
  }
  
  .navbar-custom .nav li a:hover {
	  color: rgba(255,255,255,.8);
	  text-decoration: none;
  }
  
  @media(min-width:768px) {
	  .navbar-custom {
		  padding: 15px;
		  border-bottom: 0;
	  }
	  .navbar-custom.top-nav-collapse {
		  padding: 10px 15px;
	  }
  }
  
  
  
  
  
  
  
  
  /* LOGO */
  
  .logo{
	border: .05rem solid white;
  }
  
  .logo-icon-box {
	color: white;
	width: 1.8rem;
	height: 1.8rem;
	/*margin: 0 auto;*/
	margin: 0 3rem 0 1rem;
	/*border: 0rem solid black;*/
	
	background-color: #fa1899;   
  
	
  /*  background-color: rgb(255, 25, 167);    */
  /*  background: -moz-linear-gradient(45deg, rgba(203,96,179,1) 0%, rgba(173,18,131,1) 50%, rgba(222,71,172,1) 100%);    */
  /*  background: -webkit-linear-gradient(45deg, rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);    */
  /*  background: linear-gradient(45deg, rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);    */
  /*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#de47ac',GradientType=1);    */
  
  
  
  line-height: 1.8rem;
  font-size: 1.1rem;
  text-align: center;
  font-weight: 900;
  }
  
  
  
  .logo-text-box {
	
	
	/*margin: 0 auto;*/
	/*margin: 0 3rem 0 1rem;*/
   /* border: 1px solid black;*/
	
	
	line-height: 1.8rem;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.0rem;
	letter-spacing: .10rem;
	font-weight:800;
  
	color: #FFFFFF;
	/*background-color: rgb(0, 182, 255);*/
  }