/*
Theme Name: 	Starkers
Theme URI: 		http://viewportindustries.com/products/starkers
Description: 	The totally nude Wordpress theme!
Version: 		4.0
Author: 		Elliot Jay Stocks & Keir Whitaker
Author URI: 	http://viewportindustries.com
Tags: 			starkers, naked, clean, basic
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }
::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; }

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{ /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 					{ font-weight:700; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }

/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
html {
	overflow-x: hidden;
}
body {
	background: #FFFFFF;
}
body.home {
	background: #FFFFFF url("images/bg_body.png") top left repeat-x;
}
.wrapper {
	width: 90%;
	margin: 0 auto;
}
header {
	height: 100px;
	padding: 20px;
	box-sizing: border-box;
	background: #3e5179;
}
header h1 {
	font-family: 'Open Sans', Myriad, 'Calibri', Arial, Helvetica, sans-serif;
	font-size: 44px;
	font-weight: 200;
}
a.print-link {
	color: #333333;
	text-decoration: none !important;
}
header a {
	color: white !important;
	text-decoration: none;
}
header a:hover {
	color: white;
	text-decoration: none;
}
header .phone {
	color: white;
	font: normal 24px 'Open Sans','Myriad','Calibri',Arial, Helvetica, sans-serif;
	text-align: right;
}
header a:link, header a:hover {
	color: white;
	text-decoration: none;
}
.main-nav {
	padding-top: 21px;
}
.main-nav li {
	display: inline-block;
	padding: 0 20px;
	text-transform: uppercase;
	font: normal 18px 'Open Sans','Myriad','Calibri',Arial, Helvetica, sans-serif;
}
.home-slideshow {
    background: #CCCCCC url(images/home_bg.png) no-repeat;
    background-size: contain;
    height: 537px;
    margin: 0;
    background-position: 115% -28px;
}
.home-slideshow-text {
	font: normal 50px 'Open Sans','Myriad','Calibri',Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 0;
}
.home-slideshow-text p {
	margin-top: -170px;
	padding-left: 60px;
}
.home-slideshow-bg {
	padding: 0;
}
#home_products {
	/* margin:  -150px auto 50px; */
	margin-top: 150px;
}
#home_products .vc_column_container {
	margin-right: 12px;
}
#home_products .vc_column_container:last-child {
	margin-right: 0;
}
.product-column {
	box-shadow: 0 0 4px #333333;
	padding: 0;
	position: relative;
	z-index: 10;
	background: white;
	height: 660px;
	width: 23%;
		border: solid 2px #000000;
}
.vc_col-sm-3.product-column {
	width: 24%;
}
.wpb_single_image .vc_figure, .wpb_single_image .vc_single_image-wrapper {
	width: 100% !important;
}
.product-column h3 {
}
.product-column p {
	font-size: 22px;
	margin-bottom: 25px;
}
.product-column a {
	color: black;
	text-decoration: underline;
}
.modal-dialog a {
	text-decoration: underline;
}
.product-column .vc_column-inner {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.product-column img {
	width: 100% !important;
}
.product-column .needs-margin {
	margin-bottom: 60px;
}
.product-column h3 {
	font: 700 24px 'Open Sans','Myriad','Calibri',Arial, Helvetica, sans-serif;
	margin-bottom: 25px;
}
.vr-block h1 {
	
	font: normal 48px 'Open Sans','Myriad','Calibri',Arial, Helvetica, sans-serif;
}
.vr-block p strong {
	font: normal 30px 'Open Sans','Myriad','Calibri',Arial, Helvetica, sans-serif;
}
.aligncenter {
	display: inline-block;
	margin: 0 auto;
}
.house-logo {
	display: inline-block;
	margin: 0 auto;
	margin-bottom: 50px;
}
#seo_block {
	width: 90%;
	margin: 0 auto;
	border-bottom: solid 5px #448ccb;
}
#seo_block h3 {
	font: normal 18px 'Open Sans','Myriad','Calibri',Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}
#seo_block p {
	font: normal 14px 'Open Sans','Myriad','Calibri',Arial, Helvetica, sans-serif;
	margin-bottom: 30px;
}
#seo_block a {
	color: #448ccb;
	text-decoration: none;
}
footer {
	width: 90%;
	margin: 150px auto 50px;
}
.footer-col p {
	color: #555555;
	font: normal 18px/24px 'Open Sans','Myriad','Calibri',Arial, Helvetica, sans-serif;
}
.footer-col a {
	color: #555555;
	text-decoration: none;
}
.footer-center {
	text-align: center;
}
.footer-right {
	text-align: right;
	text-transform: uppercase;
}
.contact-link {
	background: #555555;
	color: white !important;
	display: inline-block;
	margin: 0 0 10px 60px;
	border-radius: 3px;
	padding: 2px 27px;
}
.footer-right {
	padding-top: 85px;
}
.modal ul {
	margin: 5px 0 5px 30px;
}
.modal ul.bottom-list {
	margin-bottom: 20px;
}
.modal ul > li {
	list-style: square;
}
.modal ul > ul > li {
	list-style: circle;
}
.modal h3 {
	text-align: center;
	margin-bottom: 20px;
	color: #000099;
	margin-top: 10px;
}
.modal h4 {
	font-weight: 700;
	text-decoration: underline;
}
.modal h4 span.no-underline {
	text-decoration: none;
}
.modal ul > ul > li.no-bullet {
	list-style: none;
}
.needs-margin-1 {
	margin-bottom: 35px !important;
}
#bg_essentials {
	background: url("images/bg_essentials.jpg") top right no-repeat;
	height: 697px;
}
#bg_expert {
	background: url("images/bg_expert.jpg") top right no-repeat;
	height: 717px;
}
#bg_framing {
	background: url("images/bg_framing.jpg") top right no-repeat;
	height: 697px;
}
#bg_plan {
	background: url("images/bg_plan.jpg") top right no-repeat;
	height: 697px;
}
.vc_btn3-container.vc_btn3-inline.action-button {
	width: 42% !important;
	margin-right: 25px;
	margin-bottom: 25px;
}
.product-logo, .product-logo img {
	margin-top: 20px;
}
.product-description {
	background: rgba(255,255,255,0.30);
	padding: 5px;
}
.product-description p {
	font-size: 18px;
	margin-bottom: 20px;
}

.vc_btn3-container.vc_btn3-inline.action-button .vc_general.vc_btn3 {
	width: 100% !important;
}
.inside-content h2 {
	font-family: 'Open Sans', 'Myriad Pro', 'Myriad', Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 32px;
}
.inside-content h3 {
	font-family: 'Open Sans', 'Myriad Pro', 'Myriad', Arial, Helvetica, sans-serif;
	font-weight: 700;
	margin-bottom: 16px;
}
.inside-content p {
	font-family: 'Open Sans', 'Myriad Pro', 'Myriad', Arial, Helvetica, sans-serif;
	margin-bottom: 16px;
}
.inside-content a {
	color: black;
	font-weight: 700;
}
.alignright {
	float: right;
	margin: 0 0 10px 10px;
}
.aligncenter {
	    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
label {
    font-size: 14px;
	font-weight: 700;
	display: block;
}
.wpcf7-form input {
    width: 415px;
    height: 50px;
    padding: 5px 40px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.wpcf7-form select {
    height: 50px;
    padding: 5px 40px;
    border: 1px solid rgba(0, 0, 0, 0.1);
	
}
.wpcf7-form input[type="submit"] {
	width: 415px;
    height: 50px;
    padding: 5px 40px;
	background: #3e5076;
	color: white;
}
.wpcf7-form input[type="radio"] {
    height: auto;
	width: auto;
	box-sizing: border-box;
}
.wpcf7-form textarea {
    padding: 10px 38px !important;
	width: 415px;
}
.entry-content .wpcf7 form.wpcf7-form input[type="submit"] {
    margin: 0 auto;
    padding-top: 15px;
	width: 415px;
	background: #3e5076;
}
.entry-content .wpcf7 form.wpcf7-form input[type="submit"], .entry-content .wpcf7 form.wpcf7-form label {
    display: block;
}
.wpcf7-form {
    width: 415px;
    margin: 0 auto;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
}
.manual-content ul {
	margin: 15px 0 15px 40px;
}
.manual-content li {
	list-style: square;
}
.related.products {
	display: none;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 {
	/*max-width: 48% !important;*/
}
.modal-dialog {
	font-size: 130%;
}
.woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row,.woocommerce form .form-row {
	display: block;
}
 
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
	max-width: unset;
}
.woocommerce .col2-set .col-1 {
	margin: 20px auto;
}
.phone-hero {
	display: none;
}
.desktop-hero {
	display: block;
}
.inside-content ul {
	margin: 10px 0 10px 40px;
}
.inside-content li {
	list-style: square;
}
.vip-form .wpcf7-form {
	width: auto;
}
.client-services footer, .about-us footer, .symbols-library footer, .site-map footer, .contact-us footer {
	margin-top: 50px;
}
.stacking .product-description ul {
	margin: 10px 0 10px 45px;
}
.stacking .product-description li {
	margin-bottom: 10px;
	list-style: square;
}
.framing-pro .vc_btn3-container.vc_btn3-inline.action-button {
	width: 29% !important;
}
a.woocommerce-remove-coupon, .coupon-86vfsjgyumh4njgz, .checkout .woocommerce-form-coupon-toggle {
	display: none !important;
}
input#coupon_code { 
	width: 200px;
}
p.laptop-promo {
	text-align: center;
	border-radius: 5px;
	background: #ff9317;
	color: white;
	padding: 20px;
	font-size: 1rem;
}
@media screen and (min-width: 1441px) and (max-width: 1900px) {
	header h1, header .phone {
		font-size: 28px;
		margin-top: 3px;
	}
	header {
		height: 75px;
	}
	.main-nav {
		padding-top: 6px;
	}
	.product-column {
		height: 600px;	
	}
	.product-column h3 {
		font-size: 22px;
	}
	.product-column p {
		font-size: 18px;
	}
	.vr-block h1 {
		font-size: 36px;
	}
	.framing-pro .vc_btn3-container.vc_btn3-inline.action-button {
		margin-right: 15px !important;
		margin-bottom: 15px !important;
	}
	.framing-pro .vc_btn3.vc_btn3-size-lg {
		padding-left: 3px !important;
		padding-right: 3px !important;
	}
}
@media screen and (min-width: 1601px) and (max-width:1680px) {
	.home-slideshow {
		background-position: 180% -28px;
	}
	.home-slideshow-text {
		font-size: 44px;
		padding-left: 60px;
		position: relative;
		left: 50px;
	}
	.home-slideshow-text p {
		margin-top: -140px;
	}
	.framing-pro .vc_btn3-container.vc_btn3-inline.action-button {
		margin-right: 15px !important;
		margin-bottom: 15px !important;
	}
	.framing-pro .vc_btn3.vc_btn3-size-lg {
		padding-left: 3px !important;
		padding-right: 3px !important;
	}
}
@media screen and (min-width: 1541px) and (max-width: 1600px) {
	.home-slideshow {
		background-position: 210% -28px;
	}
	.home-slideshow-text {
		font-size: 44px;
		position: relative;
		top: -30px;
		left: 30px;
		padding-left: 30px;
	}
	.framing-pro .vc_btn3-container.vc_btn3-inline.action-button {
		margin-right: 15px !important;
		margin-bottom: 15px !important;
	}
	.framing-pro .vc_btn3.vc_btn3-size-lg {
		padding-left: 3px !important;
		padding-right: 3px !important;
	}
}
@media screen and (min-width: 1501px) and (max-width: 1540px) {
	.home-slideshow {
		background-position: 245% -28px;
	}
	.home-slideshow-text {
		font-size: 40px;
		margin-top: -90px;
		padding-left: 0;
	}
	.framing-pro .vc_btn3-container.vc_btn3-inline.action-button {
		margin-right: 15px !important;
		margin-bottom: 15px !important;
	}
	.framing-pro .vc_btn3.vc_btn3-size-lg {
		padding-left: 3px !important;
		padding-right: 3px !important;
	}
}
@media screen and (min-width: 1441px) and (max-width: 1500px) {
	.home-slideshow {
		background-position: 325% -28px;
	}
	.framing-pro .vc_btn3-container.vc_btn3-inline.action-button {
		margin-right: 15px !important;
		margin-bottom: 15px !important;
	}
	.framing-pro .vc_btn3.vc_btn3-size-lg {
		padding-left: 3px !important;
		padding-right: 3px !important;
	}
	
}
@media screen and (min-width: 1200px) and (max-width: 1300px) {
	.home-slideshow-text {
		font-size: 30px;
		padding-left: 0;
		position: relative;
		left: -20px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.home-slideshow-text {
		font-size: 30px;
		padding-left: 60px;
	}
}
@media screen and (min-width: 1300px) and (max-width: 1440px) {
	.home-slideshow-text {
		font-size: 34px;
		margin-top: -150px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1440px) {
	header h1 {
		font-size: 26px;
		margin-top: 3px;
	}
	header .phone {
		font-size: 22px;
		margin-top: 3px;
	}
	header {
		height: 75px;
	}
	.main-nav {
		padding-top: 6px;
	}
	.product-column h3 {
		font-size: 19px;
	}
	.needs-margin {
		margin-bottom: 54px;
	}
	.product-column p {
		font-size: 18px;
	}
	.vr-block h1 {
		font-size: 36px;
	}
	.product-column {
		height: 520px;
	}
	.product-column p.needs-margin-1 {
		margin-bottom: 35px !important;
	}
	.product-column p.needs-margin-3 {
		margin-bottom: 51px;
	}
	.product-column p.more-info-1 {
		margin-bottom: 35px !important;
	}
	.home-slideshow {
		height: 375px;
	}
	.home-slideshow-text p {
		margin-top: -140px;
	}
	#bg_framing {
		background-size: contain;
		height: 473px;
	}
	#bg_essentials {
		background-size: contain;
		height: 507px;
	}
	.product-logo {
		width: 250px;
	}
	.product-description p {
		font-size: 12px;
	}
	.vc_btn3.vc_btn3-size-lg { 
		font-size: 13px !important;
		padding-top: 15px !important;
		padding-bottom: 15px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	footer {
		margin-top: 200px;
	}
	.home footer {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.footer-right {
		padding-top: 0;
	}
	.design-essentials footer {
		margin-top: 150px;
	}
	.footer-col p {
		font-size: 18px;
		line-height: 27px;
	}
	.framing-pro .vc_btn3-container.vc_btn3-inline.action-button {
		margin-right: 15px !important;
		margin-bottom: 15px !important;
	}
	.framing-pro .vc_btn3.vc_btn3-size-lg {
		padding-left: 3px !important;
		padding-right: 3px !important;
	}
}
@media screen and (max-width: 991px) {
	.home-slideshow {
		background-size: auto;
		height: 300px;
		background-position: -52px -27px;
	}
	.home-slideshow-text p {
		margin-top: 20px;
		text-shadow: white 0 0 5px;
		font-size: 30px;
		padding-left: 0;
	}
	.footer-left, .footer-right {
		text-align: center;
	}
	.contact-link {
		margin-left: 0;
		margin-bottom: 20px;
	}
	.footer-center {
		margin-top: 20px;
	}
	.footer-right {
		padding-top: 0;
		margin-top: 20px;
	}
	.vc_col-sm-3.product-column {
		width:50%;
		float: none;
		margin: 20px auto !important;
		height: auto;
	}
	.desktop-hero {
		display: none;
	}
	.phone-hero {
		display: block;
	}
	.vc_btn3-container.vc_btn3-inline.action-button {
		width: 100% !important;
	}
	.framing-pro .vc_btn3-container.vc_btn3-inline.action-button {
		width: 100% !important;
	}
	footer {
		margin-top: 0;
	}
	.inside-content {
		width: 85% !important;
		margin: 0 auto;
	}
	.sample-output .inside-content h2 {
		text-align: center !important;
	}
	#wprmenu_bar .menu_title a {
		color: white;
	}
	.vc_btn3-container.vc_btn3-inline  {
		width:100%;
		margin: 0 auto;
		float: none;
	}
	.hide-on-phones {
		display: none;
	}
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
	.home-slideshow {
		height: 330px;
	}
	.home-slideshow-text p {
		margin-top: -130px;
	}
	.main-nav li {
		padding: 0 5px;
		font-size: 18px;
	}
	header .phone {
		font-size: 18px;
	}
	header h1 {
		font-size: 22px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1120px) {
	header h1 {
		margin-top: 4px;
		font-size: 18px;
	}
	.main-nav li {
		font-size: 16px;
	}
}
@media screen and (max-width: 991px) {
	header {
		height: auto;
	}
	.logo, header .phone {
		text-align: center;
	}
	.main-nav {
		display: none;
	}
	#bg_expert, #bg_essentials, #bg_framing, #bg_plan {
		background-image: none;
		width: 85%;
		margin: 0 auto;
		float: none;
		height: auto;
	}
	.home footer {
		margin-top: 50px;
	}
	.vr-block h1, #seo_block h3 {
		font-size: 28px;
		margin-bottom: 20px;
	}
	.vr-block p strong, #seo_block p {
		font-size: 18px;
	}
	#home_products {
		margin-bottom: 0;
	}
	.home-slideshow-text {
		font-size: 40px;
	}
	.modal-dialog {
		font-size: 90%;
		top: 50px;
	}
}
@media screen and (min-width:400px) and (max-width: 768px) {
		

}
@media screen and  (max-width: 575px) {
		
	.home-slideshow {
		background-image: none;
	}

}

/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

					{ /* Place your styles here for all 'Retina' screens */ }

}