/* --------------------------------------------------
GLOBAL STYLES
-------------------------------------------------- */
	body {
	  color: #000000;
	  padding:0px;
	  margin:0px;
	  font-family: 'Roboto', sans-serif;
	  background-color:#292929;
	}
	a{
		text-decoration:underline;
		color:#EC2027;
	}
	a:hover{
		text-decoration:underline;
		color:#ff0000;
	}
	ul, ol{
		margin-bottom:0px;
	}
	.coverImage{
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
		
	input[type=text], input[type=date]{
		width:100%;
		padding:6px;
	}
	select{
		width:100%;
		padding:9px 6px;
		cursor:pointer;
	}
	textarea{
		width:100%;
		padding:6px;
		height:100px;
	}
	input[type=radio], input[type=checkbox], .form-check-label{
		cursor:pointer;
	}
	.rowPadding{
		padding-top:30px;
		padding-bottom:30px;
	}
	.rowPaddingSmall{
		padding-top:15px;
		padding-bottom:15px;
	}
	.blackLine{
		border-top:1px solid #000000;
	}
	.footerDesign{
		background-color:#292929;
		color:#939598;
	}
	.footerDesign a{
		color:#ffffff;
	}
	.footerDesign a:hover{
		color:#ff0000;
	}
	.footerDesign .footerCol{
		border-left:0px solid #939598;
		padding-top:22px;
	}
	.footerDesign .footerCol:first-child{
		border-left:0px solid #939598;
	}
	.mainContainer{
			border-top:10px solid #EC2027;
			background:url('https://isbglobalservices.com/badminton-canada/images/bg.jpg?123');
			background-position:top center;
			background-size: 100% auto;
			background-repeat:no-repeat;
			padding-bottom:40px;
			background-color:#ffffff;
	}
	.mainLogo{
		width:60%;
		max-width:190px;
	}
	.iconLogo{
		width:60%;
		max-width:240px;
	}
	
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
	.rowPadding{
		padding-top:60px;
		padding-bottom:60px;
	}
	.rowPaddingSmall{
		padding-top:30px;
		padding-bottom:30px;
	}

	.footerDesign .footerCol{
		border-left:1px solid #939598;
		padding-top:0px;
	}
	.footerDesign .footerCol:first-child{
		border-left:0px solid #939598;
	}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}

	
	

/* --------------------------------------------------
FONTS
-------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) - No media query since this is the default in Bootstrap because it is "mobile first" */

body{
	  font-size:16px;
	  line-height:140%;
	  padding-top:0px;
}
.titleMainBig{
	font-size: 28px;
	line-height:100%;
}
.titleMedium{
	font-size: 18px;
	line-height:100%;
}
.inputSmallLabel{
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
}
.redStar{
	color:#ff0000;
	font-weight:bold;
	font-size:18px;
	line-height:1px;
}

.redButton{
	display:inline-block;
	padding:16px 80px;
	background-color:#EC2027;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	margin-top:16px;
	border:0px;
	border-radius:100px;
}
.redButton:hover{
	background-color:#ff0000;
	text-decoration:none;
	color:#ffffff;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  


}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  


	
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	body{
		  font-size:16px;
		  line-height:160%;
	}
	.inputSmallLabel{
		font-size:13px;
		line-height:100%;
		font-weight:bold;
		text-transform: uppercase;
	}
	.titleMainBig{
		font-size: 38px;
		line-height:100%;
	}
	.titleMedium{
		font-size: 21px;
		line-height:100%;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}















/* --------------------------------------------------
BREAKPOINTS TEMPLATE
-------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) - No media query since this is the default in Bootstrap because it is "mobile first" */


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  

}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}