/* general style for html and body */
html,
body {
	height: 100%;
}

body {
	min-width: 320px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
}

img {
	max-width: 100%;
	height: auto;
}

video {
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

/* reset default input styles */
input[type="text"] ,
input[type="search"] ,
input[type="password"] ,
input[type="submit"] ,
input[type="reset"] ,
button,
textarea,
input[type="email"] {
	-webkit-appearance: none;
	border-radius: 0;
}

iframe {
	vertical-align: top;
}


a {
	outline: none !important;
}

.container {
	@media only screen and (min-width: 1230px) and (max-width: 1300px) {
		max-width: 1110px;
	}
}

.form-group {
	margin-bottom: $global-xs-space;
}

/* main wrapper styles */
#wrapper {
	width: 100%;
	overflow: hidden;
	height: 100%;
	display: table;
	position: relative;
	table-layout: fixed;
}

.page-wrapper {
	position: relative;
}

.layout-fluid {
	max-width: 1600px;
}

.form-control {
	border: 2px solid $desert-storm;
	height: 37px;
	font-size: 14px;
	line-height: 18px;
	box-shadow: none;
	outline: none;
	font-weight: 400;

	&::-webkit-input-placeholder {color: $scarpa-flow;}
	&:-moz-placeholder           {color: $scarpa-flow;}
	&::-moz-placeholder          {color: $scarpa-flow;}
	&:-ms-input-placeholder      {color: $scarpa-flow;}

	&:focus {
		border-color: darken($desert-storm, 10);
		box-shadow: none;
	}
}

.bg-quarter-spanish-white {
	background: $quarter-spanish-white;
}

/* overlay styles */
.has-overlay {
	position: relative;
	
	&:before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		background: rgba(0,0,0,0.65);
	}

	&.has-overlay-dark {
		&:before {
			background: rgba(0,0,0,0.85);
		}
	}
}

/* background stretch styles */
.bg-stretch {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	z-index: -1;

	img {
		max-width: none;
		width: 100%;
		height: 100%;
	}
}

img {
	vertical-align: top;
	-webkit-backface-visibility: hidden;
}

.blog-full-width {
	.img-wrap {
		img {
			width: 100%;
		}
	}

	#content {
		float: none;
	}
}

/* main content part styles */
#content {
	margin-bottom: 50px;

	@include breakpoint-min($screen-sm) {
		float: right;
		margin-bottom: 0;
	}
}

.content-inner {
	padding: $global-sm-space 0;
}

.content-both-sidebar {
	#sidebar ,
	#sidebar-right {
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}

	#content {
		margin-top: $global-xs-space;
	}
}

.content-with-sidebar {
	@include breakpoint-min($screen-sm) {
		&.content-left {
			#content {
				float: left;
			}
		}

		&.content-both-sidebar {
			#content {
				float: none;
				margin-top: $global-sm-space;
			}
		}
	}

	@include breakpoint-min($screen-md) {
		&.content-both-sidebar {
			#content {
				float: left;
				margin-top: 0;
			}

			#sidebar ,
			#sidebar-right {
				max-width: none;
			}
		}
	}
}

.default-list {
	@extend %listreset;

	li {
		display: inline-block;
		vertical-align: top;
		padding: 0 10px 10px;
	}
}

.common-spacing {
	padding-top: $global-md-space;
	padding-bottom: $global-md-space;

	@include breakpoint-min($screen-sm) {
		padding-top: $global-space;
		padding-bottom: $global-space;
	}

	@include breakpoint-min($screen-md) {
		padding-top: $global-top-space;
		padding-bottom: $global-bottom-space;
	}
}

.db-3-col {
	@include breakpoint-min($screen-sm) {
		[class^="col-"],
		[class*=" col-"] {
			display: inline-block;
			vertical-align: top;
			float: none;
			margin-right: -0.25em;
		}
	}
}

/* fixes transition issue while resizing borwser */
.resize-active {
	* {
		transition-duration: 0s !important;
	}
}

/* code to remove parallax from touch devices */
.touch-device-detected {
	.parallax {
		background-attachment: scroll;
		background-position: 50% 50% !important;
	}
}

/* styles for border */
.has-border {
	border: 8px solid $platinum;
}

/* text styles */
.text-white {
	color: $white;
}