/*
Theme Name:Software 2016
Version:2.0
Author:Matthew Praetzel
Author URI:http://www.ternstyle.us/
*/

/**************************************************************************************************/
/*
/*		File:
/*			style.css
/*		Description:
/*			This file contains CSS Stylings for the front-end aspects of "Software 2014".
/*		Date:
/*			Added on February 23rd, 2012
/*		Copyright:
/*			Copyright (c) 2011 Matthew Praetzel.
/*		License:
/*			This software is licensed under the terms of the End User License Agreement (EULA)
/*			provided with this software. In the event the EULA is not present with this software
/*			or you have not read it, please visit: http://www.ternstyle.us/license.txt
/*
/**************************************************************************************************/

/*------------------------------------------------------------------------------------------------
	Includes
------------------------------------------------------------------------------------------------*/

@import url("css/font.css");
@import url("css/component.css");

/*------------------------------------------------------------------------------------------------
	Layout
------------------------------------------------------------------------------------------------*/

body { background:#fff; }
#page { overflow:hidden; }
.main { background:#f5f5f5; }
section > .container { padding-top:60px;padding-bottom:60px; }
.container { position:relative; }
.center { text-align:center; }
.no-overflow { overflow:hidden; }
.no-padding-bottom .container { padding-bottom:0; }

.success { color:#00FF00; }
.error { color:#FF0000; }

section .content { padding-top:40px; }
.no-content-padding .content { padding-top:0 !important; }

.bg-primary { background:#fff;color:#333; }
.bg-facebook { background:#004c8e; }
.bg-twitter { background:#1da0d7; }

a, a:visited { color:#db6929;transition:0.2s;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s; }
a:hover { color:#ff7e35;text-decoration:none; }
a:active { color:#89451e; }

pre { background:#fff;margin:30px 0; }
#body img { max-width:100%;height:auto !important; }

.vc_row {
	margin-left:-30px;
	margin-right:-30px;
}
.vc_column_container > .vc_column-inner {
	padding-left:30px;
	padding-right:30px;
}


@media (min-width: 1200px) {

}
@media (min-width: 768px) and (max-width: 979px) {

}
@media (max-width: 767px) {
	body { padding:0; }
	.container { padding-left:20px;padding-right:20px; }

	section .content { padding-top:0; }
}
@media (max-width: 480px) {

}

/*------------------------------------------------------------------------------------------------
	Navigation
------------------------------------------------------------------------------------------------*/

#nav { position:relative;height:50px;background:transparent url(images/f.jpg) repeat 0 0;z-index:999; }
#nav, #nav * { transition:0.2s;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s; }
nav { width:100%;height:50px;background:transparent url(images/f.jpg) repeat 0 0;text-align:center;z-index:999;transition:0.2s;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s; }
nav .container { background:transparent url(images/f.jpg) repeat 0 0; }
#nav.scroll nav { height:40px; }
nav ul, nav li { display:inline-block;margin:0;padding:0;list-style:none; }
nav a { display:block;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;text-decoration:none; }
nav a span { display:inline-block; }
nav a:visited { color:#fff; }
nav a:hover { color:#db6929;text-decoration:none; }
nav a i { margin:0 0 0 5px; }

nav .nav-main { margin:0 auto; }
nav .nav-main > li { position:relative; }
nav .nav-main > li > a { height:50px;margin:0 10px;line-height:50px; }
#nav.scroll nav .nav-main > li > a { height:40px;line-height:40px; }

nav ul ul { position:absolute;display:none;top:50px;left:0;width:285px;background:rgba(0,0,0,0.9);padding:5px 0;text-align:left;z-index:999; }
#nav.scroll nav ul ul { top:40px; }
nav ul ul li { display:block; }
nav ul ul li a { padding:5px 24px;line-height:24px;text-transform:none; }
nav ul ul li a:hover span { display:inline-block;margin-left:5px; }

@media (max-width: 767px) {
	nav { min-height:40px;height:auto; }
	nav .nav-main { overflow:hidden;height:0; }
	nav li { display:block; }

	nav a i { display:none !important; }
}

/*------------------------------------------------------------------------------------------------
	Hero
------------------------------------------------------------------------------------------------*/

#hero { overflow:hidden;height:0;opacity:0;-moz-opacity:0;-khtml-opacity:0;filter:alpha(opacity=0);transition:0.4s;-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s; }
#hero, #hero-sub { position:relative;overflow:hidden;background:#000 url('https://s3-us-west-2.amazonaws.com/ternstyle/images/bg.jpg') 50% 0 no-repeat fixed;background-size:cover;text-align:center;transition:height 0.3s;-webkit-transition:height 0.3s;-moz-transition:height 0.3s;-o-transition:height 0.3s; }
#hero-sub { height:300px;background:#000 url('https://s3-us-west-2.amazonaws.com/ternstyle/images/bg-sub.jpg') 50% 0 no-repeat fixed;background-size:cover; }

#hero .content, #hero-sub .content { position:absolute;top:50%;left:0;right:0;margin-top:-120px;z-index:1; }
#hero #logo, #hero-sub #logo { width:120px;height:120px;margin:0 auto; }
#hero #logo a, #hero-sub #logo a { display:block;width:120px;height:120px;background:transparent url('https://s3-us-west-2.amazonaws.com/ternstyle/images/logo.png') no-repeat center center;background-size:contain;text-indent:-9999px; }
#hero .content h2, #hero-sub .content h2 { margin:0 0 10px;font-weight:700;text-transform:uppercase; }
#hero .content h2 a, #hero-sub .content h2 a { color:#333;text-decoration:none; }
#hero .content p, #hero-sub .content p { font-size:18px; }
/*
#hero-sub .content h2 a, #hero-sub .content p { color:#fff; }
*/

#hero .birds { position:relative;z-index:0; }
#hero div[data-type=parallax] { position:absolute; }
#hero #tern-1 { width:300px;height:375px;background:transparent url('https://s3-us-west-2.amazonaws.com/ternstyle/images/tern-1.png') no-repeat 0 0;background-size:contain; }
#hero #tern-2 { width:200px;height:78px;background:transparent url('https://s3-us-west-2.amazonaws.com/ternstyle/images/tern-3.png') no-repeat 0 0;background-size:contain; }
#hero #tern-3 { width:70px;height:70px;background:transparent url('https://s3-us-west-2.amazonaws.com/ternstyle/images/tern-4.png') no-repeat 0 0;background-size:contain; }

@media (min-width: 768px) and (max-width: 979px) {
	#hero #tern-1 { width:150px;height:175px; }
}
@media (max-width: 767px) {
	#hero div[data-type=parallax] { display:none; }
}

/*------------------------------------------------------------------------------------------------
	Featured
------------------------------------------------------------------------------------------------*/

#featured h3 { line-height:20px;font-size:14px;font-weight:700;color:#666;text-transform:uppercase; }
#featured .row p { line-height:16px;font-size:12px;color:#999;text-trnasform:none; }

#portfolio { overflow:hidden; }
#portfolio .container { padding-bottom:0; }
#portfolio h3 { line-height:30px;font-size:20px;font-weight:700;text-transform:uppercase; }
#portfolio .row { text-align:left; }

/*------------------------------------------------------------------------------------------------
	Social
------------------------------------------------------------------------------------------------*/

#social h2 { margin-top:0;line-height:20px;font-size:18px;font-weight:700;color:#666;text-transform:uppercase }
#social p { font-size:12px; }
#social a { margin:0 5px; }

/*------------------------------------------------------------------------------------------------
	Page (WordPress Plugins)
------------------------------------------------------------------------------------------------*/

.plugins #featured h4 { font-size:14px; }
#pro-version { background-repeat:no-repeat;background-position:center;background-size:cover; }
#pro-version h2 { font-size:30px; }
#pro-version * { color:#fff; }

/*------------------------------------------------------------------------------------------------
	Page (Portfolio)
------------------------------------------------------------------------------------------------*/

#portfolio h3 a { color:#333; }
#portfolio-items .row-fluid > div { background:#000;padding:0; }
#portfolio-items .row-fluid > div a { opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8;filter:alpha(opacity=80);transition:0.2s;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s; }
#portfolio-items .row-fluid > div a:hover { opacity:1.0;-moz-opacity:1.0;-khtml-opacity:1.0;filter:alpha(opacity=100); }
#portfolio-items .row-fluid > div img { width:100%;height:auto; }

/*------------------------------------------------------------------------------------------------
	Page (Archive)
------------------------------------------------------------------------------------------------*/

#archive h3 { line-height:20px;font-size:14px;font-weight:700;color:#666;text-transform:uppercase; }
#archive .row p { line-height:16px;font-size:12px;color:#999;text-trnasform:none; }
#archive img { width:100%;height:auto; }

@media (min-width: 992px) {
	#archive .row .item-3-1 { clear:none; }
	#archive .row .item-4-1 { clear:both; }
}
@media (max-width: 991px) {
	#archive .row .item-4-1 { clear:none; }
	#archive .row .item-3-1 { clear:both; }
}
@media (max-width: 979px) {
	#archive .row .item-4-1, #archive .row .item-3-1 { clear:none; }
	#archive .row .item-2-1 { clear:both; }
}

/*------------------------------------------------------------------------------------------------
	Sidebar
------------------------------------------------------------------------------------------------*/

#sidebar { margin-top:44px;text-align:left; }
#sidebar .side-item { margin-bottom:50px; }
#sidebar h4 { margin-bottom:20px;font-size:12px;font-weight:700;text-transform:uppercase; }
#sidebar ul, #sidebar li { display:block;margin:0;padding:0;list-style:none; }
#sidebar ul li a { display:block;width:100%;border-bottom:1px dotted #ccc;padding:0 0 0 20px;line-height:40px;color:#333;text-decoration:none;transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.2s; }
#sidebar ul li a:before { position:absolute;margin-left:-12px;font-size:14px;font-family:'FontAwesome';content:'\f105'; }
#sidebar ul li a:hover { color:#db6929;padding:0 0 0 25px; }
#sidebar ul li a:active { color:#89451e; }

@media (max-width: 767px) {
	#sidebar { float:none;width:100%;background:#f1f1f1;margin:0 0 -40px;padding:30px 0 0;text-align:center; }
}


/*------------------------------------------------------------------------------------------------
	Footer
------------------------------------------------------------------------------------------------*/

#f { background:transparent url(images/f.jpg) repeat 0 0;font-size:12px;color:rgba(255,255,255,0.5);text-shadow:none; }

@media (max-width: 767px) {
	#f { text-align:center; }
	#f .pull-left, #f .pull-right { display:inline-block;float:none;width:100%;margin:10px auto; }
}

/*------------------------------------------------------------------------------------------------
	Deals
------------------------------------------------------------------------------------------------*/

#page > .vc_row {
	position:relative;
	z-index:0;
}

body.full-width p {
	line-height:28px;
	font-size:16px;
}

.callout-deal {
	position:relative;
	transform:translateY(-60px);
	z-index:1;
}
.callout-deal-content {
	position:relative;
}
.callout-deal-content > .vc_column-inner {
	position:relative;
	padding:60px 0;
	background-color:#db6929;
	z-index:1;
}
.callout-deal-content::after, .wpb_video_wrapper::after, .callout-message .wpb_raw_code::after {
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:150px;
	bottom:0;
	left:0;
	transform:translateY(90%);
	background:transparent url('https://ternstyle.s3.us-west-2.amazonaws.com/site/wp-content/uploads/2020/12/flyer-blur.png') no-repeat top center;
	background-size:100%;
	z-index:0;
	opacity:.5;
	-moz-opacity:.5;
	-webkit-opacity:.5;
}
.wpb_video_wrapper iframe {
	position:relative;
	z-index:1;
}

.callout-deal-content h1 {
	text-transform:uppercase;
	font-weight:bold;
}
.callout-deal-content h1,
.callout-deal-content h2,
.callout-deal-content h3,
.callout-deal-content h4,
.callout-deal-content p {
	color:#fff;
}
.callout-deal-content .wpb_single_image {
	margin-bottom:-102px;
}
.callout-deal-content .wpb_single_image img {
	max-width:200px;
}


.callout-message {
	background-color:#333;
	padding-top:40px;
	padding-bottom:40px;
	color:#fff;
	text-align:center;
}
.callout-message.vc_row > .vc_column_container > .vc_column-inner {
	padding-top:0;
	padding-bottom:0;
}
.callout-message .wpb_raw_code {
	position:absolute;
	min-width:675px;
	top:-90px;
	left:50%;
	transform:translateX(-50%);
	background-color:#db6929;
	padding:0;
}
.callout-message .wpb_raw_code .wpb_wrapper {
	position:relative;
	background-color:#db6929;
	z-index:1;
}
.callout-message .wpb_raw_code .POW {
	position:absolute;
	width:120px;
	height:120px;
	top:-20px;
	left:33px;
}
.callout-message .wpb_raw_code .POW .spikes {
	fill:#ffa16d;
}
.callout-message .wpb_raw_code h3 {
	position:relative;
	max-height:80px;
	transform:translateY(-10px);
	margin:0;
	line-height:80px;
	color:#fff;
	z-index:1;
	font-size:22px;
	font-style:italic;
}
.callout-message .wpb_raw_code h3 span {
	display:inline-block;
	width:100px;
	height:100px;
	/*background-color:#ffa16d;*/
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	/*
	box-shadow:0 0 10px rgba(0,0,0,0.1);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);
	*/
	margin:0 10px 0 0;
	line-height:100px;
	text-align:center;
	font-size:28px;
	color:#fff;
	text-shadow:-1px -1px rgba(0,0,0,0.5);
	vertical-align:middle;
	font-style:normal;
	font-weight:bold;
}
.callout-message h2 {
	margin-top:40px;
	text-align:left;
	color:#fff;
}
.callout-message .vc_col-md-9 p {
	margin-top:40px;
}
.callout-message p {
	text-align:left;
	color:#fff;
}
.callout-message .wpb_text_column {
	margin-bottom:0;
}

.what-you-get .vc_row {

}