img.logo {
    width: 130px;
}
#menu {
    vertical-align: bottom;
}
.slicknav_nav {
	background: rgba(0,0,0,.98);
}
/*the padding-top and height of following styles all work together so the two elements don't overlap*/

/*removes the pricing from the product overview pages*/
div.price-info {
	display: none;
}

#section-slideshow {
    padding-top: 120px;
}
.site-header {
    height: 120px;
}
.page-container {
    padding-top: 120px;
}
/*sets the font color of the header in the slider to white*/
.responsive-slider .slides ul li .slide-body .caption.header {
    color: white;
}
/*the subtext in the slider*/

.responsive-slider .slides ul li .slide-body .caption.sub {
    font-size: 16px;
    font-weight: normal;
    /*corrects an issue with long text in the slides getting all out of whack*/
    
    right: auto;
    /*also changes the color to white regardless of the theme selected*/
    
    color: white;
}
.responsive-slider .pages {
    /*gives the slider buttons a little extra room to breathe*/
    
    bottom: 12px;
}
#section-parallax {
    height: auto;
}
/*Brand color used on the parallax scroller heading and paragraph for when there's no image. Change color as necessary*/

#section-parallax h1,
#section-parallax p {
    color: #C3512F;
}
#section-parallax p {
    text-shadow: 0px 0px;
    font-weight: normal;
    font-size: 16px;
    color: #303030;
}
/*the testimonials section headings */

#section-parallax-2 h2,
#section-parallax-2 h4 {
    color: white;
}
#section-parallax-2 h4 {
    font-weight: normal;
    font-size: 16px;
}
.parallax-text {
	padding: 60px 0;
}


/*adds some height so kattare can get the blurb in there */

#footer {
    height: auto;
}

.sslcert {
	padding: 15px 15px 0 0;
}

/*minor adjustments to the columns in the footer (gives greater width to the contact info for longer rawmeatpetfood emails */
#section-site-map .logicon-info {
    width: 50%;
}
.popular-pages, .about-us, .contact-info {
    width: 25%;
}
@media screen and (max-width: 900px) {
	#section-site-map .logicon-info {
	width: 100%;
	}
	#section-site-map .logicon-info p {
		width: 100%;
	}
	.popular-pages, .about-us, .contact-info {
		width: 50%;
	}
}
@media screen and (max-width: 768px) {
	#section-site-map .logicon-info {
	width: 100%;
	text-align: center;
	}
	#section-site-map .logicon-info p {
		width: 100%;
		text-align: center;
	}
	#section-site-map .contact-info, #section-site-map .popular-pages {
		width: 100%;
		text-align: center;
	}
}
@media screen and (max-width: 500px) {
	.sslcert {
		display: block;
		margin: 12px auto 0 auto;
	}
	.sslcertwrap {
		display: block;
		width: 100%;
	}
	#footer p {
		display: block;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.footer-social {
		display: none;
	}
	.footer-social-container {
		display: block;
	}
}
@media screen and (max-width: 400px) {
	.split1, .split2 {
		display: block;
	}
}

/*************************
Fixes for cartridge plugin - maybe just throw these following rules into a special stylesheet that just works with the cartridge templates if there are any issues with this rules messing with the global site
**************************/

.btn {
    width: auto;
}
.asterisk_input {
    display: none;
}
/*font size increase for the total on shopping cart overview and price on product pages.*/

.order-totals span,
.price {
    font-size: 22px;
}
.panel-body {
    padding: 6px;
}
.product-thumb h6 {
    border: none;
}
.product-sorting {
    float: left;
    width: 100%;
    overflow: hidden;
}
.product-thumb div.caption {
    padding-bottom: 12px;
    border-bottom: 1px dashed #c3c3c3;
}
.product-thumb {
    margin-bottom: 40px;
}
table.table-striped td,
table.table-striped th {
    padding: 6px;
}
/*styles the form stuff in cartridge to look like the singularity contact form*/

input,
select {
    border: 2px solid #ccc;
    background: #e6e6e6;
    padding: 5px;
    margin-bottom: 10px;
}
.control-label {
    margin-right: 6px;
}
.btn {
    margin: 6px 12px 6px 0;
}
/*on the payment page */

.checkout-panel li {
    border: none;
}
.media-body {
    padding-bottom: 40px;
}

/*checkout - adds a warning message to indicate there is one more step in the checkout*/
.warning-step {
	border:1px solid red;
	border-radius:4px;
	padding: 20px;
	margin-bottom:24px; 
	background:#C3512F;
	color:white;
}