/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
/*.page-id-50 #content {
	margin: 0 7.6% !important;
}*/
ul.features li {
	margin-left: 1em;
}

ul.nobullet li {
	list-style: none;
}

#rotator {
	height: 220px;
	min-height: 214px;
	min-width: 250px;
	overflow: hidden;
}

#dan-buoy-floating {
	float: right;
	height: 385px;
	position: relative;
	right: -2%;
	top: -80px;
	width: 107px;
	z-index: 10000;
}

.one-column #page {
	max-width: 1000px !important;
}

#supplementary {
	background-color: #ddeeff;
	border-bottom: 10px solid #f9f9f9;
}

#supplementary #third {
	width: 37%;
}

#si_contact_message1 textarea,
#comment textarea,
#respond #comment-form-comment textarea,
#comment-form-share-text-padder textarea,
#content textarea {
	background: url("http://cdn.the-justgroup.com/images/jg-logo-8percent.png") no-repeat scroll center center #fafafa !important;
}

#content textarea:hover {
	background-color: #def !important;
}

#content textarea:focus {
	background-color: #ffffe0 !important;
/* popcorn yellow */
}

div.product div.images img,
#content div.product div.images img,
.related ul.products li.product img,
.upsells.products ul.products li.product img,
.related ul li.product img,
.upsells.products ul li.product img {
	height: auto;
	width: auto;
}

h1#site-title > span,
h2#site-title > span {
	background-image: url('http://marine.the-justgroup.com/files/2016/06/JUST-MARINE-logo-dropshadow400x75.png');
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	height: 38px;
	position: relative;
	top: 10px;
	width: 200px;
	margin-bottom: 5px;
	transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
}

/* following same as .nonvisual class */
h1#site-title > span > a,
h2#site-title > span > a {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

@media only screen and (max-width:400px) {
	h1#site-title > span, h2#site-title > span {
		background-size: 65% 65%;
		top: 7px;
	}
}