/* global stuff */
body, html {
	font-family: 'Montserrat', sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	color: #263889;
	background: #263889;
	width: 100%;
	height: 100% ;
}
h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #263889;
	text-transform: uppercase;
	text-align: center;
	font-size: 25px;
}
h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #263889;
}
h1 strong {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: 900;
}
h2 {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	line-height: 15px;
	margin: 0;
	color: #41b7ea;
	font-weight: 400;
	margin-bottom: 10px;
	font-size: 15px;
	text-align: center;
}

h3, h4 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
}
h5 {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 20px;
}

a {
	color: #263889;
}
a:hover, a:focus {
	text-decoration: none;
	color: #41b7ea;
}
ul, ol {
	list-style: none;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
ul, ol {
	padding: 0;
}

@media screen and (max-width: 1200px) {
	h1 {
	  font-size: 25px;
	}
  }

.btn-sweatdrop { 
	color: #263889; 
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #FFFFFF; 
	border-color: #FFFFFF;
	padding: 20px, 20px;
	border-radius: 25px;
  } 
   
  .btn-sweatdrop:hover, 
  .btn-sweatdrop:focus, 
  .btn-sweatdrop:active, 
  .btn-sweatdrop.active, 
  .open .dropdown-toggle.btn-sweatdrop { 
	color: #263889; 
	background-color: #FFFFFF; 
	border-color: #FFFFFF; 
  } 
   
  .btn-sweatdrop:active, 
  .btn-sweatdrop.active, 
  .open .dropdown-toggle.btn-sweatdrop { 
	background-image: none; 
  } 
   
  .btn-sweatdrop.disabled, 
  .btn-sweatdrop[disabled], 
  fieldset[disabled] .btn-sweatdrop, 
  .btn-sweatdrop.disabled:hover, 
  .btn-sweatdrop[disabled]:hover, 
  fieldset[disabled] .btn-sweatdrop:hover, 
  .btn-sweatdrop.disabled:focus, 
  .btn-sweatdrop[disabled]:focus, 
  fieldset[disabled] .btn-sweatdrop:focus, 
  .btn-sweatdrop.disabled:active, 
  .btn-sweatdrop[disabled]:active, 
  fieldset[disabled] .btn-sweatdrop:active, 
  .btn-sweatdrop.disabled.active, 
  .btn-sweatdrop[disabled].active, 
  fieldset[disabled] .btn-sweatdrop.active { 
	background-color: #FFFFFF; 
	border-color: #FFFFFF; 
  } 
   
  .btn-sweatdrop .badge { 
	color: #FFFFFF; 
	background-color: #263889; 
		padding: 20px, 20px;
	border-radius: 25px;
  }

  .btn-sweatdrop-b { 
	color: #ffffff; 
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #263889; 
	border-color: #263889; 
	padding: 20px, 20px;
	border-radius: 25px;
  } 
   
  .btn-sweatdrop-b:hover, 
  .btn-sweatdrop-b:focus, 
  .btn-sweatdrop-b:active, 
  .btn-sweatdrop-b.active, 
  .open .dropdown-toggle.btn-sweatdrop-b { 
	color: #ffffff; 
	background-color: #41b7ea; 
	border-color: #263889; 
  } 
   
  .btn-sweatdrop-b:active, 
  .btn-sweatdrop-b.active, 
  .open .dropdown-toggle.btn-sweatdrop-b { 
	background-image: none; 
  } 
   
  .btn-sweatdrop-b.disabled, 
  .btn-sweatdrop-b[disabled], 
  fieldset[disabled] .btn-sweatdrop-b, 
  .btn-sweatdrop-b.disabled:hover, 
  .btn-sweatdrop-b[disabled]:hover, 
  fieldset[disabled] .btn-sweatdrop-b:hover, 
  .btn-sweatdrop-b.disabled:focus, 
  .btn-sweatdrop-b[disabled]:focus, 
  fieldset[disabled] .btn-sweatdrop-b:focus, 
  .btn-sweatdrop-b.disabled:active, 
  .btn-sweatdrop-b[disabled]:active, 
  fieldset[disabled] .btn-sweatdrop-b:active, 
  .btn-sweatdrop-b.disabled.active, 
  .btn-sweatdrop-b[disabled].active, 
  fieldset[disabled] .btn-sweatdrop-b.active { 
	background-color: #263889; 
	border-color: #263889; 
  } 
   
  .btn-sweatdrop-b .badge { 
	color: #263889; 
	background-color: #ffffff; 
  }

  #navbar   {
	z-index: 9999;
}
#navbar.affix {
	position: fixed;
	top: 0;
}

  .navbar-sweatdrop {
	
	margin:0px auto;
    left:0;
    right:0;
	background-color: #fff;
	border-radius: 0px 0px 25px 25px;
	width: 80%;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	
}


.navbar .navbar-custom .navbar-light .navbar-brand {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	font-weight: bold;
	color: #263889;
	letter-spacing: 1px;
	margin-left : 1em;
        margin-right : 1em;
}


  .navbar-sweatdrop .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }
  
  .nav-link{
    text-align: center;
}

/*body background */
#bodybg {
	background: url(../img/svgs/bg-lines2.svg), url(../img/svgs/bg-lines.svg), #41b7ea;
	background-position: right bottom, left top;
	background-repeat: no-repeat, no-repeat;
}

/* blue dividing bar - you can put text on this but it should more be used to divide content */
#bluebar {
	display: table;
	width: 100%;
	height: auto;
	padding: 40px 0;
	text-align: center;
	color: #fff;
	background-color: #263889;
}

/* Carousel time */
.carousel {
	background:#263889;
  }
.carousel-caption {
	border-radius: 25px;
    background:#fff;
	text-align: center;
	color: #263889;
	font-family: 'Montserrat', sans-serif;
  }

  .carousel-item .img-fluid {
	width:100%;
  }
  

  .carousel-item a {
	width:100%;
  }

  .carousel .carousel-indicators li {
	width: 10px;
   height: 10px;
   border-radius: 100%;
 }
  

@media (min-width: 40em) {
	.carousel-caption p {
	  margin-bottom: 1.25rem;
	  font-size: 1.25rem;
	  line-height: 1.4;
	}
  
  }
  

 .responsive {
	max-width: 100%;
	height: auto;
  }

  /* normal box (only inline images) */
#normalbox {

	margin:5%;
    border-radius: 25px;
    background:#fff;
	padding: 20px 20px;
	text-align: center;
}

#normalbox p {
	margin-top: 10px;
	margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
	text-align: center;
	color: #263889;
	font-family: 'Montserrat', sans-serif;
	
}

/* about SD */
.aboutrow {
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
  }
  
  .aboutcolumn {
	flex: 50%;
	max-width: 50%;
	padding: 0 10px;
	text-align:center;
  }
  
  .aboutcolumn img {
	margin-top: 10px;
	margin-bottom: 10px;
	vertical-align: middle;
	width: 100%;
  }
  
  @media screen and (max-width: 992px) {
	.aboutcolumn {
	  flex: 100%;
	  max-width: 100%;
	}
  }

  /* Thumbnails display */
.thumbsrow {
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
  }
  
  .thumbscolumn {
	flex: 25%;
	max-width: 25%;
	padding: 0 10px;
  }
  
  .thumbscolumn img {
	margin-top: 10px;
	margin-bottom: 10px;
	vertical-align: middle;
	width: 100%;
  }
  
  @media screen and (max-width: 800px) {
	.thumbscolumn {
	  flex: 50%;
	  max-width: 50%;
	}
  }
  
  @media screen and (max-width: 600px) {
	.thumbscolumn {
	  flex: 100%;
	  max-width: 100%;
	}
  }

  /* current creators display */
  .currentrow {
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
  }
  
  .currentcolumn {
	flex: 33%;
	max-width: 33%;
	padding: 0 10px;
  }
  
  .currentcolumn img {
	margin-top: 10px;
	margin-bottom: 10px;
	vertical-align: middle;
	width: 100%;
  }
  
  @media screen and (max-width: 600px) {
	.currentcolumn {
	  flex: 100%;
	  max-width: 100%;
	}
  }

/* footer section*/
#footer {
	background: #263889;
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	padding: 30px 0 25px 0;
	
}
#footer p {
	font-size: 13px;
	text-align: center;
}
#footer a {
	color: #fff;
}
#footer a:hover {
	color: #fff;
}