/*
	GLOBAL STYLING
*/

*{
	outline:none;
}

.note {
	background: rgba(231,228,157,.25);
	border: 5px solid rgba(231,228,157,.15);
	margin-bottom: 20px;
	padding: 10px 15px;
}

.show-layout {
	background: #e0e0ff;
	border-left: 3px solid #008;
	margin-bottom: 5px;
}
.show-layout h2,
.show-layout h3,
.show-layout h4,
.show-layout h5,
.show-layout h6 {
	font-weight: bold;
}

img.responsive-templates{
	max-width:100%;
}

/*
	PAGE-SPECIFIC STYLING
*/

html.layout-fixed-fluid .container {
	margin-bottom: 15px;
}

html.responsive .container{
	margin-bottom: 15px;
}

html.adaptive .col{
	overflow: hidden;
}

html.inheritance .fifty-percent{
	background: #e0e0ff;
	border: 3px solid #008;
	padding: 15px;
}

html.inheritance .fifty-percent div{
	border: 3px solid #008;
	margin: 15px 15px 0 0;
	padding: 15px;
	width: 50%;
}
html.inheritance .fifty-percent div div{
	color:red;
}
html.inheritance .fifty-percent div div div{
	width: auto;
}

/*
	PAGE WIDTH-SPECIFIC STYLING (RESPONSIVE)
*/

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

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

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



@media (max-width: 767px) {
	html.adaptive .header h3{
		font-size:36px;
	}
	html.adaptive .sidebar{
		background: #e0e0ff;
		border-left: 3px solid #008;
		margin-bottom: 5px;
	}
	html.adaptive .sidebar h3 {
		font-weight: bold;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
	html.adaptive .header h3{
		font-size:30px;
	}
}
@media (min-width: 1200px) {
	html.adaptive .header h3{
		font-size:36px;
	}
}