/* Theme Name: James Rickards Project
Version: 1.0
Author: Big Apple Design Group
*/

@charset "utf-8";

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

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,800,800i');
@import url('fonts/fonts.css');
@import url('css/animation.css');
@import url('css/bootstrap.css');
@import url('css/tweetplugin.css');


/* Body
---------------------------------------------------------------*/
body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	margin: 0;
	padding: 0;
	background: #FFF;
	color: #000;
}



/* Formatting
-------------------------------------------------*/
.nopadding {padding: 0;}
.nopadding-left {padding-left: 0;}
.nopadding-right {padding-right: 0;}
.padding-left-home {padding: 0 0 0 70px;}

.img-adjust {width: 100%;}

hr {border-top: 1px solid #ccc;}

ol, ul {margin: 0 0 10px 20px; padding: 0;}

blockquote {
    padding: 10px 20px;
    margin: 0 0 21px;
    font-size: 14px;
    border-left: 5px solid #e7e7e7;
    font-style: italic;
}

.post-date {font-style: italic; font-size: 12px; color: #999;}

h1, h2, h3, h4 {line-height: 100%; margin: 0 0 15px 0; padding: 0;}

.meta {text-transform: uppercase; font-size: 12px; font-weight: bold;}

.breadcrumb {
    padding: 0px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #fff;
    -webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
			border-radius: 0px;
}


/* Bootstrap Additions
-------------------------------------------------*/

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-xs-5ths {
	width: 20%;
	float: left;
}
@media (min-width: 768px) {
.col-sm-5ths {
	width: 20%;
	float: left;
}
}
@media (min-width: 992px) {
.col-md-5ths {
	width: 20%;
	float: left;
}
}
@media (min-width: 1200px) {
.col-lg-5ths {
	width: 20%;
	float: left;
}
}						






/* Preloader
---------------------------------------------------------------*/
.loader-running .main {opacity: 0;}
.loader-running .coming-soon {opacity: 0;}
.loader {
	-webkit-pointer-events: none; 
	pointer-events: none; 
	-webkit-user-select: none; 
	   -moz-user-select: none; 
	        user-select: none; 
}

/*.loader-done .loader { display: none; }*/

.loader-inactive {display: none;}

.loader .loader-progress {
	background-color: #12569b; 
	position: fixed; 
	z-index: 2000; 
	top: 50%; 
	left: 0; 
	height: 6px; 
	overflow: hidden; 
	-webkit-transition: width 1s; 
	   -moz-transition: width 1s; 
	     -o-transition: width 1s; 
		    transition: width 1s;
}

.loader .loader-progress-inner {
	position: absolute; 
	top: 0; 
	left: 0; 
	right: -32px; 
	bottom: 0; 
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent)); 
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); 
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); 
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); 
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); 

	-webkit-background-size: 32px 32px; 
	   -moz-background-size: 32px 32px; 
		 -o-background-size: 32px 32px; 
			background-size: 32px 32px; 

	-webkit-animation: pace-stripe-animation 500ms linear infinite; 
	   -moz-animation: pace-stripe-animation 500ms linear infinite; 
		-ms-animation: pace-stripe-animation 500ms linear infinite; 
		 -o-animation: pace-stripe-animation 500ms linear infinite;
			animation: pace-stripe-animation 500ms linear infinite;
}

#success { border-color: #12569b; color: #12569b; }




/* Margins & Padding
---------------------------------------------------------------*/
.nopadding {padding: 0;}
.nopadding-left {padding-left: 0;}
.nopadding-right {padding-right: 0;}

.margin-bottom-50 {margin-bottom: 50px !important;}
.margin-top-50 {margin-top: 50px !important;}


/* Fullscreen Video
---------------------------------------------------------------*/
.home-slider iframe {
	width: 100%; 
	max-width: 100%; 
	height: 100%; 
	position: absolute; 
	top: 0px !important;
}

.video header {background: #FFF;}

/* The Header
-----------------------------------------------------------------*/
header {
	-webkit-background-size: cover; 
		    background-size: cover; 
	height: 100%; 
	-webkit-transition: ease-in-out; 
	   -moz-transition: ease-in-out; 
	     -o-transition: ease-in-out; 
		    transition: ease-in-out; 
	overflow: hidden;
}

header .full-screen {
	width: 100%; 
	height: 100%; 
	min-height: 1000px;
}

.no-background {background: none;}

/* Main Navigation
-----------------------------------------------------------------*/
.navbar-inverse .navbar-nav > li > a {
	color: #FFF;
	background: none;
	font-size: 17px;
	-webkit-transition: all 200ms ease-in-out 0s; 
	   -moz-transition: all 200ms ease-in-out 0s;
	        transition: all 200ms ease-in-out 0s; 	
}

.navbar-inverse .navbar-nav > li > a:hover {
	color: #f6bf00;
	background: none;
}

.nav > li.last > a {
	margin: 0; 
	padding-right: 0;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	max-height: 285px;
}

nav {
	width: 100%; 
	top: 0px; 
	z-index: 99; 
	padding-top: 25px; 
	padding-bottom: 10px; 
	-webkit-transition: all 400ms ease-in-out 0s; 
	   -moz-transition: all 400ms ease-in-out 0s;
	        transition: all 400ms ease-in-out 0s; 
}

.nav-transparent .logo-dark {display: none;}

.navbar-right {margin-right: -40px!Important;}

.logo-light { display: inline-block; float: none }
.logo-dark { width: 200px; }
.logo-white { width: 342px; }

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus,
.woocommerce-page .navbar-nav>li#menu-item-80>a {
	background: none; 
	color: #f6bf00;
}

.navbar-nav>li.active>a>span.indicator,
.woocommerce-page .navbar-nav>li#menu-item-80>a>span.indicator {display: inline-block;}
.navbar-nav>li>a>span.indicator {display: none;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	background: none!important; 
	border: 0!important;
}

.navbar-default {
	border: 0!important; 
	font-size: 17px; 
	font-weight: 800;
	text-transform: uppercase;
}

/* Internal Navigation
-----------------------------------------------------------------*/
nav.innerpages {
	background: #000 url('images/bg-nav.png') top center no-repeat;
}

nav.innerpages .logo-adjustment {
	padding-top: 20px;	
}

/* Main Navigation + Sticky / Shrink
-----------------------------------------------------------------*/
.shrink-nav { min-height: 80px; padding-top: 14px; border-bottom: 1px solid #e5e5e5; }
.shrink-nav .navbar-thebooks {display: none;}
.shrink-nav.nav-dark, 
.shrink-nav.nav-transparent { background: rgba(0, 23, 37, .6); border-bottom: 0;}
.shrink-nav .navbar-nav > li > a { color: #FFF; margin-top: 13px; }
.shrink-nav .nav > li > a:hover { color: #f6bf00; }

.sticky-nav { position: fixed; top: 0px; background: rgba(255, 255, 255, 0); min-height: 80px; }
.sticky-navigation .main-navigation li a { color: #FFF; line-height: 30px; font-weight: 400; font-size: 13px; text-transform: lowercase; max-height: 34px; letter-spacing: 0.5px; }
.shrink-nav .logo-light { display: none; }
.shrink-nav .logo-dark { display: inline-block; margin-top: 3px; }

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

#footer {background: #201f1d; padding: 30px 0; color: #FFF; font-weight:  500;}

.footer-social {margin: 0; padding: 0 0 20px 0; list-style: none;}

.footer-social li { display: inline-block; margin: 0 1.8%; }
.footer-social li i, .foot-line i { font-size: 30px; color: #f6bf00; display: inline-block; vertical-align: middle; }
.foot-line a {color: #FFF; background: none;}
.foot-line a:hover {color: #f6bf00;}

.scrollToTop { display: none; font-weight: bold; height: auto; padding: 0; position: fixed; right: 45px; text-align: center; text-decoration: none; top: 91%; width: auto; background-color: #161616; z-index: 9999; border-radius: 3px; border: 1px solid #000 }
.scrollToTop i { font-size: 18px; margin: 5px 8px 0; color: #FFF; }
.scrollToTop:hover { opacity: 0.5; }
.scrollToTop:hover i { position: relative; }
.scrollDownWrap { bottom: 40px; left: 0; margin: 0 auto; min-height: 41px; position: absolute; right: 0; text-align: center; width: 90px; z-index: 9; }
.scrollDown a { text-decoration: none; text-transform: uppercase; color: #fff; -moz-transition: color 500ms ease; -o-transition: color 500ms ease; -webkit-transition: color 500ms ease; transition: color 500ms ease; }
.scrollDown a:hover { color: #fff; -moz-transition: color 500ms ease; -o-transition: color 500ms ease; -webkit-transition: color 500ms ease; transition: color 500ms ease; }
.scrollDown i { display: block; margin: 0 auto; position: relative; -webkit-animation: iconFloat 0.8s infinite linear; -moz-animation: iconFloat 0.8s infinite linear; -ms-animation: iconFloat 0.8s infinite linear; -o-animation: iconFloat 0.8s infinite linear; animation: iconFloat 0.8s infinite linear; color: #000; padding: 0; color: #FFF; font-size: 45px; opacity: 0.7 }
.scrollDown:hover i { opacity: 0.3 }
.isotope, 
.isotope .portfolio-item, 
.isotope .post-item { -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -ms-transition-duration: .8s; -o-transition-duration: .8s; transition-duration: .8s; }
.scrollDown i:before { font-family: 'FontAwesome'; }


/* Headings
-----------------------------------------------------------------*/
h3, h1 {
	font-weight: 800;
	color: #000;
	background: none;
	margin: 15px 0 5px 0;
	padding: 0;
	text-transform: uppercase;
}

.regular-contents h1 {
	font-size: 24px;
	font-weight: 800;
	text-transform: uppercase;
	margin: 0 0 50px 0;
	padding: 0;
}

.table-news h1 {
	font-size: 24px;
	font-weight: 800;
	text-transform: uppercase;
	margin: 0 0 25px 0;
	padding: 0;
}



/* Home
-----------------------------------------------------------------*/
.home-hemmingway h3 {
	margin: 15px 0 5px 0;

}

.home-hemmingway p {
	font-weight: 500;
	font-size: 20px;
	line-height: 150%;
	margin: 0;
	padding: 0;
	max-width: 300px;
}

.home-hemmingway h3 a {
	color: #000;
	background: none;
}

/* Internal Page
-----------------------------------------------------------------*/
section.internal-page {
	width: 100%;
	margin: 0 auto;
}

.regular-contents p {
	font-weight: 600;
	font-size: 15px;
	line-height: 200%;
	margin-bottom: 50px;
}

.content-reduced {
	width: 100%;
	max-width: 85%;
}

.internal-page-adjustment {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	
}

.profile {
	margin-bottom: 25px;
}

.contact-links p {
	padding: 0 0 20px 0;
	font-size: 14px;
	font-weight: 600;
}

.contact-links p a {
	color: #000;
	font-weight: 600;
}

.blue {color: #00aeef;}

.mailing-list, .twitter-wrap {
	width: 100%;
	max-width: 80%;
	margin-bottom: 40px;
}

.twitter-inner {
	border: 1px solid #DDD;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
	min-height: 250px;
	padding: 25px;
	background: #f1f1f1;
}

/* News
-----------------------------------------------------------------*/
.table-news {
	border: 0;
	margin: 0 auto 25px 0;
	max-width: 95%;
}

.table-news tr, .table-news td, .table-news th  {
	border: 0!important;
	padding: 0;
}


.table-news p {
	font-size: 14px;
	font-weight: 600;
	line-height: 33px;
}


.frame {
  height: 160px; /*can be anything*/
  width: 160px; /*can be anything*/
  display: inline-block;
  vertical-align: top; /*not required*/
  position: relative;
}

.frame img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: transform .5s;
}

.frame img:hover {
	transform: scale(1.2);	
}


/* Shop Landing
-----------------------------------------------------------------*/
section.shop-page {
	width: 100%;
	margin: 0 auto;
	max-width: 1170px;
	padding: 0 0 0 100px;
}

.the-reviews {
	width: 100%;
	max-width: 75%;
}

.the-reviews p {
	font-size:  13px;
	line-height: 22px;
	font-weight: 400;
}

.shop-right {
	padding-bottom: 50px;
}

.shop-bottom {
	padding-bottom: 50px;
}

.shop-title {
	font-size: 13px;
	font-weight: 400;
	padding: 10px 0 0 0;
}

.shop-title a {
	color: #444;
	background: none;
	text-decoration: none;
}

.shop-rating {
	color: #f6bf00;
	font-size: 10px;
	padding: 5px 0;
}

.shop-price {
	color: #00aeef;
	font-size: 13px;
}

.shop-cart .btn-cart {
	font-size: 13px;
	text-transform: uppercase;
	background: #E9e9e9;
	color: #444;
	padding: 2px 8px;
	font-weight: 600;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
			border-radius: 8px;
}

.shop-cart .btn-cart:hover {
	background: #f6bf00;
	color: #444;
}

.shop-mobile {padding-bottom: 25px; border-bottom: 1px dotted #aaa; margin-bottom: 30px; }

.the-reviews-mobile {
	width: 100%;
	max-width: 100%;
}

.the-reviews-mobile h3 {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 400;
	margin: 0; 
	padding: 0;
}

.the-reviews-mobile p {
	font-size:  13px;
	line-height: 22px;
	font-weight: 400;
	font-style: italic;
	margin: 25px 0;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #00aeef!important;
    color: #fff;
	padding: 20px 80px!important;
	text-transform: uppercase;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;	
}

.woocommerce .quantity .qty {
	padding: 15px;
	width: 75px!important;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {color: #00aeef!important;}


/* Responsive
-------------------------------------------------*/
@media (max-width: 1100px) {}

@media (max-width: 991px) {}

@media (max-width: 767px) {
	body {font-weight: 400;}
	nav.navbar-mobile {padding: 15px 5px 10px 5px;}
	nav.navbar-mobile h2 {color: #FFF; text-transform: uppercase; font-weight: 600; font-size: 14px; margin: 0; padding: 0;}
	.navbar {margin-bottom: 0;}
	.navbar-brand {padding: 0 15px;}
	.margin-bottom-50 {margin-bottom: 50px !important;}
	.margin-top-50 {margin-top: 0px !important; padding: 20px 20px 20px 35px;}
	.shop-page  {padding-right: 20px!important;}
	.home-slider iframe {height: 80%;}
	.video-mobile iframe {width: 100%; float: left;}
	.hemmingway {padding-bottom: 25px; border-bottom: 1px dotted #aaa; margin-bottom: 30px; }
	.home-hemmingway {padding-right: 15px;}

	.text-left-mobile {text-align: left!important;}
	
	.scrollToTop {right: 25px;}
	
	.content-reduced {max-width: 100%; padding: 15px 0;}
	
	.regular-contents h1 {margin-bottom: 15px;}
	.regular-contents p {margin-bottom: 15px; font-weight: 400;}
	
	
	
	.shop-cart .btn-cart {font-size: 11px;}
	.shop-title {font-size: 12px;}
	
	section.shop-page {padding: 0;}
	
	
	.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
	.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
		background-color: #00aeef!important;
		color: #fff;
		padding: 20px !important;
		text-transform: uppercase;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;	
	}
	
	.woocommerce-loop-product__title {
		min-height: 40px;
	}
	
.mailing-list, .twitter-wrap {
	width: 100%;
	max-width: 100%;
	margin-bottom: 40px;
}	
}