/*
*
* Template Name: Sven
* Description: Creative and Minimal Teaser Template
* Authors: Sven Creations(svencreations@gmail.com)
*
*/

/* ==================================================================
* Table of Contents:
*
* 1.0 - Custom Font Declarations(if any)
* 2.0 - Simple Fixes
* 3.0 - Basic Styles
* 4.0 - Coming Soon Scene Styles (.coming-soon class)
* 5.0 - Subscribe Popup
* 6.0 - Responsive Styles
* 		6.1 - Small Devices, Tablets
* 		6.2 - Medium Devices, Desktops
* 		6.3 - Large Devices, Wide Screen

================================================================== */

/* ==================================================================
1.0 Custom Font Declarations(if any)
================================================================== */

/* ==================================================================
2.0 Simple Fixes
================================================================== */

/* Setting the body and html to full screen height */
html, body {
	height: 100%;
	background: none #000;
}

/* Remove dotted borders around the links when clicked */
a, a:active, a:focus, input:focus {
	outline: none;
	text-decoration: none !important;
}

/* clearfix */
.clear {
	clear: both;
}

button:focus {
	outline:0;
}

::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.1);
}

:-moz-placeholder { /* Firefox 18- */
	color: rgba(255, 255, 255, 0.1);
}

::-moz-placeholder {  /* Firefox 19+ */
	color: rgba(255, 255, 255, 0.1);
}

:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.1);
}

input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0 !important;
}

/* ==================================================================
3.0 Basic Styles
================================================================== */
body {
	background: none #000;
	font-family: 'Exo', sans-serif;
	font-size: 16px; /* Base Font size */
	color: #ffffff;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

body.set-overflow {
	overflow: visible;
}

.italic {
	font-style: italic;
}

/****** H1(base element in our animations) *********/
h1 {
	font-size: 1.5em;
	font-weight: normal;
	text-decoration: none;
	line-height: 1.1;
	margin: 0;
	padding: 0;
	-webkit-text-stroke: 0.2px; /* to fix thin fonts rendering problems in iOS safari and android browsers. You can remove it or change the values */
}

.thin {
	font-weight: 100;
}

/* ==================================================================
4.0 Coming Soon Scene (.coming-soon class)
================================================================== */
.coming-soon .lt-main {
	font-size: 1.75em;
	font-weight: normal;
}

.coming-soon .lt-sub {
	font-size: 1em; /* reset relative font size here */
	font-weight: normal;
}

.coming-soon .lt-boxed {
	background: none transparent !important;
}

.coming-soon .btn {
    padding: 0.375em 1.5em;
    letter-spacing: 0.0875em;
    margin-top: 0.375em;
    background: none #ffba00;
    border: 1px solid transparent;
	border-radius: 0;
	color: #000;
}

.btn:hover, .btn:active, .btn:focus {
	border-bottom: 2px solid #fff;
}

/* hashtag */
.hashtag {
	position: absolute;
	bottom: 18px;
	right: 2%;
	z-index: 5;
	font-size: 0.75em; /* reset relative font size here */
}

.hashtag a {
	display: inline-block;
	font-size: 1em;
	font-weight: normal;
	color: #fff;
	opacity: 0.6;
	padding: 10px 0px;
}

.hashtag a:hover {
	opacity: 0.8;
}

#buy-button {
    letter-spacing: 2px;
    background: none rgba(246, 227, 190, 0.3);
    border: 1px solid #c4b391;
    font-weight: 400;
    color: #fff3db;
}

#buy-button:hover {
    background: none transparent;
    border: 1px solid #fff;
    opacity: 1;
}

#buy-button i {
    padding-right: 10px;
}

/* ==================================================================
5.0 Subscribe Popup
================================================================== */

.modal-content {
	border-radius: 0px;
	color: #000;
}

.modal-body {
	padding: 25px;
}

.modal-body h3 {
	text-decoration: underline;
	margin-bottom: 15px;
}

.modal-header, .modal-footer {
	border: 0px;
}

.subscribe-label i {
	margin-right: 10px;
}

.subscribe-label .fa-check {
	color: #229C85;
}

.subscribe-label .fa-times {
	color: #EF2E30;
}

/* Social Icons */
.social-icons {
	margin: 36px 0px 0px;
	padding-left: 0;
	list-style: none;
}

.social-icons li {
	display: inline-block;
	padding: 0px 8px;
}

/* Change icons size here */
.social-icons .fa {
	font-size: 1.125em;
}

.social-icons .fa {
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: #000;
	color: rgba(0, 0, 0, 0.8);
	background: none transparent;
}

.social-icons .fa:hover, .social-icons .fa:active {
	opacity: 0.7;
}

.popover-content {
	color: #000;
}

.logo-holder {
	display: inline-block;
	margin-bottom: 36px;
}

.logo-holder img {
	width: 40%;
}

/* ==================================================================
6.0 Responsive
================================================================== */

/*	6.1 Small Devices, Tablets
-------------------------------------------------------------- */
@media only screen and (min-width : 768px) {
	h1 {
		-webkit-text-stroke: 0px;
	}

	.coming-soon .lt-main {
		font-size: 2.75em;
	}

	.coming-soon .btn {
		font-size: 0.875em;
	}

	.hashtag {
		font-size: 1em;
	}

}

/*	6.2 Medium Devices, Desktops, Laptops
-------------------------------------------------------------- */
@media only screen and (min-width : 1224px) {
	h1 {
		-webkit-text-stroke: 0px;
	}

	.coming-soon .lt-main {
		font-size: 3.75em;
	}

	.coming-soon .btn {
		font-size: 1.125em;
	}

	.hashtag {
		font-size: 1em;
	}
}


/*	6.3 Large Devices, Wide Screens
-------------------------------------------------------------- */
@media only screen and (min-width : 1824px) {
	h1 {
		-webkit-text-stroke: 0px;
	}

	.coming-soon .lt-main {
		font-size: 5em;
	}

	.coming-soon .btn {
		font-size: 1.5em;
	}

	.hashtag {
		font-size: 1em;
	}
}