@import 'https://fonts.googleapis.com/css?family=Merriweather:400,900|Rye';
/*
font-family: 'Rye', cursive;
font-family: 'Merriweather', serif;
*/

body {
	font-family: 'Merriweather', serif;
	color: #201c13;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	background-color: #674f37;
	margin: 0;
	padding: 0;
	
}
.wrapper {
	background-image:url(../old-west-images/horseshoes.jpg);
	background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 1500px;
}
.page-bkgrd {
	background-image:url(../old-west-images/old-paper.jpg);
	background-repeat: repeat-y;
	background-color: #fcebc9;
	border-left: solid 5px #811e15;
	border-right: solid 5px #811e15;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(32,19,11,0.9);
-moz-box-shadow: 0px 0px 25px 0px rgba(32,19,11,0.9);
box-shadow: 0px 0px 25px 0px rgba(32,19,11,0.9);
}
/* header */
.cowboys {
	background-image:url(../old-west-images/header-photo.png);
	background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-left: -15px;
  margin-right: -15px;
}
.logo {
	text-align:center;
	}
.logo img {
	max-width: 50%;
	height: auto;
	padding-left: 8px;
	padding-bottom: 10px;
}

/* navigation */
.navbar-toggle {
	background-color: #fed304;
	margin-top: 3px;
	}
.navbar-toggle .icon-bar {
	background-color: #cd171f;
	}	
.navigation {
    border-radius: 24px;
    background-color: #790101;
	border: solid 3px #c43402;
	height: 46px;
	margin: 0 8px 15px 8px;
}
.navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
		background-color: #790101;
    }
.navbar .navbar-collapse {
	text-align: center;
	}
.navbar-nav>li>a {
	color: #fed304;
	font-weight: 700;
}
.navbar-nav>li:last-child>a {
	color: #fff;
	text-transform: uppercase;
}
.nav>li>a:focus, .nav>li>a:hover {
	background-color:transparent;
	color: #fe9d03;
	}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
		background-color: transparent;
		color: #fe9d03;
		border: 0;
	}
.dropdown-menu {
	background-color: #fed304;
	border: solid 3px #c43402; 
}
.dropdown-menu>li>a {
	font-size: 16px;
	}
.dropdown-menu>li>a:hover {
	background-color: #790101;
	color: #fe9d03; 
}

/* page styles */
h1 {
	font-family: 'Rye', cursive;
	font-size: 30px;
	line-height: 36px;
	margin: 0;
	padding: 0 0 20px 0;
	color: #790101;
	text-align:center;
}
h2 {
	font-family: 'Rye', cursive;
	font-size: 28px;
	line-height: 32px;
	margin: 0;
	padding: 0 0 10px 0;
	color: #333;
	}
h3 {
	font-size: 24px;
	line-height: 28px;
	margin: 0;
	padding: 0 0 10px 0;
	color: #790101;
	font-weight: 700;
	}
h4 {
	font-size: 20px;
	line-height: 24px;
	margin: 0;
	padding: 0 0 10px 0;
	color: #201c13;
	font-weight: 400;
	}
h4 a {
	color: #790101;
	text-decoration: none;
	}
h4 a:hover {text-decoration: none;}		
p {
	margin: 0;
	padding: 0 0 15px 0;
	line-height: 24px;
	}
p a {
	color: #790101;
	text-decoration: none;
	}
p a:hover {
	text-decoration: none;
}
.red-type {
	font-weight: bold;
	color: darkred;
}
.featured-price {
	font-size: 20px;
	text-align:center;
}
.model-list {
	font-weight: bold;
	text-align: center;
}
hr.style18 { 
  height: 30px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 1px 0 0 0; 
  border-radius: 20px; 
} 
hr.style18:before { 
  display: block; 
  content: ""; 
  height: 30px; 
  margin-top: -31px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 0 0 1px 0; 
  border-radius: 20px; 
}
.caption {
	font-size: 15px;
	font-family: 'Rye', cursive;
}
.instructions {
	padding-left: 60px;
	padding-right: 60px;
	margin-bottom: 30px;
}
.old-photo {
	text-align:center;
}
.old-photo img {
	margin-bottom: 10px;
}
img {
	max-width: 100%;
	height: auto;
}
a:hover img {opacity: 0.75;}
ul li, ol li {
	padding-bottom: 8px;
	}
.big-bullet-list {
	font-family: 'Rye', cursive;
	font-size: 20px;
	line-height: 32px;
	color: #333;
	margin-left: 30px;
	}
.big-bullet-list-2 {
	/*font-family: 'Rye', cursive;*/
	font-size: 18px;
	line-height: 23px;
	color: #333;
	margin-left: 15px;
}
blockquote {
	border-left: 0;
	padding: 0;
	margin: 0 0 10px 50px;
	font-size: 1em;
	}
.click-photo {
	font-family: 'Rye', cursive; 
	text-align:center; 
	font-size: 20px;
	}
.slogan {
	text-align:center;
	font-weight: 700;
	font-style: italic;
	font-size: 20px;
}
.signature {
	font-family: 'Mr Dafoe', cursive;
	font-size: 30px;
	line-height: 34px;
}
.thumbnail-photo {
	text-align:center;
}
.thumbnail-photo img {
	border: solid 3px #333;
	margin-bottom: 10px;
	}
.photo-no-border {
	text-align:center;
}
.photo-no-border img {
	margin-bottom: 15px;
	}
.store-button {
	text-align:center;
	font-family: 'Rye', cursive;
	font-size: 20px;
	margin: 15px auto;
	display: block;
	max-width: 500px;
	}
.store-button a {
	display: block;
	background-color: #fed204;
	border-radius: 24px;
	color: #000;
	border: solid 4px #980b00;
	text-decoration: none;
	padding: 10px;
	}
.store-button a:hover {
	background-color: #790101;
	border-radius: 24px;
	color: #fed304;
	border: solid 4px #c43402;
	text-decoration: none;
	}
.centered-text {
	text-align: center;
}
.button {
	display: block;
	text-align:center;
	font-size: 20px;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: solid 1px #980b00;
	border-bottom: solid 1px #980b00;
	margin-bottom: 10px;
}

.sale {
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	line-height: 28px;
}
.sale a {
	font-size: 20px;
	font-weight: normal;
	font-family: 'Rye', cursive;
	display: block;
	/*background-color: #fed204;
	border-radius: 24px;
	color: #000;
	border: solid 4px #980b00;*/
	text-decoration: none;
	padding: 10px;
	margin-bottom: 0;
}
.you-save {font-size: 16px;}

/* responsive video */
.responsive-video {
position: relative;
padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
padding-top: 25px;
height: 0;
}
 
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;
}

/* page sizes */
@media (max-width: 767px){
.navbar .navbar-nav {width: 100%}
.navbar-nav .open .dropdown-menu>li>a {
    color: #fed304;
	text-align:center;
}
.navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover {
	color: #fff;
	}
}
@media (min-width:768px) {
	.logo {
		margin-top: 50px;
		margin-bottom: 10px;
	}
	.navbar-nav>li>a {
		padding-bottom: 0;
		padding-top: 11px;
	}
	.navigation {
		margin-left: 10px;
		margin-right: 10px;
	}
	.big-bullet-list {font-size: 23px;}
	h1 {text-align:left;}
}

@media (min-width:992px) {
	.logo {
		margin-top: 250px;
		margin-bottom: 10px;
	}
	.logo img {
		max-width: 100%;
		width: 100%;
		}
		
	.navigation {
		margin-top: 300px;
		margin-right: 15px;
		margin-left: 0;
	}
}

@media (min-width:1200px) {
	.navigation {
		margin-top: 320px;
	}
	.navbar-nav>li>a {
		font-size: 21px;
		}
}

/*-- photo gallery --*/

.firearms a:hover img {
	opacity: 1.0;
}

.gallery-1, .gallery-2, .gallery-3, .gallery-4, .gallery-5, .gallery-6 {
	text-align:center;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 15px;
	/*overflow: visible;*/
	}
.gallery-1 img, .gallery-2 img, .gallery-3 img, .gallery-4 img, .gallery-5 img, .gallery-6 img {
	border: solid 1px #555;
	max-width: 100%;
	height: auto;
	position: relative;
	z-index: 10;
	}
	
.gallery-1 a:hover span, .gallery-2 a:hover span, .gallery-3 a:hover span, .gallery-4 a:hover span, .gallery-5 a:hover span, .gallery-6 a:hover span { 
  display:none;
  /*visiblity: hidden;*/
}

.gallery-1 a span, .gallery-2 a span, .gallery-3 a span { 
  	display:none; 
  	visibility: hidden;
	}
.gallery-4 a span, .gallery-5 a span, .gallery-6 a span { 
  	position:absolute; 
	visibility: hidden;
	}

.gallery img {
	max-width: 100%;
	height: auto;
	border: solid 1px #555;
}

.gallery {
	margin-top: 8px;
	overflow: visible;
	text-align:center;
}
.vert {
	margin-top: 8px;
	overflow: visible;
	text-align:center;
}

@media (min-width:768px) {
.gallery-1 a:hover span, .gallery-2 a:hover span, .gallery-3 a:hover span, .gallery-4 a:hover span, .gallery-5 a:hover span, .gallery-6 a:hover span { 
  display:block;
  width: 350px;
	top: 20px;
}

.gallery-1 a span, .gallery-2 a span, .gallery-3 a span { 
  	position:absolute; 
  	display:none;
	visibility: visible; 
  	top: -340px;
	left: 0;
	z-index: 100;
	}
.gallery-4 a span, .gallery-5 a span, .gallery-6 a span { 
  	position:absolute; 
  	display:none; 
	visibility: visible;
  	top: -340px;
	left: -355px;
	z-index: 100;
	}
	.payment img {
	margin-right: 10px;
	max-width: 91px;
	}		
}


@media (min-width:992px) {
.gallery-1 a:hover span, .gallery-2 a:hover span, .gallery-3 a:hover span, .gallery-4 a:hover span, .gallery-5 a:hover span, .gallery-6 a:hover span { 
  display:block;
  width: 450px;
	top: 20px;
}

.gallery-1 a span, .gallery-2 a span, .gallery-3 a span { 
  	position:absolute; 
  	display:none; 
  	top: -420px;
	left: 0;
	z-index: 100;
	}
.gallery-4 a span, .gallery-5 a span, .gallery-6 a span { 
  	position:absolute; 
  	display:none; 
  	top: -420px;
	left: -420px;
	z-index: 100;
	}		
	}


@media (min-width:1200px) {	
.gallery-1 a:hover span, .gallery-2 a:hover span, .gallery-3 a:hover span, .gallery-4 a:hover span, .gallery-5 a:hover span, .gallery-6 a:hover span { 
  display:block;
  width: 600px;
  top: 20px;
}
.gallery-1 a span, .gallery-2 a span, .gallery-3 a span { 
  	position:absolute; 
  	display:none; 
  	top: -420px;
	left: 0;
	z-index: 100;
	}
.gallery-4 a span, .gallery-5 a span, .gallery-6 a span { 
  	position:absolute; 
  	display:none; 
  	top: -420px;
	left: -600px;
	z-index: 100;
	}	
}

/* footer */
.edge {
	background-image:url(../old-west-images/bottom-edge.png);
	background-position: top;
	background-repeat: no-repeat;
	color: #fff;
	text-align:center;
	font-weight: 700;
	font-size: 14px;
	padding-top: 60px;
	padding-bottom: 50px;
}
.edge a {color: #fff;}
/*----back to top------*/
.back-to-top {
background: none;
margin: 0;
position: fixed;
bottom: 0;
width: 100%;
height: 40px;
z-index: 100;
display: none;
text-decoration: none;
color: #ffffff;
background-color: #000;
opacity: .75;
text-align:center;
} 
.back-to-top:hover {
	color: #afafaf;
} 
.back-to-top i { 
  padding-top: 4px;
  font-size: 30px;
}