@highlight_color: #f09f48;
@serif: 'Oranienbaum', serif; // Cambria
@sans-serif: 'Montserrat', sans-serif; // Montserrat

// font-family: 'Oranienbaum', serif; // Cambria
// font-family: 'Montserrat', sans-serif; // Montserrat
//		300 light
//		400 regular
//		700 bold
//		800 extra-bold

// font-family: @serif;
// font-family: @sans-serif;

body {
	background-color: #fff;
	font-family: @sans-serif;
	color: #333;
}
header {
	background-image: url('../img/bg-1.png');
	background-position: center center;
	background-size: cover;
	min-height: 800px;
	#logo {
		margin-top: 16.5px; // (100 - 67) / 2
	}
	#navigation {
		font-family: @sans-serif;
		background-color: rgba(0, 0, 0, 0.5);
		min-height: 100px;
		nav {
			font-size: 18px;
			line-height: 20px;
			margin-top: 40px;
			a {
				color: #fff;
				text-transform: uppercase;
				display: inline-block;
				margin-left: 25px;
				span.rounded {
					border: 1px solid white;
					border-radius: 50%;
					display: inline-block;
					width: 34px;
					height: 34px;
					padding-top: 6px;
					text-align: center;
				}
			}
		}
	}
	#search {
		h1 {
			display: block;
			margin-top: 155px;
			margin-bottom: 90px;
			text-align: center;
			font-family: @sans-serif;
			font-size: 46px;
			font-weight: bold;
			letter-spacing: 3px;
			color: white;
			text-shadow: 3px 3px 5px #444;
		}
		form {
			background-color: rgba(0, 0, 0, 0.5);
			width: 80%;
			margin: 0px auto;
			padding: 30px 45px;
			input, button {
				font-size: 24px;
			}
			input {
				width: 80%;
				padding: 10px 20px;
				height: 60px;
				font-size: 16px;
				font-weight: 300;
				color: #333;
				letter-spacing: 0.6px;
				border: 1px solid white;
				&::-webkit-input-placeholder {color: #414140; }
				&::-moz-placeholder          {color: #414140; }/* Firefox 19+ */
				&:-moz-placeholder           {color: #414140; }/* Firefox 18- */
				&:-ms-input-placeholder      {color: #414140; }
			}
			button {
				background-color: @highlight_color;
				border: 1px solid @highlight_color;
				font-size: 24px;
				font-weight: 300;
				position: relative;
				top: 5px;
				width: ~"calc(20% - 5px)";
				height: 60px;
				color: white;
				i {
					//border: 1px solid red;
					font-size: 36px;
				}
			}
		}
	}
}
#quote {
	background-color: @highlight_color;
	font-family: @serif;
	color: white;
	font-size: 36px;
	line-height: 45px;
	padding-top: 50px;
	min-height: 140px;
	font-style: italic;
}
#featured {
	background-color: lightblue;
	min-height: 750px;
	.item {
		min-height: 750px;
		background-position: center center;
		background-size: cover;
		.details {
			background-color: rgba(0, 0, 0, 0.8);
			height: 215px;
			position: relative;
			top: 535px;
			.text {
				color: #fff;
				text-transform: uppercase;
				font-weight: 300;
				margin-top: 50px;
				font-size: 24px;
				.title { font-size: 21px; }
				h5 { font-size: 36px; }
				.separator {
					display: inline-block;
					padding: 0 10px;
				}
			}
			.link {
				padding-top: 105px;
				a {
					display: inline-block;
					line-height: 60px;
					height: 60px;
					padding: 0px 40px;
					margin: 0px 10px;
					font-size: 22px;
					text-transform: capitalize;
					background-color: #fff;
					border: 1px solid #fff;
					color: #333;
					&:hover {
						background-color: lightblue;
					}
				}
			}
		}
	}
	.carousel-control {
		background-image: none;
		padding-top: 215px;
		height: 535px;
		&.left {  }
		&.right {  }
	}
}
#description {
	background-color: white;
	padding: 100px 0;
	line-height: 30px;
	font-size: 16px;
	color: #525252;
}
#convert {
	background-image: url('../img/bg-2.png');
	background-position: center center;
	background-size: cover;
	min-height: 800px;
	color: white;
	h2 {
		display: block;
		margin-top: 268px;
		margin-bottom: 40px;
		text-align: center;
		font-family: @serif;
		font-style: italic;
		font-size: 48px;
		color: white;
	}
	p {
		width: 52%;
		margin: 0px auto;
		font-size: 18px;
		font-weight: 400;
		line-height: 30px;
	}
	.buttons {
		width: 50%;
		margin: 0px auto;
		margin-top: 50px;
		text-align: center;
		a {
			display: inline-block;
			line-height: 60px;
			height: 60px;
			padding: 0px 40px;
			margin: 0px 10px;
			font-size: 22px;
			text-transform: capitalize;
			background-color: #fff;
			border: 1px solid #fff;
			color: #333;
			&.highlighted {
				background-color: @highlight_color;
				border: 1px solid @highlight_color;
				color: white;
			}
		}
	}

}
#refer {
	background-color: @highlight_color;
	font-family: @sans-serif;
	color: white;
	font-size: 22px;
	font-weight: 300;
	line-height: 40px;
	padding: 30px 0;
	min-height: 120px;
	a {
		display: inline-block;
		line-height: 60px;
		height: 60px;
		padding: 0px 40px;
		margin: 0px 10px;
		margin-top: 10px;
		font-family: @serif;
		font-size: 20px;
		font-style: italic;
		text-transform: capitalize;
		background-color: #fff;
		border: 1px solid #fff;
		color: #333;
	}
}
footer {
	background-color: #333;
	color: #ebebeb;
	padding-top: 82px;
	padding-bottom: 50px;
	p {
		font-size: 15px;
		line-height: 30px;
		&.copyrights {
			padding-top: 20px;
			line-height: 1.2;
			color: #525252;
		}
	}
	h4 {
		text-transform: uppercase;
		display: block;
		width: 80%;
		border-bottom: 1px solid #ebebeb;
	}
}