/*
	@Concrete Framework V2
	@Desc: Based upon the concept of Twitter Bootstrap. This framework is designed to be compliant with all new and old browsers.
	It is NOT based upon non-supporting HTML5/CSS3 properties, although some may be used when necessary. Key goal of this framework
	is to provide a lightweight & flexible base template.
	
	@Developer: Maikel Doeze
	@Created: 24-10-2013
	@Last update: 23-04-2015
*/
/* 
	INDEX:
		- GLOBALS
		- RESET
		- ROWS
		- COLS
			- GRID Columns
				- Col Globals
				- Col Sizes
			- GRID Offsets
		- Elements
			- Nav
			- Alerts
			- Forms
			- Inputs
			- Headings
			- OL/UL
		- Helper Properties
			- Floats
			- Clearfix
			- Truncate
			- Clear
			- Devices
*/

/******************************************************************/
/* FONTS */
/******************************************************************/
@import url('plugins/glyphicon.css');
@import url('plugins/font-awesome.css');

/******************************************************************/
/* GLOBALS */
/******************************************************************/
*{
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
html{
overflow-y:scroll;
font-size:62.5%;
text-size-adjust:100%;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
} 
html,
body{
height:100%;
}
body{
margin:0;
}

.sw{
margin-left:auto;
margin-right:auto;
padding-left:15px; /* always have some spacing */
padding-right:15px;  /* always have some spacing */
max-width:980px;
}

/******************************************************************/
/* RESET */
/******************************************************************/
main,
section,
aside{
display:block;
}
address{
font-style:inherit;
}

/******************************************************************/
/* LIST */
/******************************************************************/
ul,
ol,
dl{
list-style-position:inside;
padding:0;
}
ul ul,
ol ol,
dl dl,
dl dd{
padding-left:25px;
margin-left:0;
}

/******************************************************************/
/* TABLE */
/******************************************************************/

table{
width:100%;
}
table thead{}
table thead tr{}
table thead tr th{
padding:5px;
}
table tbody{}
table tbody tr{}
table tbody tr td{
padding:5px;
}
table tbody tr th{
padding:5px;
}

td,
th {
padding:0;
}

/********/
/* ROWS */
/********/
@media screen and (min-width: 768px)
{
	.row{
	margin-left:-15px;
	margin-right:-15px;
	}
}
.row{
clear:both;
}

/********/
/* COLS */
/********/

/* COL Sizes */
.col{
min-height:1px;
float:left;
margin-bottom:20px;
width:100%;
}
@media screen and (min-width: 768px){
	.col{
	margin-bottom:0;
	padding-left:15px;
	padding-right:15px;
	}
	.col-1{
	width:8.333333333333332%;
	}
	.col-2{
	width:16.666666666666664%;
	}
	.col-24{
	width:20%; /* 5 col */
	}
	.col-3{
	width:25%;
	}
	.col-4{
	width:33.33333333333333%;
	}
	.col-5{
	width:41.66666666666667%;
	}
	.col-6{
	width:50%;
	}
	.col-7{
	width:58.333333333333336%;
	}
	.col-8{
	width:66.66666666666666%;
	}
	.col-9{
	width:75%;
	}
	.col-10{
	width:83.33333333333334%;
	}
	.col-11{
	width:91.66666666666666%;
	}
	.col-12{}

	/* GRID offsets */
	.offset-1{
	margin-left:8.333333333333332%;
	}
	.offset-2{
	margin-left:16.666666666666664%;
	}
	.offset-24{
	margin-left:20%; /* 5 col */
	}
	.offset-3{
	margin-left:25%;
	}
	.offset-4{
	margin-left:33.33333333333333%;
	}
	.offset-5{
	margin-left:41.66666666666667%;
	}
	.offset-6{
	margin-left:50%;
	}
	.offset-7{
	margin-left:58.333333333333336%;
	}
	.offset-8{
	margin-left:66.66666666666666%;
	}
	.offset-9{
	margin-left:75%;
	}
	.offset-10{
	margin-left:83.33333333333334%;
	}
	.offset-11{
	margin-left:91.66666666666666%;
	}
	.offset-12{
	float:none;
	padding-right:0;
	}
}

/******************************************************************/
/* Elements Forms */
/******************************************************************/

/* RESET */
input,
textarea,
select,
button{
color:inherit;
font-family:inherit;
font-size:inherit;
}

/* Default Styling */
form{}
form label{
display:inline-block;
}
form input,
form textarea{
display:inline-block;
}


/******************************************************************/
/* Elements Headings */
/******************************************************************/
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6,
.hookHeader{
color:inherit;
font-weight:inherit;
font-weight:600;
line-height:normal;
margin-top:0;
}
h1,.h1{
font-size:1.6rem;
}
h2,.h2{
font-size:1.4rem;
}
h3,.h3{
font-size:1.2rem;
}
h4,.h4{
font-size:1rem;
}

/******************************************************************/
/* Text Elements */
/******************************************************************/
p{
margin-top:0;
}

/******************************************************************/
/* Helper Properties */
/******************************************************************/

/* No Padding */
.nopadding-2 > .col:nth-child(2n+1){
padding-right:0;
}
.nopadding-2 > .col:nth-child(2n+2){
padding-left:0;
}

.nopadding-3 > .col:nth-child(3n+1){
padding-right:0;
}
.nopadding-3 > .col:nth-child(3n+2){
padding-right:0;
padding-left:0;
}
.nopadding-3 > .col:nth-child(3n+3){
padding-left:0;
}

.nopadding-4 > .col:nth-child(4n+1){
padding-right:0;
}
.nopadding-4 > .col:nth-child(4n+2){
padding-right:0;
padding-left:0;
}
.nopadding-4 > .col:nth-child(4n+3){
padding-right:0;
padding-left:0;
}
.nopadding-4 > .col:nth-child(4n+4){
padding-left:0;
}

/* Floats */
.pull-left{
float:left;
}
.pull-right{
float:right;
}

/* Clearfix */
.clearfix:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}
/* IE6 */
* html .clearfix{
zoom:1;
}
/* IE7 */
*:first-child+html .clearfix{
zoom:1;
} 

/* Truncate */
.truncate {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

/* Clears */
.clear{
clear:both;
}

/* Relative */
.relative{
position:relative;
}

/* Devices */
.tablet{display:none;}
.desktop{display:none;}

@media screen and (min-width: 768px){
	.tablet{display:block;}
}
@media screen and (min-width: 1200px){
	.desktop{display:block;}
}