/*
Theme Name: 	Perspcetive Mockups WP theme 2.0
Theme URI: 		http://www.perspectivemockups.com
Description: 	Perspcetive Mockups WP theme 2.0
Version: 		2013
Author: 		Blaz Robar
Author URI: 	http://www.BlazRobar.com
*/

/* =============================================================================
   General Styles
   ========================================================================== */
   body 		{ -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; background: #27292B;  font-size:14px; margin:0px; pading:0px; font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; overflow-x: hidden; }
   h1,h2,h3,h4,h5,h6 { font-weight: normal;   }
   h2			{ color: #fff; font-size: 20px; letter-spacing:-0.03em; font-weight: bold; margin: 0px; padding: 0px; margin-top: 20px; margin-bottom: 20px;  }
   h3			{ font-size: 16px; color: #9aa6ab; padding-bottom: 30px; line-height: 24px; font-weight: normal; letter-spacing:0px; }
   p  			{ font-size:14px; line-height:22px; color:#929da5; }
   ul 			{ margin: 0; padding: 0; }
   ol 			{ margin: 0; padding: 0; }
   li 			{ font-size:14px; line-height:22px; color:#929da5; margin-left: 20px;}
   img 			{ border: none; margin: 0px; padding: 0px; display: block;}
   
   a:link 		{ color:#227D5B; text-decoration: none; transition: color .25s ease-in-out; -moz-transition: color .25s ease-in-out; -webkit-transition: color .25s ease-in-out; font-weight: bold;} 
   a:visited 	{ color:#227D5B; text-decoration: underline; }
   a:hover 		{ color:#227D5B; text-decoration: underline; }
   a:active 	{ color:#227D5B; text-decoration: underline; }
   a:focus 		{ outline-style: none; }  

.twitter-tweet-rendered { width: 100%!important;}
#edd_checkout_form_wrap fieldset#edd_cc_fields {
background:none!important;
border:none!important;
}
/* =============================================================================
   Header
   ========================================================================== */ 
	#header 		     		{ margin-top: 60px; padding: 0px; }
	#header ul 			   	{ float: right; margin: 0px; padding: 0px; }
	#header ul li 			{ text-align: right; display: inline; font-size: 14px; font-family: 'Helvetica Neue', Helvetica; }
	#header ul li a 		{ color: #696969; margin-right: 25px; text-decoration: none; transition: color .25s ease-in-out; -moz-transition: color .25s ease-in-out; -webkit-transition: color .25s ease-in-out; }
	#header ul li a:hover 	{ color: #fff; text-decoration: none; }
	a.button-green 		    	{ clear:both; margin-bottom:20px; border-radius:3px; background: #227D5B; padding: 15px 25px 15px 25px; text-align: center; color: #fff; font-weight: bold; font-size: 16px; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out; }
	a.button-green:hover 	  { background: #0e5d40; cursor: pointer; text-decoration: none;}
  a.button-green-2         { letter-spacing:0px; clear:both; margin-bottom:20px; border-radius:3px; background: #227D5B; padding: 15px 25px 15px 25px; text-align: center; color: #fff; font-weight: bold; font-size: 16px; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out; }
  a.button-green-2:hover    { background: #0e5d40; cursor: pointer; text-decoration: none;}
	.red-tag				{ border-radius:3px; background: #E36D6B; padding: 5px 7px 5px 7px; text-align: center; color: #fff; font-weight: bold; font-size: 11px; text-transform: uppercase; }
	.home 					{ float: right; }


/* =============================================================================
   Home Page Styles
   ========================================================================== */ 
  #wrap 			{ position: relative;  }
  #title			{ color: #fff; font-size: 65px; letter-spacing:-0.03em; line-height:64px; padding-top: 120px;  font-weight: bold; clear: both; }
	#title h2 		{ font-size: 18px; color: #9aa6ab; padding-top: 20px; line-height: 24px; font-weight: normal; clear: both; letter-spacing:0px; }
	#text1 			{ text-align: left; }
	#text2 			{ text-align:right; }
	#text3 			{ text-align: left; margin-bottom: 760px; }
	#swatch 		{ margin: 0px; padding: 0px; }
	#ui				{ margin-top: 50px; }
	#ui-frame		{ margin-left: auto; margin-right: auto;  background: url(images/ui.jpg) no-repeat center top; width: 339px; height: 462px;}
	
	.clear230				{ clear: both; height: 130px; }
	.clear330				{ clear: both; height: 330px; }
	.background-1 			{ position: absolute; top:250px;  float: right; z-index: -99999999; width: 100%; }
	.background-2 			{ z-index: -99999999; position: absolute; margin-top: 80px; margin-bottom: 80px; }
	.cycle-slideshow 		{ width: 265px; height: 200px; overflow: hidden; top:-150px; margin-left: 35px;}
	.cycle-slideshow img 	{ padding-left: 20px;}
	.cycle-pager			{ margin-top: -160px; margin-left: 107px; z-index: 9999999; position: relative; margin-right: 35px;}
	.cycle-pager span		{ background: url(images/dot.jpg) center top no-repeat; width: 9px; height: 9px; margin-right: 5px; overflow: hidden; text-indent: -9999999px; display: block; float: left;}
	.cycle-pager span:hover	{ cursor: pointer;}
	.cycle-pager span.cycle-pager-active	{ background: url(images/dot-over.jpg) center top no-repeat; width: 9px; height: 9px; }
	.left					{ text-align: right; float: left; margin-top: 140px; padding-left: 80px;}
	.right					{ text-align: right; float: left; margin-top: 180px; } 
	.cycle-pager .input 	{ border: none; outline: none; background: none; width: 20px; padding: 10px; color: #fff; margin-left: 243px; margin-top: -115px;}

	.support_row			{ margin-top: 60px; }
	.support_row  h2	{ font-size: 26px; margin-top: 0px;}
  .sidebar h2 { margin-top: 0px; }

	.footer h2	{ text-align: left; line-height: 28px; font-size: 14px; color: #9aa6ab; padding-top: 20px; padding-bottom: 50px; font-weight: normal;}
	.footer     { margin-top: 50px;}


/* =============================================================================
   Checkout Styles & Input styles
   ========================================================================== */
   #edd_checkout_form_wrap fieldset { margin:0px; padding: 0px; border: none;}
   #edd_checkout_form_wrap span.edd-description, #edd_checkout_form_wrap legend { display: none;}
   #edd_checkout_form_wrap #edd-login-account-wrap, #edd_checkout_form_wrap #edd-new-account-wrap, 
   #edd_checkout_form_wrap #edd_show_discount, #edd_checkout_form_wrap #edd-discount-code-wrap, 
   #edd_checkout_form_wrap #edd_final_total_wrap
                              { padding: 0px; border: none; background: none; margin-top: 20px; font-size: 20px;}
   .edd-submit.button         { width:200px; text-shadow: none;border:none; background: #227D5B; border-radius:3px; padding: 12px 18px 12px 18px; margin-top: 13px; height: 60px;  -webkit-box-shadow:none; text-decoration: none; font-weight: bold; color: #fff;
                                font-size: 14px; font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out; }
   .edd-submit.button :hover  { background: #E36D6B!important; }


input.edd-submit.button, a.edd-submit.button, a.edd-submit.button:visited, .edd-submit.button, .edd-submit.button.gray { background: #227D5B!important; border:none!important;  font-weight: bold!important; color: #fff!important;
                                font-size: 14px; font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif!important;   }

   input[type="text"],input[type="password"] ,input[type="email"]   { height:25px; margin-bottom:10px; padding: 15px; padding-left: 17px; background: #fff; outline: none; border:1px solid #EEEEEE; font-size: 13px; color: #929da5; float: left;  margin-right: 20px;}
   input.sign-in                                { width: 100%;}
   input label                                  { float: left; margin-right: 10px; }
   a.login                                      { font-size: 12px; line-height: 22px; color: #45B0AF; }
   a.login:hover                                { text-decoration: none; color: #929da5;}
   .button                                      { background: #227D5B; border-radius:3px; padding: 19px 40px 19px 40px;  text-align: center;
                                                  text-decoration: none; font-weight: bold; color: #fff; font-size: 14px; outline: none; border: none;  transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out;
                                                  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;}
   .button:hover                                { cursor: pointer; background: #ef7b47;}        
   #edd_checkout_form_wrap input[type="text"], #edd_checkout_form_wrap input[type="email"], #edd_checkout_form_wrap input[type="password"]  
   { height:25px; margin-bottom:10px; padding: 15px; padding-left: 17px; background: #fff; outline: none; border:1px solid #EEEEEE; font-size: 13px; color: #929da5; float: left;  margin-right: 20px;}            
   #edd_checkout_form_wrap label { clear: both;}
    #edd_checkout_cart td { background: none;  color: #9aa6ab;}
   #edd_checkout_form_wrap {
   margin-top: 30px;
}

#edd_show_discount{ margin-top: 0px!important; font-size: 23px!important;}

.edd_download_file a { display: block; background: #227D5B; border-radius:3px; padding: 19px 40px 19px 40px;  text-align: center; color: #fff; width: 200px; margin-top: 20px;}

#edd_checkout_cart th {
  background: #3a3a3a!important;
  padding: 20px!important;
  color: #fff!important;
  -webkit-font-smoothing: antialiased;

}
table td { color: #fff;}

#edd_checkout_cart th, #edd_checkout_cart td, #edd_checkout_cart, #edd_purchase_form legend {
  border: none!important;
  color: #9aa6ab;
}
table#edd_purchase_receipt_products td, table#edd_purchase_receipt_products th, table#edd_purchase_receipt td, table#edd_purchase_receipt th { color: #9aa6ab;}

#edd_purchase_final_total, .edd-cancel {
  display: none;
}

#edd_purchase_form legend {
  font-size: 18px;
  color: #ebebeb;
  text-transform: uppercase;
  line-height: 29px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400!important;
}
#edd_checkout_form_wrap label { margin-bottom: 10px; padding-top: 20px;}
#edd_checkout_form_wrap input[type="checkbox"] { display: none;}
#edd_checkout_form_wrap #edd-login-account-wrap, #edd_checkout_form_wrap #edd-new-account-wrap, #edd_checkout_form_wrap #edd_show_discount, #edd_checkout_form_wrap #edd-discount-code-wrap, #edd_checkout_form_wrap #edd_final_total_wrap { margin-top: -30px; color: #fff; font-size: 30px;}

/* =============================================================================
   Affiliates Styling
   ========================================================================== */  
   #edd_user_commissions              { color: #fff; margin-top: 30px; margin-bottom: 30px;}
   #edd_user_commissions_unpaid_total, 
   #edd_user_commissions_paid_total   { font-size: 25px; margin-top: 20px; padding-top: 20px; padding-bottom: 20px; border-top:1px solid #696969; border-bottom:1px solid #696969;}
   #edd_user_commission_row, .edd_user_commissions   { color: #9AA6AB; text-align: left;  margin-right: 20px;}
   th.edd_commission_amount, th.edd_commission_rate, td.edd_commission_amount, td.edd_commission_rate  { width:15%; font-size: 12px; color: #9AA6AB;}
   th.edd_commission_date, th.edd_commission_item, td.edd_commission_date,  td.edd_commission_item     { width:60%; font-size: 12px; color: #9AA6AB;} 


/* =============================================================================
   Form Styles
   ========================================================================== */    
   body .gform_wrapper .gform_body              { margin: 0px; padding:0px; }
   body .gform_wrapper .gform_body   li         { list-style: none; }
   body .gform_wrapper .gform_body  .gfield_required  { display: none; }
   fieldset { border: none; padding: 0px; }
#edd_checkout_form_wrap input.edd-input.required, #edd_checkout_form_wrap select.edd-select.required,
#edd_checkout_form_wrap input[type="text"], #edd_checkout_form_wrap input[type="email"], #edd_checkout_form_wrap input[type="password"]
 { font-size: 18px; color: #9aa6ab;font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; }

/* =============================================================================
   small / mobile media query
   ========================================================================== */
   @media only screen and (min-width: 320px) and (max-width: 767px)  {	
   #swatch 					{ margin: 0px; padding: 0px; margin-top: 40px; }
   .background-1 			{ position: absolute; left: -150px; top:550px;  float: right; z-index: -99999999; width: 800px; }
   .background-2 			{ z-index: -99999999; position: absolute; margin-top: 80px; }
   #toolbar			    	{ margin-top: 230px; }
   #text1      				{ margin-top: 290px; }
   }
   

/* =============================================================================
   medium / tablet media query
   ========================================================================== */ 
   @media only screen and (min-width: 768px) and (max-width: 1023px)  {
  

   }
   
     
/* =============================================================================
   large / desktop media query
   ========================================================================== */
   @media only screen and (min-width: 1024px) {
  #toolbar		{ margin: 0px; padding: 0px; margin-top:-20px; margin-right: 20px; }
   
   }
   

/* =============================================================================
   End of CSS file
   ========================================================================== */