// VC SHORTCODE

/* Page Header
--------------------------- */
.tm-page-header {
	text-align: center;
	position: relative;
	.tm-page-title {
		font-size: 60px;
		position: relative;
		z-index: 2;
		display: inline-block;
		border-bottom: 1px solid;
		@media (max-width: @screen-xs-max) {
			font-size: 30px;
		}
		&.box {
			border: 1px solid;
			padding: 0 5px;
		}
	}
}

/* Poster
--------------------------- */
.tm-poster {
	padding: 10px;
	position: relative;
	background-size: cover;
	background-position: center center;
	.overlay {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background-color: rgba(0,0,0,0.5);
		z-index: 1;
	}
	.tm-poster-inner {
		border: 1px solid #fff;
		position: relative;
		z-index: 2;
		@media (max-width: @screen-xs-max) {
			padding: 100px 15px;
			height: auto !important;
			.content {
				display: table-cell;
				h1, h2, h3, h4, h5, h6 {
					margin-bottom: 15px;
					line-height: 1;
				}
				h1 {
					font-size: 40px;
				}
				h2 {
					font-size: 35px;
				}
				h3 {
					font-size: 30px;
				}
				h4, h5, h6 {
					font-size: 25px;
				}
			}
		}
		@media (min-width: @screen-sm-min) {
			display: table;
			width: 100%;
			padding: 50px 15px;
			.content {
				display: table-cell;
				h1, h2, h3, h4, h5, h6 {
					margin-bottom: 15px;
					line-height: 1;
				}
				h1 {
					font-size: 60px;
				}
				h2 {
					font-size: 50px;
				}
				h3 {
					font-size: 40px;
				}
				h4, h5, h6 {
					font-size: 30px;
				}
			}
		}
	}
}

/* Menu
--------------------------- */
.tm-menu {
	&.simple {
		.set-title {
			font-size: 24px;
			@media (min-width: @screen-sm-min) {
				font-size: 40px;
			}
			color: #fff;
			background-color: #d5514d;
			padding: 10px;
			text-align: center;
			position: relative;
			margin-bottom: 30px;
			> span {
				display: block;
				border: 1px solid #fff;
				@media (min-width: @screen-sm-min) {
					line-height: 100px;
				}
			}
		}
		.entry {
			margin-bottom: 30px;
			position: relative;
			padding-right: 100px;
			@media (min-width: @screen-sm-min) {
				padding-right: 150px;
			}
		}
		.entry-title,
		.entry-price {
			font-size: 18px;
			margin-bottom: 5px;
		}
		.entry-media {
			display: none;
		}
		.entry-excerpt {
			.opacity(.5);
		}
		.entry-price {
			margin-bottom: 10px;
			position: absolute;
			right: 0;
			top: 0;
		}
		.entry-badge {
			display: none;
		}
	}
	&.elegant-1 {
		border: 2px solid fade(#000, 5%);
		.set-title {
			display: none;
		}
		.entry {
			margin: 15px 0;
		}
		.entry-inner {
			.clearfix();
			position: relative;
		}
		.entry-media {
			margin: 0;
			text-align: center;
			position: relative;
			margin-bottom: 15px;
			@media (min-width: @screen-sm-min) {
				float: left;
				width: 25%;
			}
			img {
				.border_radius(50%);
				width: 80px;
			}
			.menu-thumb {
				position: absolute;
				z-index: 1;
				content: '';
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				.border_radius(50%);
			}
			i {
				.opacity(0);
				.transition(all, cubic-bezier(0.25, 0.46, 0.45, 0.94), .3s);
				position: absolute;
				z-index: 2;
				font-size: 20px;
				top: 50%;
				left: 50%;
				margin-top: -10px;
				margin-left: -10px;
				color: #fff;
				.rotate(90deg);
			}
		}
		.entry {
			&:hover {
				.entry-media {
					i {
						.opacity(1);
						.rotate(0deg);
					}
				}
			}
		}
		.entry-title,
		.entry-price {
			font-size: 18px;
			margin-bottom: 5px;
		}
		.entry-price {
			color: #f28a34;
			margin-bottom: 10px;
			position: absolute;
			right: 15px;
			top: 0px;
		}
		.entry-content {
			padding: 0 15px;
			@media (min-width: @screen-sm-min) {
				padding-right: 110px;
				float: left;
				width: 75%;
			}
		}
		.entry-excerpt {
			.opacity(.5);
			line-height: 2;
		}
		.entry-badge {
			margin-bottom: 5px;
			display: inline-block;
			background-color: #f28a34;
			color: #fff;
			font-size: 11px;
			padding: 3px 5px;
			text-transform: uppercase;
			position: absolute;
			@media (min-width: @screen-sm-min) {
				right: 0;
				top: 40px;
			}
			@media (max-width: @screen-xs-max) {
				top: 5px;
				left: 0;
			}
		}
	}
	&.elegant-2 {
		.set-title {
			display: none;
		}
		.entry {
			margin-bottom: 20px;
		}
		.entry-inner {
			.clearfix();
			position: relative;
		}
		.entry-media {
			display: none;
			&:before,
			i {
				.opacity(0);
				.transition(all, cubic-bezier(0.25, 0.46, 0.45, 0.94), .3s);
			}
			&:before,
			.menu-thumb {
				position: absolute;
				z-index: 1;
				content: '';
				background: rgba(0,0,0,.3);
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				.border_radius(50%);
			}
			.menu-thumb {
				background: transparent;
			}
			i {
				position: absolute;
				z-index: 2;
				font-size: 20px;
				top: 50%;
				left: 50%;
				margin-top: -10px;
				margin-left: -10px;
				color: #fff;
				.rotate(0);
			}
		}
		.entry {
			&:hover {
				.entry-media {
					.fa {
						.opacity(1);
						.rotate(135deg);
					}
				}
			}
		}
		.entry-title,
		.entry-price {
			font-size: 18px;
			margin-bottom: 5px;
		}
		.entry-title {
			display: block;
			text-align: left;
			overflow: hidden;
			white-space: nowrap;
			span {
				position: relative;
				display: inline-block;
				&:before,
				&:after {
					content: "";
					position: absolute;
					top: 50%;
					width: 9999px;
					height: 1px;
					left: 100%;
					margin-left: 15px;
				}
				&:before {
					background: rgba(0,0,0,0.15);
				}
				&:after {
					background: rgba(255,255,255,0.15);
				}
			}
		}
		.entry-price {
			color: #f28a34;
			margin-bottom: 10px;
			position: absolute;
			right: 0px;
			top: 0px;
		}
		.entry-content {
			float: left;
			padding-right: 110px;
		}
		.entry-excerpt {
			.opacity(.5);
			line-height: 2;
		}
		.entry-badge {
			margin-bottom: 5px;
			display: inline-block;
			background-color: #f28a34;
			color: #fff;
			font-size: 11px;
			padding: 3px 5px;
			text-transform: uppercase;
			right: 0;
			top: 30px;
			position: absolute;
		}
	}
	&.elegant-3 {
		.set-title {
			display: none;
		}
		.entry {
			margin-bottom: 10px;
		}
		.entry-inner {
			.clearfix();
			border: 2px solid fade(#000, 5%);
			position: relative;
		}
		.entry-media {
			position: relative;
			@media (min-width: @screen-sm-min) {
				float: left;
				width: 30%;
			}
			img {
				margin: 0;
			}
			&:before {
				.opacity(0);
				.transition(all, cubic-bezier(0.25, 0.46, 0.45, 0.94), .3s);
			}
			&:before,
			.menu-thumb {
				position: absolute;
				z-index: 1;
				content: '';
				background: rgba(0,0,0,.3);
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				.border_radius(50%);
			}
			.menu-thumb {
				background: transparent;
			}
			i {
				position: absolute;
				z-index: 2;
				font-size: 30px;
				top: 50%;
				left: 50%;
				margin-top: -15px;
				margin-left: -15px;
				color: #fff;
				.scale(0);
				.transition(all, cubic-bezier(0.25, 0.46, 0.45, 0.94), .3s);
			}
		}
		.entry {
			&:hover {
				.entry-media {
					i {
						.scale(1);
					}
					&:before {
						.opacity(1);
						.border_radius(0);
					}
				}
			}
		}
		.entry-title,
		.entry-price {
			font-size: 18px;
			margin-bottom: 5px;
		}
		.entry-price {
			color: #f28a34;
			margin-bottom: 10px;
			@media (max-width: @screen-xs-max) {
				top: 10px;
			}
			@media (min-width: @screen-sm-min) {
				position: absolute;
				right: 15px;
				top: 30px;
			}
		}
		.entry-content {
			padding: 30px 15px 15px;
			@media (min-width: @screen-sm-min) {
				float: left;
				width: 70%;
				padding-right: 100px;
			}
			@media (max-width: @screen-xs-max) {
				padding: 10px 15px;
			}
		}
		.entry-excerpt {
			.opacity(.5);
			line-height: 2;
		}
		.entry-badge {
			display: none;
		}
	}
	&.yin-yang {
		&:extend(.primary-bg-color);
		color: #fff;
		.clearfix();
		.set-title {
			font-size: 30px;
			@media (min-width: @screen-sm-min) {
				font-size: 60px;
			}
			text-align: center;
			span {
				border-bottom: 2px solid #fff;
			}
			margin-bottom: 20px;
		}
		.tm-menu-media {
			@media (min-width: @screen-md-min) {
				float: left;
				width: 50%;
			}
			&.is-pull-right {
				float: right;
			}
		}
		.tm-menu-content {
			@media (min-width: @screen-md-min) {
				float: left;
				width: 50%;
			}
			padding: 20px 30px 0;
		}
		.entry {
			margin-bottom: 15px;
		}
		.entry-inner {
			position: relative;
		}
		.entry-media {
			display: none;
		}
		.entry-title,
		.entry-price {
			opacity: (.9);
			font-size: 18px;
		}
		.entry-content {
			@media (min-width: @screen-sm-min) {
				padding-left: 100px;
			}
		}
		.entry-price {
			@media (min-width: @screen-sm-min) {
				position: absolute;
				left: 0;
				top: 0;
			}
			@media (max-width: @screen-xs-max) {
				top: 10px;
			}
		}
		.entry-excerpt {
			.opacity(.5);
			line-height: 2;
		}
		.entry-badge {
			display: none;
		}
	}
	&.chessboard {
		.entry {
			margin-bottom: 0;
		}
		.entry-inner {
			background: #fff;
		}
		.entry-content {
			padding: 10px 15px;
			@media (min-width: 1600px) {
				padding: 50px 30px 30px;
			}
		}
		.set-title {
			display: none;
		}
		.entry {
			float: left;
			// @media (max-width: @screen-md-max) {
			// 	width: 100% !important;
			// }
		}
		.entry-title {
			margin-right: 5px;
		}
		.entry-inner {
			.clearfix();
		}
		.entry-media,
		.entry-content {
			float: left;
			width: 50%;
			@media (max-width: @screen-xs-max) {
				width: 100%;
			}
		}
		.entry-media {
			position: relative;
			&.is-pull-right {
				float: right;
			}
			&:before,
			.fa {
				.opacity(0);
				.transition(all, cubic-bezier(0.25, 0.46, 0.45, 0.94), .3s);
			}
			&:before,
			.menu-thumb {
				position: absolute;
				z-index: 1;
				content: '';
				background: rgba(0,0,0,.3);
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				.border_radius(50%);
			}
			.menu-thumb {
				background: transparent;
			}
			i {
				position: absolute;
				z-index: 2;
				font-size: 30px;
				top: 50%;
				left: 50%;
				margin-top: -15px;
				margin-left: -15px;
				color: #fff;
				.scale(0);
				.transition;
			}
		}
		.entry {
			&:hover {
				.entry-media {
					i {
						.opacity(1);
						.scale(1);
					}
					&:before {
						.opacity(1);
						.border_radius(0);
					}
				}
			}
		}
		.entry-content {

		}
		.entry-badge {
			margin-bottom: 5px;
			display: inline-block;
			background-color: #ce2226;
			color: #fff;
			font-size: 10px;
			padding: 3px 5px;
			text-transform: uppercase;
			position: relative;
			top: -3px;
		}
		.entry-title,
		.entry-price {
			font-size: 18px;
			margin-bottom: 5px;
		}
		.entry-title,
		.entry-badge {
			display: inline-block;
		}
		.entry-price {
			color: #ce2226;
		}
		.entry-excerpt {
			.opacity(.5);
			line-height: 1.8;
			@media (max-width: 1199px) {
				line-height: 1.5;
			}
		}
	}
	&.special {
		background: #fff;
		padding: 90px 50px;
		@media (max-width: 767px) {
			padding: 50px 30px;
		}
		.menu-content,
		.menu-media {
			.make-xs-column(12);
			.make-sm-column(6);
			float: left;
		}
		.menu-media {
			.row {
				.make-row(10px;);
			}
		}
		.entry-media {
			.make-xs-column(6, 10px);
			.make-sm-column(12, 10px);
			.make-md-column(6, 10px);
			margin-bottom: 10px;
			.inner {
				position: relative;
				.menu-thumb,
				&:after {
					position: absolute;
					content: '';
				}
				.menu-thumb {
					display: block;
					width: 90%;
					height: 90%;
					top: 5%;
					left: 5%;
					border: 1px solid rgba(255,255,255,0.5);
					z-index: 2;
				}
				&:after {
					background: rgba(0,0,0,0.1);
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				}
				i {
					position: absolute;
					font-size: 30px;
					top: 50%;
					left: 50%;
					margin-top: -15px;
					margin-left: -15px;
					color: #fff;
					.transition(all, cubic-bezier(0.25, 0.46, 0.45, 0.94), .3s);
					.scale(0.5);
					.opacity(0);
				}
				&:hover {
					i {
						.scale(1);
						.opacity(1);
					}
				}
			}
		}
		&.special-1 {
			.set-title {
				font-size: 60px;
				text-align: center;
				margin-bottom: 30px;
				span {
					border-bottom: 1px solid;
				}
				@media (max-width: @screen-sm-max) {
					font-size: 30px;
				}
			}
			.entry {
				margin-bottom: 20px;
			}
			.entry-inner {
				position: relative;
				.clearfix();
			}
			.entry-content {
				@media (min-width: @screen-sm-min) {
					padding-right: 110px;
				}
			}
			.entry-title,
			.entry-price {
				font-size: 18px;
			}
			.entry-price {
				color: #f28a34;
				@media (min-width: @screen-sm-min) {
					position: absolute;
					right: 0;
					top: 0;
				}
				@media (max-width: @screen-xs-max) {
					top: 10px;
				}
			}
			.entry-excerpt {
				.opacity(.5);
				line-height: 2;
			}
			.entry-badge {
				display: none;
			}
		}
		&.special-2 {
			text-align: center;
			@media (max-width: @screen-xs-max) {
				margin-bottom: 30px
			}
			.menu-content  {
				a {
					.tm-button-solid(50px);
				}
			}
			.set-title {
				font-size: 60px;
				@media (max-width: @screen-xs-max) {
					font-size: 30px;
				}
				padding-bottom: 60px;
				margin-bottom: 40px;
				.at2x('../images/motif-heading-no-repeat.png', 100px, 31px);
				background-position: center bottom;
				background-repeat: no-repeat;
			}
			p {
				.opacity(.5);
				line-height: 2;
				margin-bottom: 40px;
			}
		}
	}
}

/* Features
--------------------------- */
.tm-feature {
	text-align: center;
	.entry-media {
		margin-bottom: 35px;
		font-size: 60px;
	}
	.title {
		margin-bottom: 20px;
		font-size: 18px;
	}
	.subtitle {
		line-height: 2;
	}
}

/* Testimonial
--------------------------- */
.tm-testimonial {
	text-align: center;
	.slide-inner {
		@media (min-width: @screen-xs-min) {
			padding: 0 10%;
		}
	}
	.heading-font {
		font-size: 20px;
		font-style: italic;
		line-height: 2;
		margin-bottom: 30px;
	}
	.body-font {
		margin-bottom: 45px;
		font-size: 13px;
		text-transform: uppercase;
		span {
			line-height: 30px;
			display: inline-block;
			padding: 0 10px;
			letter-spacing: 2px;
			border-top: 1px solid;
			border-bottom: 1px solid;
		}
	}
}

/* Contact
--------------------------- */
.tm-contact {
	form {
		p {
			padding-left: 5px;
			padding-right: 5px;
		}
	}
	textarea {
		max-height: 200px;
	}
	input[type="submit"] {
		margin: 30px auto 0 auto;
		color: #fff;
		background: #e48b3e;
		&:hover,
		&:focus {
			.opacity(.7);
		}
	}
	.form-note {
		margin-top: 30px;
	}
	br {
		display: none;
	}
	.address {
		text-align: center;
		@media (min-width: @screen-sm-min) {
			padding: 0 30px
		}
	}
	.text {
		color: #858585;
		margin-bottom: 50px;
		line-height: 2;
	}
	&.vertical {
		padding: 50px 30px 60px;
		background: #fff;
		.title {
			font-size: 60px;
			margin-bottom: 50px;
			@media (max-width: @screen-xs-max) {
				font-size: 30px;
			}
			span {
				border-bottom: 1px solid;
			}
		}
	}
	&.horizontal {
		background: #fff;
		.clearfix();
		.title {
			font-size: 24px;
			margin-bottom: 30px;
		}
		@media (min-width: @screen-sm-min) {
			.address {
				float: left;
				width: 50%;
			}
			.contact-form {
				float: left;
				width: 50%;
			}
		}
	}
}

/* Reservation
--------------------------- */
.tm-reservation {
	padding: 0 15px;
	.clearfix {
		.make-row(10px);
	}
	.title,
	.tiny-subtitle,
	.subtitle {
		text-align: center;
	}
	.title {
		font-size: 60px;
		@media (max-width: @screen-xs-max) {
			font-size: 30px;
		}
		margin-bottom: 15px;
	}
	.subtitle {
		margin: 30px 0;
	}
	form {
		p {
			padding-left: 5px;
			padding-right: 5px;
		}
	}
	input[type="submit"] {
		margin: 30px auto 0 auto;
		color: #fff;
		&:hover {
			.opacity(.8);
		}
	}
	select,
	textarea,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"] {
		background: transparent;
	}
	&.light {
		color: #fff;
		select,
		textarea,
		input[type="text"],
		input[type="password"],
		input[type="datetime"],
		input[type="datetime-local"],
		input[type="date"],
		input[type="month"],
		input[type="time"],
		input[type="week"],
		input[type="number"],
		input[type="email"],
		input[type="url"],
		input[type="search"],
		input[type="tel"],
		input[type="color"] {
			border-color: #fff;
			background: transparent;
			color: #fff;
			&::-webkit-input-placeholder {
			  color: #f0f0f0;
			}
			&:-moz-placeholder {
			  color: #f0f0f0;
			}
			&::-moz-placeholder {
			  color: #f0f0f0;
			}
			&:-ms-input-placeholder {
			  color: #f0f0f0;
			}
		}
		select {
			option {
				&:extend(.primary-bg-color);
			}
		}
	}
}

/* Thememove Text
--------------------------- */
.tm-text {
	@media (max-width: @screen-xs-max) {
		margin-bottom: 30px;
	}
	&.light {
		color: #f0f0f0;
		.title {
			color: #f0f0f0;
		}
		a {
			color: #f0f0f0;
		}
		input {
			border-color: #f0f0f0;
			color: #f0f0f0;
			&::-webkit-input-placeholder {
			  color: #f0f0f0;
			}
			&:-moz-placeholder {
			  color: #f0f0f0;
			}
			&::-moz-placeholder {
			  color: #f0f0f0;
			}
			&:-ms-input-placeholder {
			  color: #f0f0f0;
			}
		}
		button {
			color: #fff;
		}
	}
	.title {
		font-size: 40px;
		@media (max-width: @screen-xs-max) {
			font-size: 24px !important;
		}
		&.has-underline {
			span {
				border-bottom: 1px solid;
			}
		}
		&.has-border {
			span {
				border: 1px solid;
				padding: 0 15px;
			}
		}
		&.has-motif {
			position: relative;
			padding-bottom: 60px;
			.at2x('../images/motif-heading-no-repeat.png', 100px, 31px);
			background-position: center bottom;
			background-repeat: no-repeat;
		}
	}
	.tiny-subtitle {
		// margin-top: 10px;
	}
	.content {
		line-height: 2;
		margin-top: 30px;
		.opacity(.75);
	}
	.socials {
		margin-top: 30px;
		a {
			display: inline-block;
			height: 34px;
			width: 34px;
			border: 2px solid;
			line-height: 32px;
			text-align: center;
			.border_radius(50%);
			margin: 0 8px;
			&:hover {
				.opacity(.8);
			}
		}
	}
	.mail {
		margin-top: 30px;
		&.compact {
			form {
				position: relative;
				input {
					background: transparent;
					padding-right: 40px;
				}
				button {
					position: absolute;
					right: 0;
					top: 0;
					height: 40px;
					background: transparent;
					margin: 0;
					outline: none;
					padding: 0 15px;
					line-height: 40px;
				}
			}
		}
		&.full {
			.row {
				.make-row(10px);
				margin-bottom: 10px;
			}
			p.one-half {
				padding: 0 5px;
			}
			input {
				background: transparent;
				margin-right: 5px;
			}
		}
	}
	.tm-button {
		margin-top: 50px;
	}
}

/* Post carousel
--------------------------- */
.tm-post-carousel {
	.tm-carousel {
		.make-row(16px);
	}
	.slide-inner {
		padding: 0 8px;
	}
	.entry-media {
		position: relative;
		margin-bottom: 30px;
		img,
		&:before,
		a {
			-webkit-transform: translate3d(0,0,0);
		}
		&:before {
			position: absolute;
			z-index: 1;
			content: '';
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background: rgba(0,0,0, .0);
			.transition();
		}
		a {
			position: absolute;
			z-index: 2;
			width: 94%;
			height: 94%;
			top: 3%;
			left: 3%;
			border: 1px solid #f0f0f0;
			color: #fff;
			font-size: 34px;
			.opacity(0);
			.scale(.8);
			i {
				position: absolute;
				top: 50%;
				left: 50%;
				margin-left: -17px;
				margin-top: -17px;
			}
		}
		&:hover {
			a {
				.opacity(1);
				.scale(1);
			}
			&:before {
				background: rgba(0,0,0, .5);
			}
		}
	}
	.entry-title {
		text-align: center;
		margin-bottom: 15px;
		font-size: 18px;
	}
	.entry-excerpt {
		text-align: center;
		line-height: 2;
		color: rgba(0,0,0, .5);
	}
	.slides {
		position: relative;
		@media (min-width: @screen-sm-min) {
			// padding: 0 30px;
		}
	}
	.owl-controls {
		.owl-prev,
		.owl-next {
			display: inline-block;
			position: absolute;
			top: 50%;
			color: rgba(0,0,0, .2);
			font-size: 30px;
			margin-top: -15px;
			@media (min-width: @screen-sm-min) {
				margin-top: -48px;
				font-size: 60px;
			}
		}
		.owl-prev {
			left: -45px;
			// @media (min-width: @screen-sm-min) {
			// 	left: 0;
			// }
		}
		.owl-next {
			right: -45px;
			// @media (min-width: @screen-sm-min) {
			// 	right: 0;
			// }
		}
	}
}

/* Logo Holder
--------------------------- */
.tm-logo-holder {
	position: relative;
	.border {
		position: absolute;
		width: 94%;
		height: 94%;
		top: 3%;
		left: 3%;
		border: 1px solid #fff;
		z-index: 2;
	}
	.overlay {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.logo {
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 3;
	}
}

/* Member
--------------------------- */
.tm-member {
	.entry {
		.make-xs-column(12);
		margin-bottom: 50px;
	}
	.entry-inner {
		.make-row();
	}
	.entry-media,
	.entry-content {
		.make-xs-column(12);
		.make-sm-column(6);
	}
	.entry-media {
		@media(max-width: @screen-xs-max) {
			margin-bottom: 15px;
		}
		.inner {
			position: relative;
		}
	}
	.entry-title {
		font-size: 22px;
	}
	.entry-role,
	.entry-detail {
		.opacity(.5);
	}
	.entry-role {
		margin-top: 5px;
	}
	.entry-detail {
		margin-top: 15px;
		line-height: 2;
	}
}

/* Order
--------------------------- */
.tm-order {
	background: #fff;
	.entry-media {
		.make-sm-column(12);
		.make-lg-column(8);
	}
	.entry-content {
		.make-sm-column(12);
		.make-lg-column(4);
		padding-top: 15px;
		padding-bottom: 15px;
		@media (min-width: @screen-lg-min) {
			padding-right: 45px;
		}
		@media (max-width: @screen-md-max) {
			padding: 30px 25%;
		}
		@media (max-width: @screen-xs-max) {
			padding: 30px 45px;
		}
	}
	.order-form {
		br {
			display: none;
		}
		select option {
			padding: 5px 0;
		}
		.tm-button {
			color: #fff;
		}
	}
	.title {
		text-align: center;
		font-size: 50px;
		line-height: 1.2;
		@media(max-width: @screen-xs-max) {
			font-size: 30px;
		}
	}
	.subtitle {
		margin-top: 30px;
		text-align: center;
		.opacity(.7);
		line-height: 2;
	}
	.order-form {
		margin-top: 30px;
	}
	p.address {
		position: relative;
		&:before {
			position: absolute;
			right: 0;
			top: 0;
			.font-awesome("\f002");
			line-height: 40px;
			z-index: 2;
			padding: 0 10px;
		}
		input {
			padding-right: 30px;
		}
	}
}

/* Feature member
--------------------------- */
.tm-feature-member {
	text-align: center;
	.title {
		font-size: 60px;
		@media (max-width: @screen-xs-max) {
			font-size: 30px;
		}
		span {
			border-bottom: 1px solid;
		}
	}
	.subtitle {
		.opacity(.5);
		line-height: 2;
		margin-top: 30px;
	}
	.member {
		width: 70%;
		margin-left: 15%;
		margin-top: 30px;
	}
	img {
		.border_radius(50%);
		width: 80px;
	}
	.name {
		overflow: hidden;
		margin-top: 30px;
		br {
			display: block;
		}
		> div {
			display: inline-block;
			position: relative;
			&:before,
			&:after {
				position: absolute;
				content: '';
				width: 9999px;
				height: 1px;
				background: #111;
				top: 50%;
			}
			&:before {
				right: 100%;
				margin-right: 15px;
			}
			&:after {
				left: 100%;
				margin-left: 15px;
			}
		}
	}
	.entry-name {
		text-transform: uppercase;
		letter-spacing: 2px;
		font-size: 12px;
	}
	.entry-role,
	.entry-detail {
		.opacity(.5);
		font-style: italic;
	}
	.entry-role {
		font-size: 18px;
		text-transform: capitalize;
	}
	.entry-detail {
		margin-top: 30px;
		font-size: 16px;
	}
}

/* Feature post
--------------------------- */
.tm-feature-post {
	margin-bottom: 10px;
	background: #fff;
	.post-inner {
		.clearfix();
		@media (min-width: @screen-md-min) {
			.make-row();
		}
	}
	.entry-media {
		.make-sm-column(12);
		.make-md-column(7);
		.make-lg-column(5);
		margin: 0;
		float: left;
		@media (max-width: @screen-sm-max) {
			padding: 0;
		}
	}
	.content-wrapper {
		.make-sm-column(12);
		.make-md-column(5);
		.make-lg-column(7);
		word-wrap: break-word;
		float: left;
		text-align: center;
		padding-top: 50px;
		padding-bottom: 50px;
		@media (min-width: @screen-md-min) {
			padding-right: 45px;
		}
	}
	.entry-title {
		font-size: 48px;
		line-height: normal;
		@media (max-width: @screen-md-max) {
			font-size: 24px;
		}
	}
	.entry-content {
		line-height: 24px;

	}
	.entry-meta {
		overflow: hidden;
		text-align: left;
		font-size: 11px;
		.read-more {
			float: right;
			font-weight: 700;
			@media (max-width: @screen-xs-max) {
				float: none;
			}
			i {
			}
			&:after {
				content:"\203A";
				margin-left: 5px;

			}
		}
		.meta-author {
			text-transform: uppercase;
		}
		.meta-author,
		.meta-date {
			margin-right: 15px;
			i {
				margin-right: 5px;
			}
		}
	}
	.entry-content,
	.entry-footer {
	}
	.entry-header,
	.entry-content {
		margin-bottom: 30px;
	}
}

/* Photo carousel
--------------------------- */
.tm-photo-carousel {
	a {
		display: block;
		position: relative;
		&:before {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,0.5);
			z-index: 2;
			.opacity(0);
			.transition;
		}
		i {
			font-size: 30px;
			position: absolute;
			margin-top: -15px;
			margin-left: -15px;
			top: 50%;
			left: 50%;
			color: #fff;
			.opacity(0);
			.scale(1.2);
			.transition;
			z-index: 2;
		}
		&:hover {
			i {
				.opacity(1);
				.scale(1);
			}
			&:before {
				.opacity(1);
			}
		}
	}
	img {
		-webkit-transform: translate3d(0,0,0);
	}
}

/* Countdown
--------------------------- */
.tm-countdown {
	&:extend(.tm-shortcode-margin);
	.entry-media {
		position: relative;
		text-align: center;
		.border {
			position: absolute;
			width: 94%;
			height: 94%;
			top: 3%;
			left: 3%;
			border: 1px solid #fff;
			z-index: 2;
		}
		.overlay {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			z-index: 1;
		}
	}
	.countdown-container {
		position: absolute;
		margin-top: -10%;
		top: 50%;
		left: 3%;
		z-index: 3;
		width: 94%;
		.tm-countdown-hook {
			width: auto;
			.clearfix();
			text-align: center;
			> div {
				display: inline-block;
				width: 20%;
				margin: 1%;
				height: 0;
				padding-bottom: 20%;
				text-align: center;
				border: 1px solid #fff;
				color: #fff;
				position: relative;
				.inner {
					position: absolute;
					top: 0;
					left: 0;
					height: 100%;
					width: 100%;
				}
				span {
					display: block;
				}
				.value {
					font-size: 40px;
				}
				.indicator {
					font-size: 12px;
					text-transform: uppercase;
				}
			}
			@media (max-width: @screen-lg) {
				> div {
					.value {

					}
					.indicator {
					}
				}
			}
			@media (max-width: @screen-md) {
				> div {
					.value {
						font-size: 20px;
					}
					.indicator {
					}
				}
			}
			@media (max-width: @screen-xs-max) {
				> div {
					.value {
						font-size: 34px;
					}
					.indicator {
					}
				}
			}
			@media (max-width: @screen-xs-min) {
				> div {
					.value {
						font-size: 20px;
					}
					.indicator {
					}
				}
			}
		}
	}
	.entry-content {
		text-align: center;
	}
	.title {
		font-size: 30px;
		margin: 15px 0 0 0;
	}
	.subtitle {
		margin: 15px 0 0 0;
		.opacity(.5);
	}
}

/* Showcase
--------------------------- */
.tm-showcase {
	text-align: center;
	.clearfix();
	.entry-content,
	.entry-media {
		@media screen and (min-width: @screen-md-min) {
			width: 50%;
			float: left;
		}
	}
	.entry-media {
		position: relative;
		&.pull-right {
			float: right;
		}
		.border {
			position: absolute;
			width: 94%;
			height: 94%;
			top: 3%;
			left: 3%;
			border: 1px solid #fff;
			z-index: 2;
		}
		.overlay {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			z-index: 1;
		}
	}
	.entry-content {
		padding: 15px 30px;
		.title {
			font-size: 40px;
			word-wrap: break-word;
			@media screen and (min-width: @screen-md-min) {
				font-size: 60px;
			}
		}
		.content {
			margin-top: 30px;
			line-height: 2;
		}
	}
}

/* Buttons
--------------------------- */
.tm-buttons {
	color: #fff;
	clear: both;
	@media (max-width: @screen-xs-max) {
		text-align: center;
		padding: 50px 0;
	}
	.text,
	.link {
		@media (min-width: @screen-sm-min) {
			height: 180px;
		}
		display: table;
		span{
			display: table-cell;
			vertical-align: middle;
		}
	}
	.text {
		.make-sm-column(9);
		vertical-align: middle;
		@media (min-width: @screen-sm-min) {
			font-size: 18px;
		}
	}
	.link {
		a {
			.tm-button-solid();
			background: #fff;
			margin: 0;
			margin-top: 15px;
		}
		@media (min-width: @screen-sm-min) {
			a {
				margin-top: 68px;
			}
		}
		&.has-text {
			@media (min-width: @screen-sm-min) {
				text-align: right;
			}
		}
	}
}

/* Main Nav
--------------------------- */
.tm-vc-main-nav {
	&.is-headroom {
		.tm-header {
			&.headroom--not-top {
				left: 0;
			}
		}
		&.normal {
			&.is-transparent {
				.tm-header {
					@media @md-max {
						position: absolute;
						top: 0;
					}
				}
			}
		}
		&.float {
			.tm-header {
				&.headroom--top {
					top: 30px;
				}
				&.headroom--top {
					.tm-header-inner {
						&:extend(.container);
						.container {
							max-width: 100%;
							padding: 0;
						}
					}
				}
				&.headroom--not-top {
					left: 0;
				}
			}
		}
		&.float-fluid {
			.tm-header {
				&.headroom--top {
					top: 30px;
				}
				&.headroom--top {
					&:extend(.container-fluid);
					.tm-header-inner {
						.container {
							max-width: 100%;
							padding: 0;
						}
					}
					.site-title {
						a {
							margin-left: 0;
						}
					}
				}
				&.headroom--not-top {
					left: 0;
				}
			}
		}
		&.is-transparent {
			.headroom--top {
				.bg {
					opacity: 0;
				}
			}
			.headroom--not-top {
				.bg {
					opacity: 1;
					@media @md-max {
						opacity: 0 !important;
					}
				}
			}
		}
	}
	&.dark {
		&:extend(.primary-color);
		a,
		.tm-header .main-navigation > ul > li > a,
		.tm-header .main-navigation .menu > ul > li > a,
		.tm-header .main-navigation > ul ul li a,
		.tm-header .main-navigation .menu > ul ul li a {
			color: #333 !important;
			&:hover {
				.opacity(.7);
			}
		}
		.g-search {
			&:extend(.primary-color);
		}
		.cart-only {
			color: @tm-hover;
		}
		.tm-header .main-navigation a {
			&:extend(.primary-color);
		}
		.main-navigation .sub-menu,
		.main-navigation > ul > li:hover a {
			background: #eee;
		}
	}
	&.bright {
		color: #f7f7f7;
		a,
		.tm-header .main-navigation a,
		input,
		.tm-header,
		.tm-header .main-navigation > ul > li > a,
		.tm-header .main-navigation .menu > ul > li > a,
		.tm-header .main-navigation > ul ul li a,
		.tm-header .main-navigation .menu > ul ul li a {
			color: #f7f7f7;
		}
		.main-navigation .sub-menu,
		.main-navigation > ul > li:hover a {
			background: #222;
		}
	}
	.g-button {
		.round {
			border-radius: 100px !important;
		}
	}
}

/* Social Link Icon
--------------------------- */
.tm-social-link-icon {
	a {
		@height: 40px;
		@border-width: 3px;
		display: inline-block;
		height: 40px;
		width: 40px;
		border: @border-width solid;
		line-height: @height - 2 * @border-width;
		font-size: 20px;
		.border_radius(50%);
		text-align: center;
		margin: 0 10px;
		&:first-child {
			margin-left: 0;
		}
		&:last-child {
			margin-right: 0;
		}
		&:hover {
			.opacity(.7);
		}
		@media (max-width: 767px) {
			font-size: 14px;
			margin: 0 5px;
			height: 30px;
			width: 30px;
			border: 2px solid;
			line-height: 30px - 2 * 2px;
		}
	}
}

.tm-shortcode-footer {
	.copyright {
		display: block;
		line-height: 40px;
		@media screen and (min-width: 768px) {
			text-align: right;
		}
	}
}

.rev_slider_wrapper {
	.tm-button {
		line-height: auto;
		height: auto;
	}
}