/*
Theme Name:         Reverie
Theme URI:          http://themefortress.com/reverie/
Description:        Reverie is a versatile HTML5 responsive WordPress framework based on ZURB's Foundation.
Version:            3.0.0
Author:             Zhen Huang
Author URI:         http://themefortress.com/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Customized Adjustments of Foundation for WordPress
:: Styling Basic WordPress Outputs
:: Customize Foundation Style Pagination for WP-Pagenavi
:: Customize for BuddyPress
:: Your Customized Style
*/

/* ---------------------------------------------------
   Customized Adjustments of Foundation for WordPress
--------------------------------------------------- */
 
	/* Foundation-specific presentation CSS by ZURB */
	
	@media handheld, only screen and (max-width: 767px) {
	header { position: relative; }
	header .subheader { margin-bottom: 0; }
	header .menu-action { float: left; position: relative; top: 1px; margin-top: -12px; }
	header .menu-action .button.small { padding: 8px; }
	header .menu-action .button.small svg { opacity: 0.5; }
	header h1 { font-size: 27px; font-size: 2.7rem; margin-bottom: 18px; }
	header h4 { font-size: 17px; font-size: 1.7rem; }
	}

/* -----------------------------------------
   Styling Basic WordPress Outputs
----------------------------------------- */
	
	body {font-family:Verdana, Geneva, sans-serif;}
	
	/* Global */
	h1, h2, h3, h4, h5 {font-family: 'din_mediumregular', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; font-weight: 300; text-transform:uppercase;}
	h3, h4, h5 {font-family: 'dinlight', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; font-weight: 300; text-transform:uppercase;}	
	
	/* Add Divider for Listed Posts */
	.divider { background:url(../images/divider.png) no-repeat center top; height:36px; margin:20px 0 27px; clear:both;}	
	
	/* Add Class for Images */
	img.alignright { float: right; margin: 0 0 18px 18px; }
	img.alignleft { float: left; margin: 0 18px 18px 0; }
	img.aligncenter { display: block; margin: 18px auto; }
	
	/* Add HTML5 Class for Images */
	figure img {
	height: auto;
	border: 1px solid #DDD;
	margin: 0 auto;
	display: block;
	box-shadow: 0px 2px 10px #ddd;
	-moz-box-shadow: 0px 2px 10px #ddd;
	-webkit-box-shadow: 0px 2px 10px #ddd;
	border-image: initial;
	}
	
	/* Add HTML5 Caption Class for Images */
	figure.figure {	margin: 0 auto;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; display: inline-block; }
	figure.figure figcaption { padding: 8px 10px; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #555; }
	figure.alignright.figure { float: right; margin: 0 0 18px 18px; }
	figure.alignleft.figure { float: left; margin: 0 18px 18px 0; }
	
	/* Sidebar Adjustment */
	.sidebar-section { padding-bottom: 10px; padding-top: 20px;	font-size: 13px; font-size: 1.3rem; font-weight: normal; }
	
	/* Footer Nav */
	.footer-section { padding-bottom: 10px; padding-top: 20px; font-size: 13px; font-size: 1.3rem; font-weight: normal; }
	.footer-nav li { display: block; float: right; padding-left: 3%; margin-bottom: 0; }
	
	/* Breadcrumb Adjustment */
	ul.breadcrumbs li span { padding-left: 3px; }
	ul.breadcrumbs li a { padding-left: 0; }
	
	/* Comment Textarea Adjustment */
	#respond textarea { height: 100px; }	

/*  -------------------------------------------------------
    Adjust Foundation 3 Pagination Style for WordPress
    ---------------------------------------------------- */ 
    
    ul.page-numbers { display: block; height: 24px; margin-left: -5px; }
    ul.page-numbers li {float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; }
    ul.page-numbers li a { display: block; padding: 1px 7px 1px; color: #555; }
    ul.page-numbers li:hover a, ul.page-numbers li a:focus { background: #e6e6e6; }
    ul.page-numbers li.unavailable a { cursor: default; color: #999; }
    ul.page-numbers li.unavailable:hover a,ul.page-numbers li.unavailable a:focus { background: transparent; }
    ul.page-numbers li span.current { background: #2ba6cb; color: #fff; font-weight: bold; cursor: default; display: block; padding: 1px 7px 1px; }    
    

	
/*  --------------------------
    Your Customized Style
    ----------------------- */
	ul.standard li {list-style-type:square; margin-bottom:10px;}
	ol {font-weight:bold;}
	ol span {font-weight:normal;}
	ol li {margin-bottom:10px;}
	
	.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}
	 
	.clearfix {
		display: inline-block;
	}
	 
	html[xmlns] .clearfix {
		display: block;
	}
	 
	* html .clearfix {
		height: 1%;
	}
	
	.clear-both {clear:both;}
		
	@font-face {
		font-family: 'din_mediumregular';
		src: url('../fonts/din_medium-webfont.eot');
		src: url('../fonts/din_medium-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/din_medium-webfont.woff') format('woff'),
			 url('../fonts/din_medium-webfont.ttf') format('truetype'),
			 url('../fonts/din_medium-webfont.svg#din_mediumregular') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
	
	@font-face {
    font-family: 'dinlight';
    src: url('../fonts/din-light-webfont.eot');
    src: url('../fonts/din-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-light-webfont.woff') format('woff'),
         url('../fonts/din-light-webfont.ttf') format('truetype'),
         url('../fonts/din-light-webfont.svg#dinlight') format('svg');
    font-weight: normal;
    font-style: normal;
	}

	.logo img {border:none;}
	.button {background:#00080f; border:none;  -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; font-family: 'din_mediumregular'; text-transform:uppercase; font-weight:300; padding:15px 25px 15px 25px;}
	.button:hover {background-color:#091e33;}
	.button.primary {
-webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
box-shadow: inset 1px 1px 0px 0px #ffffff;		
	padding:13px 30px 15px 30px;
	-webkit-border-radius: 8px; border-radius: 8px; background: #ffeb63; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffeb63 0%, #ffad25 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffeb63), color-stop(100%,#ffad25)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffeb63 0%,#ffad25 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffeb63 0%,#ffad25 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffeb63 0%,#ffad25 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffeb63 0%,#ffad25 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeb63', endColorstr='#ffad25',GradientType=0 ); /* IE6-9 */
	border:1px solid #000; color:#000;}
	
	.button.primary:hover {background-color:#e7ba4d;}
	.divider {background:url(../images/divider.jpg) bottom center no-repeat; height:2px; margin:15px 0 0 0; padding:0px;}
	.row .row {margin:0px; width:940px;}
	.intro h2 {font-size:21px; margin-top:0px; line-height:1.4; font-family: 'dinlight';}
	.badge {margin-top:20px !important;}
	.has-error .help-block {color:#ff0000; display:inline-block;}
	
	.medium-sans {font-family: 'din_mediumregular';}
	.light-sans {font-family: 'dinlight';}

	/*.header-wrap {width:100%; background-color:#00080f; padding-top:15px;}*/
	.header-wrap {width:100%; padding-top:15px;}
	.nav-bar {border:none; background-color:#00080f; margin-bottom:0px; font-family: 'din_mediumregular'; text-transform:uppercase; margin-top:0px;}
	.nav-bar li, .nav-bar > li, .nav-bar > li:last-child {border:none;  -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; line-height:40px;}
	.nav-bar > li.active, .nav-bar > li.active:hover, .nav-bar li:hover {border:none; background-color:#00080f;}
	.nav-bar > li > a:first-child {font-size:13px; padding:0 10px;}
	.nav-bar > li > a:first-child:hover {color:#209649;}
	.nav-bar > li.active > a {color:#209649;}
	.nav-bar > LI {border:none !important;}

	ul.flyout {background-color:#00080f; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; padding:0px; border:none; top:40px;}
	ul.flyout li, .nav-bar li ul li {border:none; border-top:1px solid #091e33;}
	ul.flyout li a, .nav-bar li ul li a {border:none; background-color:#00080f; font-size:11px; margin:0px; color:#eee;  -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
	ul.flyout li a:hover, .nav-bar li ul li a:hover {border:none; margin:0px; background-color:#209649; color:#fff;}
	ul.flyout li:hover {border-top:1px solid #091e33;}
	ul.flyout li.active, .nav-bar li ul li.active {border:none;}
	ul.flyout li.active a, .nav-bar li ul li.active a {background-color:#209649; color:#fff; border:none;}

	/*  Home  */
	.home h1 {font-size:36px; margin:30px 0; padding-left:15px; padding-right:15px;}
	.home h2 span {color:#415eb1;}
	.home h2 {margin-top:35px; text-align:center; font-size:28px;}
	.home .intro h2 {margin-top:10px; margin-bottom:18px; text-align:left; font-size:22px;}
	.home .button.primary {font-size:15px; padding:20px 10px; margin-top:18px; width:90%; -webkit-box-shadow:0px box-shadow:0px; border:none; -webkit-border-radius: 0px; border-radius: 0px; }
	.home .link-list {margin:25px 11.5% 25px 11.5%; font-family: 'dinlight'; text-align:center; text-transform:uppercase;}
	.home .link-list li {width:30%; background-color:#373737; margin-left:5%;
	-webkit-transition:1s ease;
    -moz-transition:1s ease;
    -ms-transition:1s ease;
    -o-transition:1s ease;
    transition:1s ease;}
	.home .link-list li a {color:#fff; font-size:14px; display:block;  padding:85px 15px 15px 15px;}
	.home .link-list li.icon-one {background:#373737 url(../images/home-icon1.png) center 20px no-repeat;}
	.home .link-list li.icon-two {background:#373737 url(../images/home-icon2.png) center 20px no-repeat;}
	.home .link-list li.icon-three {background:#373737 url(../images/home-icon3.png) center 20px no-repeat;}
	.home .link-list li.icon-four {background:#373737 url(../images/home-icon4.png) center 20px no-repeat;}
	.home .link-list li:hover {border:1px solid #00080f;}
	.home .link-list li:first-child {margin-left:0%;}
	.home .quote {line-height:2; margin-top:25px; clear:both; padding:25px 0 25px 50px; text-align:center;  font-family: 'dinlight'; font-size:18px; background:url(../images/quotes.png) 15px 30px no-repeat;}
	.home  .quote span {display:block; font-weight:bold;}
	.home .cta {padding-bottom:50px; text-align:center;}
	.home .cta .button.primary {width:400px;}
	.home img.aligncenter {margin-top:12px;}
	.home .quote {text-align:left;}

	
	/*  Pro Trader  */
	.professional-trading-firms footer {margin-top:100px;}

	/*  1-1  */
	.one-to-one-cta {padding-bottom:100px;}
	
	/*  Footer  */	
	footer {background-color: #00080f; padding:10px 0; text-align:center;}
	footer a {text-decoration:underline;}
	.copyright {color:#fff; font-size:11px; margin:20px 0; display:block; text-transform:uppercase;}
	.disclaimer {color:#808487; font-size:11px; text-align:left;}

	/*  Standard page  */	
	#standard-template h1 {font-size:30px; margin:30px 0px; padding:0 15px; text-align:center;}
	#standard-template h2 {font-size:34px; text-align:center; margin:30px 0px; padding:0 15px;}
	#standard-template .intro h3 {font-family:Verdana, Geneva, sans-serif; text-align:center; font-size:16px; line-height:1.4; text-transform:none; text-align:left; font-weight:normal;}
	#standard-template h3 {font-family: 'din_mediumregular'; display:block; font-size:16px; margin-bottom:5px;}
	#standard-template .quote {line-height:2; margin-top:25px; clear:both; padding:25px 0 25px 50px; text-align:left; font-family: 'din_mediumregular'; font-size:18px; background:url(../images/quotes.png) 15px 30px no-repeat;}
	#standard-template .centerquote {text-align:center; padding-right:50px;}
	#standard-template .quote span {display:block; font-family: 'dinlight';}
	#standard-template .left {padding-left:0px;}
	#standard-template .right {padding-right:0px;}
	#standard-template .intro {font-size:16px; line-height:1.4; color:#000; font-family:Verdana, Geneva, sans-serif; font-weight:normal;}
	#standard-template .six .intro {margin-bottom:20px;}
	#standard-template .intro span {}
	/*  pro-training-page  */
	#standard-template .cta {text-align:center; margin-bottom:50px; margin-top:25px;}
	#standard-template .cta	.button {float:right; margin-right:5px;}
	#standard-template .cta	.tour {float:left; padding-left:50px; padding-right:50px; color:#fff;}
	#standard-template .cta	a.link {float:left; color:#415eb1; text-decoration:underline; margin-top:11px; margin-left:45px;}
	#standard-template .fear {margin-top:60px;}
	#standard-template .six p {margin-bottom:25px;}
	#standard-template .ded-intro {margin-top:30px;}
	#standard-template .pro-intro {margin-top:15px;}
	#standard-template a {color:#415EB1;}
	#standard-template .primary {color:#000;}
	
	/*  About Us  */	
	.aboutus h1 {display:none;}
	.aboutus #standard-template h2 {text-align:left; font-size:28px; padding-left:0px;}
	.aboutus .nofloat {float:none;}
	.aboutus footer {margin-top:50px;}
	.aboutus ol {margin-bottom:25px;}
	
	/*  Pro Training Program  */
	.professional-training-program #standard-template h1 {font-size:36px;}
	.professional-training-program #standard-template h2 {font-size:30px;}

	/*  Contact Us  */
	.contact-us #main {margin-top:40px;}
	.contact-us .address {margin-top:14px;}
	.contact-us .address address {font-style:normal; line-height:1.6;}	
	.contact-us h1 {display:none;}
	

	/*  FAQ  */
	.faq #standard-template .cta .button {float:none;}
	.faq h3 {padding-top:15px;}
	
	/*  Payment  */
	.payment {margin-top:50px !important;}
	.payment .small-badge {margin-top:-20px;}
	.payment .formbox {-webkit-border-radius:4px; border-radius:4px; border:1px solid #e0e0e0; width:100%; padding-bottom:15px; margin-top:25px;}
	.payment .formbox h4 {margin:0 0 20px 0; font-family:Verdana, Geneva, sans-serif; padding:15px; font-weight:bold; text-transform:none; font-size:14px; border-bottom:1px solid #e0e0e0; background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #ebebeb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f7f7f7 0%,#ebebeb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#ebebeb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f7f7f7 0%,#ebebeb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
	}
	
	.payment .formbox label {margin-bottom:7px;}
	.payment .formbox select {border: 1px solid #CCCCCC; -webkit-border-radius:2px; border-radius:2px; padding:6px; margin-top:0px;}	
	.payment .credit-cards {margin-bottom:25px;}
	.payment .credit-card-text {display:inline-block; vertical-align:top; margin:4px 0 0 5px; color:#4D4D4D;}
	.payment .pay-options .has-error .help-block, .payment .card-options .has-error .help-block {margin-top:2px;}
	.payment .card-options select {margin-bottom:12px;}
	#standard-template.payment .button {float:none;}
	.cvc img {margin-bottom:10px;}
	.cvc .left-card {width:45%; float:left;}
	.cvc .right-card {width:45%; margin-left:10%; float:left;}
	.payment .small {font-size:11px; margin-top:10px;}
	.terms {height:300px; overflow:scroll; overflow-x: hidden; padding-right:20px; margin-right:-18px;}
	.terms p {font-size:11px;}
	
	/* Validation messages */
	.payment ul.inputs {list-style: none;}
	.has-error .help-block {position:relative; float:none; left:0; top:-5px; margin-bottom:10px; width:100%;}
	.pay-options .has-error .help-block {
		float: none;
		top: -26px;
		left: 15px;
		width: 400px;
		position:absolute;
	}
	#country + .help-block {
		top:5px;
	}
	#card_num + .help-block, #card_cv + .help-block, #card_type + .help-block, #month + .help-block, #year + .help-block {
		float: none;
		position: relative;
		top: 0;
		left: 0;
		width: 150px;
		height: 50px;
		margin-bottom:20px;
	}
	.pay-options label .has-error .help-block {
		color: #000;
	}
	#method + .help-block {
		float: none;
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		height: 50px;
	}
	#terms1 + .help-block {
		float: none;
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		height: 30px;
	}
	#terms2 + .help-block {
		float: none;
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		height: 30px;
	}
	#terms3 + .help-block {
		float: none;
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		height: 30px;
	}
	#signature + .help-block {
		float: none;
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		height: 30px;
	}
	
	/*  Order Confirmation  */	
	.order-confirmation h1 {display:none;}
	.order-confirmation #standard-template h2 {font-size:30px;}
	.order-confirmation footer {margin-top:100px;}

	/*  Payment Confirmation  */	
	.payment-confirmation h1 {display:none;}
	.payment-confirmation #standard-template h2 {font-size:30px;}
	.payment-confirmation footer {margin-top:100px;}

	/*  Order failed  */		
	.order-failed #main {text-align:center;}
	.order-failed footer {margin-top:200px;}
	
	@media only screen and (max-width: 960px) {
	.home .link-list li {width:49%; border:1px solid #e6e9ee; margin-left:2%; margin-bottom:10px;}
	.row .row {width:100%;}
	}

	@media only screen and (max-width: 767px) {
	.home h1 {font-size:36px;}
	.home .link-list li:nth-child(3) {margin-left:0%;} 
	.home .button.primary, .home .cta .button.primary  {width:100%;}
	.nav-bar li, .nav-bar li, .nav-bar > li.active, .nav-bar > li.active:hover, .nav-bar li:hover  {border-top:1px solid #091e33;}
	ul.flyout {top:0px;}
	ul.flyout li, .nav-bar li ul li {border:none;}
	#standard-template .cta .button {width:100%;}
	#standard-template .cta	.tour {}
	#standard-template .cta a.link {float:none;}
	.has-error .help-block, .payment #address + .help-block {position:relative; float:none; left:0; top:-5px; margin-bottom:10px; width:100%;}
	.payment #country + .help-block {top:5px;}
	}


#custompage body {
	font-family:Arial;
	font-size:16px;
	}	

#custompage h1{
	display:none;
	}

#custompage h2{
	font-family:Arial;
	font-weight:bold !important;
	font-size:30px;
	margin:40px auto;
	}

#custompage h3{
        color:#011495;
	font-family:Arial;
	font-weight:bold !important;
	font-size:24px !important;
	margin:20px auto;
	}

#custompage h2{ color:#011495;} 
#custompage p{
	font-size:16px !important;
	}

		
#custompage a.btn456{
  -webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
  box-shadow: inset 1px 1px 0px 0px #ffffff;
  padding: 13px 30px 15px 30px;
  -webkit-border-radius: 8px;
font-weight:bold;
  border-radius: 8px;
  background: #ffeb63;
  background: -moz-linear-gradient(top, #ffeb63 0%, #ffad25 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffeb63), color-stop(100%,#ffad25));
  background: -webkit-linear-gradient(top, #ffeb63 0%,#ffad25 100%);
  background: -o-linear-gradient(top, #ffeb63 0%,#ffad25 100%);
  background: -ms-linear-gradient(top, #ffeb63 0%,#ffad25 100%);
  background: linear-gradient(to bottom, #ffeb63 0%,#ffad25 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeb63', endColorstr='#ffad25',GradientType=0 );
  border: 1px solid #000;
  color: #000;
  -webkit-appearance: none;
}


@media all and (max-width: 600px) {
#custompage a.btn456{
display:block;
padding-left:10px;
padding-right:10px;
}
}

ul.check {list-style:none;}
ul.check li {
background:url('') no-repeat left center transparent;
padding:5px 0 5px 40px; 
font-weight:bold;
  font-size: 16px;
}

