/*
Theme Name: Stack Child
Theme URI: http://www.tommusrhodus.com/stack-wordpress-theme
Description: Child theme for the Stack theme
Author: <a href="http://www.tommusrhodus.com">Tom Rhodes</a>
Author URI: http://www.tommusrhodus.com
Template: stack
Version: 1.0.0
*/

@import url('../stack/style.css');


@font-face {
	font-family: 'Miller';
	src: url('fonts/MillerDisplay-Light.eot');
	src: local('☺'), 
	url('fonts/MillerDisplay-Light.woff') format('woff'), 
	url('fonts/MillerDisplay-Light.ttf') format('truetype'), 
	url('fonts/MillerDisplay-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Graphik';
	src: url('fonts/Graphik-Medium.eot');
	src: local('☺'), 
	url('fonts/Graphik-Medium.woff') format('woff'),
	url('fonts/Graphik-Medium.ttf') format('truetype'), 
	url('fonts/Graphik-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
h1, .tp-caption h1, h2, h3, input[type], textarea, select {
	font-family: 'Miller', times, georgia, serif;
	color: #ffffff;	
	text-align: center;
	letter-spacing: 0.02em;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}
h1, .tp-caption h1 {
	font-size: 60px;
	line-height: 70px;
}
h2 {
	font-size: 30px;
	line-height: 35px;
	width: 375px;
	margin: 60px auto 0;
}
.roi_btn, p, body, input[type="button"] {
	font-family: 'Graphik', helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
}
p, body {
	font-size: 11px;
	line-height: 14px;
	color: #ffffff;
	text-align: center;
    letter-spacing: 0.2em;
}
a {
    color: #ffffff!important;
    font-weight: normal;
    text-decoration: underline;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	opacity: 1;
}
a:hover {opacity: 0.8;}
h3 {
	font-size: 15px;
	line-height: 20px;
    width: 300px;
    margin: 90px auto 0;
}


/* Universal */
.vc_row-has-fill>.vc_column_container>.vc_column-inner {padding-top: 0;}
.logo {
    position: fixed;
    top: 40px;
    left: 40px;
	z-index: 1;
}
.roi_btn {
    position: fixed;
    width: 150px;
    top: 40px;
    right: 40px;
    text-align: center;
    letter-spacing: 0.3em;
    text-transform: uppercase;
	border: 1px solid #ffffff;
	color: #ffffff;
	z-index: 1;
	padding: 5px 23px 3px; 
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	opacity: 1;
}
.roi_btn:hover {opacity: 0.8;}
.roi_btn a {
	color: #ffffff;
    text-decoration: none;
	padding: 12px;
    line-height: 23px;
}
.mobi, .back-to-top {display: none!important;}
.deski {display: block!important;}


/* Form */
#nf-form-2-cont {
	width: 340px;
	margin: 0 auto;
}
.nf-form-fields-required, .nf-input-limit, .nf-after-field .nf-error-msg, .nf-error-msg {display: none!important;}
input[type], textarea, select {
	background: #000000;
	border-radius: 0!important;
    border: none!important;
    border-bottom: 1px solid #C6C4C3!important;
}
.nf-error .ninja-forms-field {
	border: none!important;
	border-bottom: 1px solid #ff5b5b!important;
}
input[type], textarea, select {
	font-size: 15px;
	line-height: 20px;
	color: #C6C4C3!important;
}
select {
	text-align: center;
	text-align-last: center;
	background: url(/wp-content/uploads/arrow.svg) no-repeat;
	background-position: center right;
    background-size: 20px;	
}
input[type="button"] {
    text-align: center;
    letter-spacing: 0.3em;
    text-transform: uppercase;
	border: 1px solid #ffffff!important;
	color: #ffffff!important;
	padding: 5px 23px 3px; 
	font-size: 1em;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	opacity: 1;
}
input[type="button"]:hover {opacity: 0.8;}

/* Pop Up */
.ppsPopupShell {top: 0;}


/* Media Queries */
@media only screen and (max-width: 767px) {
	.roi_btn {position: absolute; bottom: 40px; right: 0; top: auto; left: 0; margin: 0 auto;}
	.logo {top: 30px; left: 0; right: 0; margin: 0 auto; width: 140px;}
	.mobi {display: block!important;}
	.deski {display: none!important;}
	h2 {font-size: 21px; line-height: 29px; width: 100%; margin: 20px auto 0;}
	h3 {font-size: 13px; line-height: 18px; width: 100%; margin: 30px auto 0;}
	#nf-form-2-cont {width: 100%;}
	.nf-field-container {margin-bottom: 15px!important;}
	.intro p {padding-top: 30px;}
}