/*   
Theme Name: Shank Patrol Theme
Theme URI: https://shankpatrol.com
Description: Custom Theme template for Shank Patrol by Precision Ag 360, Hancock, MN
Author: Susan Belanger
Author URI: http://creativelyewe.com
Version: 0.0.1
 */

@media screen  { 

* { margin: 0; padding: 0; }
body { background: white; font: 14px/1.4 Georgia, Serif; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

/* CSS Document for Screens */


body	{ 
	font-family:'Open Sans', sans-serif;
	font-size:16px;
	font-weight:300;
	color:#555;
	margin:0;
	padding:0;
	background:url(../images/bg.jpg) left top repeat;
}

#wrapper	{
	max-width:1200px;
	margin: 0 auto;
	box-shadow: 8px 3px 15px rgba(0,0,0,.7);
	
}

#page, #storepage	{
	
	background-color:#fafafa;
	position: relative;
	
	/*box-shadow:8px 2px 5px rgba(0,0,0,.3);*/
	
}

#storepage	{
	padding:40px;
}

#privacy	{
	margin:0 30px 0 25px;
	padding-bottom:50px;
}


/* Text */

h1	{
	margin: 0 0 1em 0;
	font-size:2.8em; 
	font-weight: 700;
}

h2	{
	margin: 0 0 .5em 0;
	font-size:1.6em; 
	font-weight: 700;
	line-height:1.1em;
}

h3	{
	margin: 0 0 .5em 0;
	font-size:1.3em; 
	font-weight: 700;
	color:#9C2B09;
}

h4	{
	margin: 0 0 .5em 0;
	font-size:1em; 
	font-weight: 700;
}

p	{
	margin: 0 0 1em 0;	
}

a {
	color:#007eff;	
}

a:visited	{
	color:#ae3100;
}

a:hover	{
	color: #c5b3ac;
}


div.storeLink a	{
	color:#8c1919;
	font-family: 'McLaren', cursive;
}

div.storeLink a:hover	{
	color:gold;
	text-decoration:none;
}



/* Header */

header.full	{
	height:460px;
	background:url(../images/shankBanner2b.jpg) no-repeat left;
	position: relative;
}

header.full h1, header div.description	{
	display:none;
}

header.full a.logo	{
	z-index:1;
	position:absolute;
	display:block;
	width:325px;
	height:200px;
	background:url(../images/logo-rvs.svg) no-repeat 0 0;
	background-size:contain;
	top:20px;
	left:20px;
	
}

header.full a.logo span	{
	display:none;
}



header.full div.hero {
    position: absolute;
    width: 20%;
    background: rgba(0,0,0,.54);
    border-radius: 20px;
    padding: 20px 20px 25px 20px;
    top: 150px;
    left: 70%;
    /* border: 2px solid #8c1919; */
    text-align: center;
}

header.full div.hero.quote	{
	padding-bottom:0;
}

header.full div.hero h1	{
	line-height: 1.2em;
	margin:0;
	color:#fff;
	display:block;
	
}

a.btn	{
	font-size:1.4em;
	letter-spacing: 2px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	border:1px solid #fff;
	transition:background-color .5s;
	background: #7b1313;
	padding: 10px 20px;
    border-radius: 10px;
}

a.btn:hover	{
	background-color: red;
}


div.hero.quote a.btn	{
	position: relative;
    left: 50%;
	margin-left:-97px;
	font-size:1.2em;
	text-decoration:none;
	color:#fff;
	background-color: #7b1313;
	border:1px solid #fff;
	border-radius:10px;
	padding: 6px 20px;
	transition:background-color .5s;
}

div.hero.quote a.btn:hover	{
	background-color: red;
}



/* Section - All */
	
section	{
	padding:0 30px;
}

/*section.related.products	{
	padding:0;
}*/

div.single-product	{
	margin-bottom:5%;
}
	

/* Section - Main */

section.main, section.main.home	{
	margin:0 40px 30px 40px;
	padding:40px 0 0 0;
}

section.main.home ul li a {
    color: #9c2b09;
    text-decoration: none;
    font-weight: 500;
}

section.main.home ul li a:visited	{
	color: #9c2b09;
}

section.main.home ul li a:hover	{
	color: #ceb4a8;
}



section.main	{
	margin-bottom:0;
	padding-bottom:50px;
	margin-left: 50px;
    margin-right: 50px;
}

section.main h2, #storepage h2	{
	font-family: 'PT Serif', Georgia, 'Palatino Linotype', 'Times New Roman', Times, serif;
    font-size: 2em;
	color:#8c1919;
	margin-bottom: 2%;
	letter-spacing:1px;
	line-height: 1.1em;
}

#storepage div.entry h2	{
	font-size:1.4em;
	color:#8c1919;
}

#storepage div.entry img	{
	border: 2px solid #924444;
}

#storepage.woocommerce-checkout #payment div.form-row {
    padding: 1em;
    background: #deb887;
}

#singleStore div.entry img	{
	border:none;
}

.woocommerce ul.products li.product span.price, .woocommerce div.product p.price {
    color: #28405a;
	font-size:1.1em;
	font-weight:bold;
}

.woocommerce div.product p.stock.out-of-stock{
	color:red;
	font-weight:bold;
}

.woocommerce div.product p.stock.in-stock, div.entry div.single-product div.product_meta a	{
	color: #ae3100;
}

div#payment.woocommerce-checkout-payment  {
    background: #cecece;
	margin-bottom: 5%;
}

span.woocommerce-Price-amount.amount	{
	color: #28405a;
	font-size:1.1em;
	font-weight:bold;
}

.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit	{
	background:blue;
	color:#ffffff;
}

p.description	{
	font-family: 'McLaren', cursive;
	font-size:1.1em;
	color: #7b4e4e;
	font-style:italic;
}

.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
    
    display: none;
}

div.twoCol	{
	padding-bottom: 20px;
}


div.entry td.product-name a, div.entry td a.shipping-calculator-button {
    color: green;
}

section::after, section.main.home::after, section.main.two div.twoCol::after, header.full div.hero::after	{
	content:'';
	display:block;
	clear:both;
}

div.listText {
    float: left;
}

div.listText ul {
    margin-left: 3%;
    
}

div.listText h2 {
    color: #bf8a61;
    text-align: left;
    padding-top: 5px;
    display: none;
}

h3.subhead	{
	font-size:1.8em;
}

h3.privacySub	{
	font-size: 1.5em;
    font-weight: bold;
    padding: 4% 0 1% 0;
}

div.listText p, div.listText ul li {
    font-family: 'Cabin', 'Open Sans', Arial, Verdana, sans-serif;
    font-size: 1.5em;
    
}

div.listText.privacy ul li	{
	font-size:1.4em;
}

div.listText.privacy p	{
	margin: 1em 1em 1.5em 1em;
}




section.main.home ul li, div.listText.included ul li, div.listText.privacy ul li {
    /*font-size: 1.5em;*/
    padding: 0 0 1% 1.2%;
    background: url(../images/ripper_bullet.png) 0 3px no-repeat;
    list-style: none;
    padding-left: 35px;
}





div.listText.included ul {
    width: 100%;
    padding: 0;
    color: #464140;
}

div.listText.included ul li {
    background-position: 0 10px;
	font-size:1.8em;
}

div.listText p span.name {
    color: #8c1919;
    font-weight: bold;
    font-size: 1.4em;
}



section.main .content.sensor {
    padding-top: 0;
    border: none;
    height: auto;
    margin: 0;
	padding:0;
}

section.main aside.pic	{
	float:right;
}

section.main aside.pic img {
    display: block;
    margin-bottom: 15px;
    padding: 2px;
    width: 95%;
    border: 1px solid #737373;
}



section.main aside	{
	width:25%;
	float:left;
	text-align:left;
	
}
 

section.main aside.wide	{ 
	width:100%;
	display:block;
	clear:both;
}

section.main aside.features	{
	width:44%;	
}

section.main aside.pic	{
	width:49%;
}

section.main aside.features ul	{
	margin-right:1.7%;
}

section.main #aboutPic { 
    float: left;
    width: 338px;
    height: auto;
    margin-right: 5%;
}

section.main #aboutPic img, section.main #formPic .photo  {
    box-shadow: 3px 3px 18px #3c3a3a;
    /* border: 1px solid #000; */
}

section.main #aboutText	p {
    font-family: 'Cabin', 'Open Sans', Arial, Verdana, sans-serif;
    font-size: 1.5em;
    padding-bottom: 1em;
	margin: 0;
}

section.main #aboutText p a	{
	color: #1f716d;
    font-family: 'Open Sans', sans-serif; 
    font-size: .9em;
    font-weight: bold;
    text-decoration: none;

}

section.main #aboutText p a.video {
    font-size: .9em;
    text-decoration: none;
    font-style: italic;
    color: #81858a;
}



section.main #aboutText p a:hover	{
	text-decoration:underline;
	color: #c7d0de;
}


.ninja-forms-form-wrap *, .ninja-forms-form-wrap :after, .ninja-forms-form-wrap :before	{
	margin-bottom:2%;
}

.field-wrap .pikaday__container, .field-wrap .pikaday__display, .field-wrap>div input, .field-wrap select, .field-wrap textarea {

    width: 100%;
    font-size: 125%; 
    padding: 2%;
}

section.main .content {
	margin:15px;
	padding:10px;
    border: 1px solid #B94B1C;
	height: 400px;
}

section.main .content.kids	{
	 border: none;
	
}

section.main aside h3 a, section.main aside a	{
	color:#000;
	text-decoration:none;
}

section.main aside h3 a:hover	{	
	text-decoration:underline;
}

section.main aside .content .photo	{
	height:209px;
	margin-bottom:10px;
}

section.main aside .content.trending .photo	{
	background:url(images/kids.jpg) top center no-repeat;
		
}

section.main aside .content.find-it	.photo {
	background:url(images/teens.jpg) top center no-repeat;
	
}

section.main aside .content.tools .photo	{
	background:url(images/business.jpg) top center no-repeat;
	
}

section.main aside .content.events .photo	{
	background:url(images/events.jpg) top center no-repeat;
	
}

section.main aside .caption	{
	margin-top:10px;
}



.map-responsive  {
    border: 2px solid rgba(40,73,159,.6);
    border-radius: 5px;
    display: block;
    overflow: hidden;
    padding-bottom: 75%;
    position: relative;
    height: 0;
}

.contact_small {
    width: 100%;
    height: auto;
    display: none;
}

div.map-responsive iframe	{
	width:100%;
}

section.main aside.two ul {
    list-style: none;
    margin: 0;
    -webkit-padding-start: 10px;
}

section.main aside.two .contentWide {
    display: none;
}

section.main aside.two ul li.head {
    font-weight: 500;
    color: rgba(40,73,159,.8);
    padding-bottom: 7px;
    font-size: 1.3em;
}

section.main aside.two ul li {
    line-height: 1.5em;
    font-size: 1.2em;
    margin: 0 20px 0 30px;
    padding-bottom: 5px;
}


section.main aside.two .content {
    border: none;
    margin: 0;
    padding: 0;
    display: block;
	height:auto;
}

section.main aside.left h4 {
    font-family: Lato, sans-serif;
    color: #28499f;
    font-size: 1.5em;
    font-weight: 400;
}



section.main #formPic .photo {
    background: url(images/quote-pic.png) center center no-repeat;
    background-size: contain;
    width: 300px;
    height: 400px;
    margin: 0 5% 0 0;
    float: left;
}

section.main #formText {
    width: 60%;
    float: left;
}


/* Section - Middle */

section.middle {
    padding: 3.5% 3.333333% 3.4% 3.333333%;
    color: #999;
    background: #ccbeb7;
}

section.middle h2#current, section.middle h2.news, aside.member h2.member {
    font-weight: 600;
	font-size:2em;
    font-family: 'Julius Sans One', sans-serif;
    font-variant: small-caps;
    letter-spacing: 2px;
	color: #464140;
    text-shadow: 2px 2px 7px #675a5a;
}

section.middle aside.news {
    width: 57%;
    float: left;
    
}

section.middle aside.instock {
    width: 43%;
    height: auto;
    float: left;
    margin-top: 6%;
}

div.announce .content img {
    display: block;
    /* margin: 0 auto; */
    padding: 2px;
    border: 2px solid rgba(129,95,73,.6);
    border-radius: 5px;
    width: 90%;
    height: 90%;
	
}

.responsive	{
	width:100%;
	height:0;
	padding-bottom:56.25%;
	position:relative;
}

.responsive iframe {
	position:absolute;
	width:95%;
	height:95%;
}

/* Section - Secondary */

section.secondary {
	
    border:none;
	height: auto;
}



h2.single-title	{
	font-family:'PT Serif', serif;
	margin: 0 0 .5em 0;
	font-size:2.1em; 
	font-weight: 700;
	line-height:1.8em;
	color:#3E7080;
}


section.secondary div.pageContent.list	{
	float:left;
	width:55%;
	
}

section.secondary div.pageContent.wide	{
	float:none;
	width:100%;
	
}

section.mainContent {
    font-family: 'Open Sans', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #454767;
    line-height: 30px;
    padding: 20px 30px 30px 30px;
    margin:0;
}

section.secondary div.pageContent.wide h2#post-title.single, section.mainContent article h2#post-title.series {
    font-family: 'Julius Sans One', sans-serif;
    font-size: 4em;
    color: #454767;
    border-bottom: 2px solid #454767;
    padding-bottom: 8px;
    text-align: left;
    padding-left: 30px;
}

section.secondary div.pageContent.wide div.video p	{
	max-width:980px;
	margin: 0 auto 20px auto;
}

section.secondary div.pageContent.wide div#videoContainer   {
    max-width: 900px;
    margin: 30px auto 80px auto;
    box-shadow: 5px 3px 12px rgba(95, 93, 93, 0.84);
}

section.secondary div.pageContent.list p, div.pageContent.wide p	{
	font-size:1.5em;	
	line-height:1.7em;
	
}

section.secondary div.pageContent.list ul	{
	margin-left:20px;
	list-style:none;
	margin:0 0  20px 0;
	padding:0;
	
}	

section.secondary div.pageContent.list ul li	{
	margin-left:5%;
	padding: 0 0 2.5% 6%;
	font-size:1.3em;
	line-height:1.8em;

}

section.secondary div.pageContent ul li, section.secondary div.pageContent ul li a	{	
	color:#666;
}



section.secondary a	{
	text-decoration:underline;
	
}

section.secondary a:hover	{
	text-decoration:none;
}




section.secondary div.pageContent ul li.title	{	

	background: url("images/bookWide.png") 0 7px no-repeat;
	background-size:25px;
	
}


.backLink {
    width: 25%;
    margin: 80px 0 0 0;
    padding: 0 2.5%;
	
	
}

.backLink aside {
	width: 30%;
    display: block;
    float: left;
    font-size: 16px;
    margin: 0;
    background: none;
	
}

.backLink aside a	{
	padding: 32px 0 0 0;
}

#ourMinistries .backLink {
    margin: 0 30px;
    clear: both;
    padding-top: 15px;
}

.backLink a {
    text-decoration: none;
    font-family: 'McLaren', cursive;
    font-size: 16px;
    color: #000000;
    padding: 0 0 0 1.2em;
}

.backLink aside div.home a.icon {
    background: url(images/home.svg) center top no-repeat;
	background-size: 95%;
    
}

.backLink aside div.cart a.icon {
    background: url(images/cart.svg) center top no-repeat;
	background-size: 102%;
}

.backLink aside div.home a:hover.icon	{
	background: url(images/home_over.svg) center top no-repeat;
	background-size: 95%;
	
}

.backLink aside div.cart a:hover.icon {
    background: url(images/cart_over.svg) center top no-repeat;
	background-size: 102%;
}

.backLink aside div.shop a.icon {
    background: url(images/shop.svg) center top no-repeat;
	padding-top: 34px;
	
}

.backLink aside div.shop a:hover.icon	{
	background: url(images/shop_over.svg) center top no-repeat;
	padding-top: 34px;
	
}










/* Section - Atmosphere */

section.atmosphere	{
	background-color:#cc6633;
	padding-top: 30px;
	padding-bottom:30px;
	color:#fff;
	
}


section.atmosphere article .photo	{
	background:url(images/tenPigs.jpg) top left no-repeat;
	float: left;
    width: 500px;
	min-height:225px;
    padding-right: 30px;
}

section.atmosphere article .caption	{
	line-height: 1.8em;
	
}


/*  Section - How To */

section.how-to {
    background-color: #eee9d9;
    position: relative;
}

section.how-to h3#models {
    padding: 25px 0 0 0;
    color: #8c1919;
}

section.how-to aside	{	
	float:left;
	margin-right:10px;
}

section.how-to aside.last {
    width: 32.3%;
}



section.how-to aside .content {
    padding: 10px 20px;
}

section.how-to aside .content img	{
	display:block;
	margin-bottom:15px;
	padding: 2px;
    width: 90%;
    border: 1px solid #cc6633;
}
	
	
section.how-to aside .content h4	{
	margin-bottom:0;
}

section.how-to aside .content p	{
	margin-bottom:.5em;
}



section.how-to aside .content ul li {
    margin-left: 25px;
    list-style-image: url(../images/ripper_bullet.png);
    padding-left: 5px;
    padding-bottom: 5px;
    font-size: 1.4em;
	background-repeat: no-repeat;
}

section.how-to aside .content a, section.how-to blockquote p.credit a	{
	display:inline-block;
	color: #cc6633;
	font-weight:700;
	
}

/*  Section - How To-2 */





section.how-to blockquote {
    margin: 0;
    width: 32%;
    color: #444;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    right: 4%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 1.3% 1.5% 1% 1%;
}

section.how-to blockquote p {
    margin: 30px 30px 20px 65px;
}

section.how-to blockquote p.quote {
    font-style: italic;
    font-size: 1.2em;
    line-height: 1.7em;
}

section.how-to blockquote p.credit	{
	color:#777;
	font-size: .9em;
	margin-top:0;
	padding-left:20px;
	line-height: 1.3em;
	position:relative;
}

section.how-to blockquote::before {
    content: '\201c';
    color: #6f6967;
    position: absolute;
    top: -7px;
    left: 15px;
    font-size: 7em;
    font-family: serif;
}

section.how-to blockquote p.quote:after	{
	content:'\201d';
	font-family:serif;
	
}

section.how-to blockquote p.credit:before	{
	content: '\2014';
	position:absolute;
	top:-1px;
	left:0;
}

/*  Navigation */

nav {
	background-color: rgba(0,0,0,.85);
    position: relative;
    padding: 53px 0 0 0;

}

nav::after, .backLink::after	{
	content:'';
	display:block;
	clear:both;
}

nav a.mobile_menu	{
	width:32px;
	height:32px;
	background:url(../images/icon_menu.svg) no-repeat 0 0;
	background-size: contain;
	position:absolute; top:22px; left:50%; margin-left:-16px;
	display:none;
}

nav ul {
	list-style:none;
	margin:0;
	padding:0;
	
}


nav ul li:hover > ul	{
	display:block;
}

nav ul li a, nav ul li p	{
	display:inline-block;
	color:#fff;
	padding:10px 20px;
	text-decoration:none;
	width:125px;
	position:relative;
}

nav ul li p:hover, nav ul li:hover p 	{
	background:none;
	
}

nav ul li a:visited	{
	color:#fff;
}

nav ul li a:hover	{
	background-color:#7e8281;
	color:#ffffff;
}

nav ul ul	{
	position:absolute;
	top:100%;
	background-color:#5c6160;
	display:none;
}

nav ul ul li	{
	position:relative;
}

nav ul ul ul	{
	left:100%;
	top:0;
} 

/*  top-level */

nav > ul	{
	float: right;
    padding: 0 5% 0 0;
}

nav > ul > li	{
	float:left;
} 

nav > ul > li > a, nav > ul > li > p {
    width: auto;
    padding: 10px 20px 15px 20px;
    font-size: 1.2em;
    letter-spacing: 1px;
    /*color: #ededed;*/
	font-weight:500;
	margin-bottom: 0;
}

nav > ul > li > p {
	color: #777777;
    font-weight: bold;
}

nav > ul > li > p:hover	{
	background:none;
}

nav a[aria-haspopup="true"]::after	{
	content:'';
	display:block;
	width:0;
	height:0;
	position:absolute;
	top:16px;
	right:15px;
	border-top: 4px solid transparent;
	border-bottom:4px solid transparent;
	border-left: 4px solid #fff;
}

nav > ul > li > a[aria-haspopup="true"]::after	{
	border-left:4px solid transparent;
	border-right:4px solid transparent;
	border-top:4px solid #fff;
	left:20px;
	right:auto;
	bottom:6px; 
	top:auto;
	
}

nav ul li a.aboutLink, nav ul li a.homeLink, nav ul li a.contactLink {
    color: #777;
    font-style: normal;
    font-weight: bold;
	cursor:pointer;
	
}

nav ul li a.aboutLink:hover, nav ul li a.homeLink, nav ul li a.contactLink	{
	background:none;
}

/* Footer */

footer#contact {
    font-size: .9em;
    width: 100%;
    color: #f4f4f5;
    margin: 0 0 50px 0;
    background: #b1b5a9;
}

footer#contact, span.findUs:hover, section.bottom i.fab:hover {
    color: #81858a;
}

section.bottom {
    padding: 20px 30px 20px 50px;
}

section.bottom	ul li {
    list-style-type: none;
}

section.bottom i.fab {
    font-variant: small-caps;
    font-size: 1.45em;
    color: #fff;
    padding: 6px;
    background: none;
}

span.findUs {
   
    font-family: 'McLaren', cursive;
    padding-left: 5px;
    font-weight: 600;
    letter-spacing: 1px;
}

aside.left {
    text-align: left;
    width: 50%;
    float: left;
}

aside.right {
    text-align: right;
    width: 50%;
    float: right;
	margin-top:-5px;
}

div#fb	{
	width:100%;
}

section.bottom aside.right div.seal	{
	margin:30px 0 0 0;
}

footer	{
	font-size:.9em;
	margin:40px;
	color:#f4f4f5;
	
}

footer .content	{
	display:inline;
}

footer a, footer p.parent {
    margin-left: 30px;
    color: #777;
	text-decoration: none;
}

footer p.parent {
    margin-top: 10px;
    margin-left: 35px;
}

footer p.parent a {
    margin-left: 0;
    color: #5d5a5a;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
}

footer p.parent a:hover	{
	color:#f4f4f4;
	text-decoration:underline;
}

footer#contact #copyright {
    font-family: 'Julius Sans One', 'Open Sans', Verdana, Corbel, Trebuchet MS, Arial, sans-serif;
}

footer#contact #copyright p, #credit p, #credit p a {
    color: #536553;
    font-family: 'Open Sans','Trebuchet MS', 'Droid Sans', Verdana, Arial, sans-serif;
    line-height: 1.8em;
    margin: 0;
    
}

#credit	{
	margin-top:10px;
}

footer#contact #credit p a {
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 1.2em;
    margin-left: 0;
    text-transform: lowercase;
    font-variant: none;
    padding-left: 3px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #2b2727;
    font-weight: bold;
}

footer#contact #credit p a span.name {
    color: #6c95c7;
    margin-left: 3px;
    letter-spacing: 0;
    font-weight: bold;
}

footer#contact #credit p a:hover, footer#contact #credit p a:hover span.name {
    color: #f4f4f5;
    text-decoration: none;
}

footer a:visited {
	color:#777;	
}

footer a:hover	{
	color:#333;	
}

section.secondary .featuredImage, section.secondary .responsive	{
	float:left;
	margin-right:5%;
	width: 36%;
	
}

section.middle .featuredImage iframe	{
	box-shadow:2px 3px 8px rgba(0,0,0,.6);
}

section.middle .responsive iframe	{
	box-shadow:2px 3px 8px rgba(0,0,0,.6);
	border:none;
}
	

section.secondary .featuredImage img	{
	padding:2px;
	border:1px solid #7e8281;
}

/*section.secondary div.pageContent.wide a	{
	display:inline-block;
	color:#cc6633;
	font-weight:600;
	text-decoration: none;
}*/

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt	{
	background-color:green;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover	{
	background-color:blue;
}

}


/* Media Queries */

@media screen and (max-width: 1100px) {
	
	

	
	/* Header */
header.full div.hero	{
	width:23%;
	
}

header.full div.hero.quote	{
	padding-bottom: 15px;
}
	
header.full div.hero h1 {
	margin-bottom:20px;
}
	/*  Section - Atmosphere */
	
/*	section.atmosphere article	{
		padding-left:400px;
		background-size:375px auto;
				
	} */
	
}

@media screen and (max-width: 825px) {
	
	h1	{
		font-size:2.2em;
	}
	
	/*  Header */
	header.full	{
	height:425px;	
		
	}
	
header.full a.logo {
    width: 440px;
    height: 75px;
    background: url(../images/logo_h_reverse.svg) no-repeat 0 0;
}
		
	
	
header.full div.hero {
    top: 150px;
    left: 50%;
    width: 40%;
}
	
div.hero.quote a.btn	{
	display:none;
}

	

section.main #formPic .photo {

    display: none;
}


section.main #formText {
    width: 100%;
    clear: both;
}
	
	/*  Section - Atmosphere  */
	

	
	/*  Section - How To  */
	

	
	section.how-to blockquote p.credit	{
		font-size:.85em;
	}
	
nav {
    padding: 7% 5% 0 0;
}

nav > ul {
    padding: 50px 0 0 5px;
    float: left;
}

.backLink	{
	width:45%;
}
	
}


@media screen and (max-width: 790px)	{
	
	h1	{
		font-size:1.8em;
	}
	
	h2	{
		font-size:1.4em;
	}
	
	h3	{
		font-size:1.1em;
	}
	

	
	
	/*  Header  */
	
	
	
	header.full div.hero	{
		width: 30%;
		top: 150px;
		padding: 2% 1% 3.5% 2%;
			
	}
	
	
	
	header.full div.hero h1	{
		line-height: 1.4em;	
		margin: 0 0 1.1em;
	}
	
	header.full div.hero.quote h1	{
		line-height:1.8em;
		margin-bottom:0;
	}
	
	
	/*   Section - Main  */
	
	
	section.main aside	{
		width:100%;
	}
	
	section.main aside a	{
		color: #ab111c;
	}
	
	section.main aside a:hover	{
		color: #ccbeb7;
	}
	

	
section.main aside.features	{
	margin-bottom: 3%;
	width: 100%;
	
}

h3.subhead, section.how-to h3#models {
    font-size: 1.5em;
	font-weight: bold;
}

div.listText.included ul li { 
    font-size: 1.5em;
	line-height: 1.25em;
	background-position: 0 5px;
}

section.main aside.pic	{
	width:100%;
}
	
section.main aside div.content	{
		padding:15px;
	}
	
section.main aside.pic img	{
	width:97%;
}

div.announce .content img	{
	width:97%;
}

section.middle aside.news { 
    width: 61%;
	margin-right: 3%;
}

section.middle aside.instock {

    width: 35.5%;
    height: auto;
    margin-top: 6%;
}
	
	/*   Section - Atmosphere  */
	
section.atmosphere article .photo	{	
	float: none;
	padding-bottom:10px;
    background-size: 675px auto;
	min-width:700px;
    min-height: 300px;
    padding-right:0;
}

section.atmosphere article .caption	{
	width:100%;
}

section.atmosphere article .caption	h2 {
	font-size:1.8em;
}
	
	/*   Section - How To  */
	
section.how-to {   
    padding: 0 0 0 2.7%;
}

section.how-to aside {
	
    float: left;
    margin-right: 10px;
    width: 44%;
	margin-bottom: 5%;
}

section.how-to aside.last {   
    margin-right: 0;
	width: 54%;
}

section.how-to aside .content {
    padding: 0 0 0 5.8%;
}
	
section.how-to aside div.content img	{
		width:85%;
	}

	
section.how-to blockquote {
    margin: 0;
	width: 94.5%;
    margin-right: 3%;
    color: #444;
    background-color: #fff;
	right:0;
    position: relative;
    bottom: 0;
    padding: 1.3% 1.5% 1% 1%;
	clear:both;
}


section.how-to blockquote p.quote::after {
    content: '\201d';
    font-family: serif;
    font-size: 3em;
    font-style: normal;
    position: relative;
    top: 15px;
    left: 5px;
    color: #6f6967;
}
	
	
	/*   Navigation  */
	
	nav	{
		
		margin-top:0;
	}
	

	
section.secondary .featuredImage	 {
	float:none;
	margin-right:0;
	overflow:hidden;
	width:100%;
	
}

section.secondary div.pageContent.wide, section.secondary div.pageContent.list  {
	
    width: 100%;
    float: none;
}

section.bottom	{
	padding:20px;
}
	
}

@media screen and (max-width: 675px)	{
	
header.full div.hero {

    width: 40%;
    top: 175px;

}

a.btn {
    
    font-size: 1.3em;
    letter-spacing: 2px;
	font-weight:bold;
}

section.mainContent	{
	padding:0;
}
	
section.middle aside.news {

    width: 58%;
    margin-right: 5%;
}
	
div.listText.included ul li {

    line-height: 1.3em;
    font-size: 1.3em;
    padding-bottom: .3em;
	}
	
section.how-to aside .content {
    padding: 0 0 0 3%;
   
}

section.secondary  {	
	margin:10px 10px 0 10px;
	padding: 5px 5px 35px 5px;
}



#storepage {
    padding: 40px 10px;
}

section {
    padding: 0 10px;
}

.backLink	{
	width:100%;
}

.backLink aside	{
	width:20%;
}

section.bottom {
    padding: 20px 15px 20px 20px;
}

aside.right	{
	width:50%;
}

}


@media screen and (max-width: 625px)	{
	
#wrapper  {
    max-width: 625px;
    margin: 0 auto;
	box-shadow: none;
}
	
	h1	{
		font-size: 1em;
	}
	
	h3	{ 
		margin-bottom:0;
	}
	

	
		/*  Header  */
		
		header.full	{
			min-height: 260px;
			height: auto;
			background-position: 0 -100px;
			
		}
		
		header.full a.logo	{
			/*width:125px;
			height:52px;*/
			left:10px;
			top:10px;
			
		}
		
		header.full div.hero	{
			top: 100px;
			padding: 3% 2% 5% 2%;
			left:50%;
		}
		
		header.full div.hero h1	{
			margin-bottom: 10px;
			font-size:1.8em;
		}
		
	header.full div.hero.quote h1	{
		font-size: 1.8em;
		line-height: 1.4em;
	}
		
		/*   Section - Main  */
		
section.main, section.main.home  {
	
    margin: 0 5% 0 5%;
}
		
section.main aside	{
			width:100%;
			float:none;
			text-align:left;
		}
		
section.main aside div.content {

    background-position: 20px 5px;
    float: left;
	height:auto;
	
}



section.main aside div.content .photo {   
    margin-bottom:0;
	margin-right:20px;
    width: 209px;
    float: left;
}

section.middle aside.news {
		
		width: 100%;
		margin: 0 auto;
		float: none;
		clear: both;
}

.responsive iframe {
	width:100%;
	height:100%;
}

section.middle aside.instock {
    width: 80%;
	margin:6% auto;
    height: auto;
    
}



	
		/*   Section - Atmosphere  */
		
		

		
section.atmosphere article .caption p	{
	padding-bottom:10px;
}
		

		
		/*   Section - How To  */
		
section.how-to aside	{
			width:100%;
			float:none;
			margin:0;
			position:relative;
			margin-bottom: 20px;
		}
		
		section.how-to aside div.content	{
			padding: 0 15px;
			margin-left: 40px;
			width:90%;
			
		}
		
		section.how-to aside div.content p {
			font-size: .9em;
		}
		
section.how-to aside.first {
    margin-right: 0;
	margin-bottom: 0;
    width: 100%;
	padding-top:15px;
}

section.how-to aside.last {
	padding-top:0;
	margin-bottom: 30px;
    margin-right: 0;
    width: 100%;
}
		
section.how-to aside .content ul li {
    font-size: 1.3em;
   
}
		
		section.how-to aside div.content img  {
			display:inline-block;
			width:160px;
			position:absolute;
			top:20px;
			left:0;
		}
	
		section.how-to blockquote	{
			margin: 0 20px 0 40px;
			width:90%;
			padding: 1px 0 20px 0;
			position:relative;
		}
		
		section.how-to blockquote p.credit	{
			margin-bottom:0;
		}
	
		/*   Navigation  */
		
		nav	{	
		
			padding:50px 15px 35px 15px;
			height:0;
			margin-top:0;
			overflow:hidden;
		}
		
		nav a.mobile_menu	 {
			display:block;
			left:90%;
		} 
		
		nav ul, nav ul ul,
		nav ul ul ul	{
			display:block;
			position:static;
		}
		
		nav > ul	{
			padding:0;
		}
		
		nav > ul > li	{
			float:none;
			margin-top:25px;
		}
		
		nav ul li:hover	{
			background:none;
		}
		
		nav ul li a	{
			width:auto;
			display:block;
			margin:8px 10px;
			padding: 6px 15px 6px 2px;
			border-bottom: 1px solid rgba(255,255,255,.25);
		}
		
		
		
		nav ul ul	{
			background:none;
		}
		
		nav ul ul li a	{
			margin-left:30px;
		}
		
		nav ul ul ul li a	{
			margin-left:60px;
		}
		
		nav a[aria-haspopup="true"]::after {
			display:none;
		}
		
		/*   footer		*/
		
		footer#contact	{
			margin-bottom:0;
		}
		
		footer#contact section.bottom {
   
			padding: 5% 3% 8% 3%;		
			
			}
			
footer#contact section.bottom aside.left, footer#contact section.bottom aside.right {
	text-align: center;
	width: 100%;
	float:none;
	clear:both;
}

section.bottom i.fab { 
    font-size: 1.3em;
    
}

footer a, footer p.parent	{
	margin-left:0;
}

footer p.parent	{
	margin-top:5%;
}

footer#contact section.bottom aside.right{

    font-size: 1.25em;
}
		
footer div.content	{
			display:block;
			margin-top:15px;
		}
		
		footer div.content a	{
			margin:0 20px 0 0;
		}
		
}		


@media screen and (max-width: 575px)	{
	
section.atmosphere article .photo	{
	background:url(images/tenPigs.jpg) top left no-repeat;
	min-height:225px;
	background-size: 490px; 
}

section.secondary .featuredImage	 {
	float:none;
	margin-right:0;
	overflow:hidden;
	width:100%;
	
}

h2.single-title {	
	font-size:2.5em;
	line-height:1.5em;
}



section.secondary div.pageContent.list ul li {
    margin-left: 3%;
    padding: 0 0 2.5% 12%;

}

section.secondary div.pageContent.list ul li a {
	padding-bottom:5px;

}

}

@media screen and (max-width: 425px) 	{
	
	/*   Header   */
	header.full	{
		min-height:230px;
		background-position: -85px -130px;
		height: 275px;
		
	}
	
	header.full a.logo	{
		height:26px;
		width:225px;
		top:18px;
		
		
	} 
	
	header.full div.hero	{
		
		left:0;
		top:40px;
		text-align:center;
	}
	
	header.full div.hero h1	{
		
		margin-bottom: 10px;
	}
	
	header.full div.hero a.btn	{
		font-size: 1.3em;
		font-weight: bold;
		text-decoration: none;
		color: #fff;
		border: 1px solid #fff;
		transition: background-color .5s;
		background: #7b1313;
		padding: 8px 15px;
		border-radius: 10px;
		line-height: 3em;
	}
	
	header.full div.hero a.btn span	{
		display:none;
	}
	
	header.full div.hero.quote, header.full div.hero {
		padding-bottom: 15px;
		width: 50%;
		margin: 10% 0 0 40%;
		font-size: .8em;
}
	
		/*   Section - Main  */	
		
	section.main, section.main.home {
		margin: 0 20px 0 20px;
		padding:30px 0 0 0;
	}
	
	section.main h2	{
		font-size:1.6em;
	}
	
section.main.policy h2	{
	font-size:1.7em;
	line-height:1.5em;
	margin-bottom:1em;
	font-family: 'Open sans', sans-serif;
	letter-spacing:0;
	
}
	
section.mainContent	{
	padding:0;
}
	
section.main #aboutPic {
    float: none;
    width: 338px;
    height: auto;
    margin: 6% 5% 8% 0;
}


		
	section.main aside div.content .photo {
    margin-bottom: 0;
    margin-right: 0;
    width: 100%;
    float: none;
	}
	
	
#privacy	{
	margin:0;
	padding-bottom:30px;
}

h3.privacySub	{
	margin-bottom: 3%;
}

div.listText.privacy p, div.listText.privacy ul	{
	margin:0 0 1em .5em;
}
	


section.middle aside.instock {
    width: 100%;
    height: auto;

    margin: 4% 2% 6% 2%;
}
	
	/* Section - Atmosphere */
	
section.atmosphere article .photo {
	background:url(images/tenPigsSmall.jpg) center top no-repeat;
	height:265px;
	min-height:265px;
	min-width:240px;
	width:100%;
	padding-bottom:20px;
	}
	
section.atmosphere article div.caption h2	{
	font-size: 1.8em;
    line-height: 1.4em;
}

		
	/*   Section - How To  */
	
section.how-to {  
    padding-left: 10%;
}

h3.subhead, section.how-to h3#models {
    font-size: 1.5em;
    font-weight: bold;
	margin-bottom:5%;
}

section.how-to aside div.content	{
	margin-left:0;
}
	
section.how-to aside div.content	{
		padding: 0;
	}
	
section.how-to aside .content ul li	{
	padding-bottom:15px;
}
	

	
section.how-to aside div.content img  {
	
	width:100%;
	display: block;
    position: relative;
	top:0;
	left:0;
	
	
		}
		
section.how-to aside, section.how-to aside.last {
    width: 100%;
    float: none;
    margin: 0;
    position: relative;
    margin-bottom: 0;
}
	

	
section.how-to blockquote {
    margin:0;
    color: #444;
    background-color: #fff;
    position: relative;
    bottom: 0;
    right: 4%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 1.3% 1.5% 5% 1%;
}

.nf-form-cont .one-half, .nf-form-cont .three-sixths, .nf-form-cont .two-fourths	{
	width:100%;
}
	

	
	/*   footer		*/
	
	nav	{
		padding-top:30px;
	}
	
	nav a.mobile_menu	{
		left:auto;
		right:25px;
		top:8px;
		margin-left:0;
	}
	
	
		/*   footer		*/
		
		footer::after	{
			content:'';
			display:block;
			clear:both;
		}
		
		footer div.content a	{
			display:inline-block;
			margin: 0 0 10px 0;
			float:left;
			clear:both;
		}
		
section.secondary  {	
	margin:10px 10px 0 10px;
	padding: 5px 5px 35px 5px;
}
		

section.secondary .featuredImage img	{
	padding:0;
	border:1px solid #7e8281;
	width: 100%;
    height: auto;
}


h2.single-title {	
	font-size:2.6em;
	line-height:1.5em;
}

section.secondary div.pageContent ul li	{
	font-size:1.1em;
	padding: 0 0 3% 12%;
	color:#000;
}

section.secondary div.pageContent ul li a	{
	margin-bottom:10%;
	color:#232222;
}

nav > ul {
    padding: 0;
    margin-top: 20px;
   
}

.backLink aside	{
	width:30%;
}
		
	
}
	


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */