mivita/_static/assets/LESS/LESS_BS3/smarty/layout-globals.less

/** Globals
 **************************************************************** **/
html, body {
	height:100%;
}
body {
	color: 				@body-color;
	background-color: 	@background-color;
	font-family: 		@font-family;
	font-weight:		@body-font-weight;

	-webkit-font-smoothing: antialiased;

	font-size: 			@body-font-size; 
	line-height: 		@body-line-height;
	margin:0; padding:0;
}
/* example usage: index-onepage-youtube.html */
body.has-image-bg section,
body.has-video-bg section {
	background-color:#fff;
}

body #wrapper {/* used by RTL*/
	overflow:hidden; 
	min-height:100%; /*  because short page hide long menus */
}

body.bg-grey,
body.bg-grey #wrapper {
	background-color:#f1f2f7;
}

section {
	display: block;
	position: relative;
	padding: 40px 0;
	border-bottom:rgba(0,0,0,0.1) 1px solid;
	background-color: #fff;

	-webkit-transition: all .400s;
	   -moz-transition: all .400s;
		 -o-transition: all .400s;
			transition: all .400s;

	/*background-attachment: fixed;
	  background-position: center center;
		background-repeat: no-repeat;

	-webkit-background-size: cover !important;
	   -moz-background-size: cover !important;
		 -o-background-size: cover !important;
		 	   background-size: cover !important;
	*/

	-webkit-box-sizing: border-box !important;
	   -moz-box-sizing: border-box !important;
			box-sizing: border-box !important;
	background-repeat: no-repeat;			
	background-position: center center;

	-webkit-background-size: auto 100% !important;
		   -moz-background-size: auto 100% !important;
			 -o-background-size: auto 100% !important;
		   		background-size: auto 100% !important;}
section:after,
section:before {
	content:" ";
	display:table;
}

/* remove effect on parallax */
section.parallax {
	-webkit-transition: none;
	   -moz-transition: none;
		 -o-transition: none;
			transition: none;
}


/**
	Static background image
	add to HTML: background-image:url();
**/
section.static-bg,
div.static-bg {
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

section header.section-header {
	margin-bottom:80px;
}

	div.alternate,
	section.alternate {
		background-color:rgba(0,0,0,0.02);
	}

	section.dark {
		background-color:#212121;
		border-bottom:rgba(255,255,255,0.1) 1px solid;
	}
	section.dark.alternate {
		background-color:#151515;
	}

	div.alternate-2,
	section.alternate-2,
	section.alternate-2 div.heading-title h1, 
	section.alternate-2 div.heading-title h2, 
	section.alternate-2 div.heading-title h3, 
	section.alternate-2 div.heading-title h4, 
	section.alternate-2 div.heading-title h5, 
	section.alternate-2 div.heading-title h6 {
		background-color: #f4f4f4;

	}


	div.alternate-3,
	section.alternate-3,
	section.alternate-3 div.heading-title h1, 
	section.alternate-3 div.heading-title h2, 
	section.alternate-3 div.heading-title h3, 
	section.alternate-3 div.heading-title h4, 
	section.alternate-3 div.heading-title h5, 
	section.alternate-3 div.heading-title h6 {
		background-color: #eae7e2;

	}


	div.lightgreen,
	section.lightgreen,
	section.lightgreen div.heading-title h1, 
	section.lightgreen div.heading-title h2, 
	section.lightgreen div.heading-title h3, 
	section.lightgreen div.heading-title h4, 
	section.lightgreen div.heading-title h5, 
	section.lightgreen div.heading-title h6 {
		background-color: #eef4f2;
	}


	div.lightblue,
	section.lightblue,
	section.lightblue div.heading-title h1, 
	section.lightblue div.heading-title h2, 
	section.lightblue div.heading-title h3, 
	section.lightblue div.heading-title h4, 
	section.lightblue div.heading-title h5, 
	section.lightblue div.heading-title h6 {
		background-color: #dfe5ea;
	}

	/* different dark color */
	div.dark-2,
	section.dark-2,
	section.dark-2 div.heading-title h1, 
	section.dark-2 div.heading-title h2, 
	section.dark-2 div.heading-title h3, 
	section.dark-2 div.heading-title h4, 
	section.dark-2 div.heading-title h5, 
	section.dark-2 div.heading-title h6 {
		color: #fff;
		background-color: #333a3f;

	}

	.dark-2 a, 
	.dark-2 label, 
	.dark-2 h1, 
	.dark-2 h2, 
	.dark-2 h3, 
	.dark-2 h4, 
	.dark-2 h5, 
	.dark-2 h6 {
		color: #fff;
	}

	section.theme-color,
	section.theme-color h1,
	section.theme-color h2,
	section.theme-color h3,
	section.theme-color h4,
	section.theme-color h5,
	section.theme-color h6,
	section.theme- p,
	section.dark,
	section.dark p,
	section.dark h1,
	section.dark h2,
	section.dark h3,
	section.dark h4,
	section.dark h5,
	section.dark h6 {
		color:#fff;
	}
	section.padding-xxs {
		padding:30px 0;
	}
	section.padding-xs {
		padding:60px 0;
	}
	section.padding-md {
		padding:80px 0;
	}
	section.padding-lg {
		padding:120px 0;
	}
	section.padding-xlg {
		padding:140px 0;
	}
	section.dark a {
		color:#999;
	}
	section.parallax {
		border:0;
	}

body.bg-grey,
body.bg-grey #wrapper {
	background-color:#f1f2f7;
}
.container {
	position:relative;
}

a:active,
a:focus,
a:hover { 
	color: #212121;
	text-decoration:none;
}


/* black link color - override theme color link */
a.href-reset,
.href-reset a {
	color:#121212;
}
section.dark a.href-reset,
section.dark .href-reset a {
	color:#eee;
}


h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color:#121212;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
	color:#888;
}

section.dark h1 a,
section.dark h2 a,
section.dark h3 a,
section.dark h4 a,
section.dark h5 a,
section.dark h6 a {
	color:#eee;
}

section.dark h1 a:hover,
section.dark h2 a:hover,
section.dark h3 a:hover,
section.dark h4 a:hover,
section.dark h5 a:hover,
section.dark h6 a:hover {
	color:#fff;
}

section header>h1,
section header>h2,
section header>h3,
section header>h4,
section header>h5,
section header>h6 {
	margin:0;
}

small { 
	font-family: 'Lato', sans-serif; 
}
label {
	display:block;
}


/* form control: inputs, textarea, etc */
.btn {
	position:relative;
}
.btn-default {
	border-width:2px;
}

.btn>.label-absolute {
	position:absolute;
	right:-6px;
	top:-8px;
}



.input-group-addon {
	border:#ddd 2px solid;
	border-right:0;
}
	section.dark .input-group-addon {
		background-color:#212121;
		border-color:#666;
		color:#eaeaea;
	}
.form-control {
	border:#ddd 2px solid;
	box-shadow:none;

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
section .input-group-btn .btn.btn-default,
section .input-group-btn button.btn-default {
	border-width:2px;
	border-color:#ddd;
}
.form-control:focus {
	border-color:#c6c6c6;
}
	section.dark .form-control {
		border-color:#666;
		background-color: rgba(255,255,255,0.05);
	}
	section.dark .form-control:focus {
		border-color:#999;
	}



.nav-tabs>li>a {
	-webkit-border-radius: 3px 3px 0 0;
	   -moz-border-radius: 3px 3px 0 0;
			border-radius: 3px 3px 0 0;
}

.label {
	padding:.4em .6em .4em;
}


/* DARK PRESETS */
section.dark input, 
section.dark select, 
section.dark textarea { 
	color:#fff;
}
section.dark .btn {
	color:#fff;
}
section.dark .thumbnail {
	border-color:#444;
	background-color:transparent;
}
section.dark h1.page-header,
section.dark h2.page-header,
section.dark h3.page-header,
section.dark h4.page-header,
section.dark h5.page-header,
section.dark h6.page-header {
	border-bottom-color:#666;
}


/* fonts */
.font-open-sans {
	font-family:'Open Sans',Arial,Helvetica,sans-serif !important;
}
.font-lato {
	font-weight:300;
	font-family:'Lato',Arial,Helvetica,sans-serif !important;
}
.font-raleway {
	font-family:'Raleway',Arial,Helvetica,sans-serif !important;
}



/* 
	GLOBAL RADIUS
	Add here all needed bootstrap elements 
*/
pre,
.alert,
.panel,
.navbar-toggle,
.btn {
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}

/* 
	bootstrap rewrite 
*/
img.img-responsive {
	display:inline-block;
}


/* cover video */
.cover-video {

}