/* ==========================================================================
   Custom display definitions
   ========================================================================== */

dl dd {
	margin-bottom:0.25rem;
}

/*Nav bar colors */
.contain-to-grid {
    background: none;
}
.top-bar {
	background: #042533;
	box-shadow: 0px 1px 2px #222222;
}
.top-bar.expanded .title-area {
	background: #042533;
}
.name h1 a {
	font-weight: normal;
	color: #fff!important;
	width: 50%;
	display: block;
	padding: 0 15px;
}
.top-bar-section ul {
    background: #042533;
}
.top-bar-section ul li > a {
    background: #042533;
}
.top-bar-section li:not(.has-form) a:not(.button) {
	background: #042533;
}
.top-bar-section ul li > a {
    background: #042533;
}
.top-bar-section ul li:hover > a {
    background: #035476;
}
.top-bar-section li.hover > a:not(.button) {
    background: #035476;
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
	background: #035476;
}
.no-js .top-bar-section ul li:hover > a {
    background: #035476;
}
.top-bar.expanded .toggle-topbar a {/* text color when dropdown active on mobile */
    color: #fff;
}
/* End Nav bar colors */

table {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #F2C68A;
    margin-bottom: 1.25rem;
}

table thead, table tfoot {
    background: none repeat scroll 0 0 #F7DCB9;
}

table tr.even, table tr.alt, table tr:nth-of-type(2n) {
    background: none repeat scroll 0 0 #FDF7EE;
}


/* ==========================================================================
   Template definitions
   ========================================================================== */

body {
	background: #0B4962;	
}

#wl-header {
	padding: 0;
}

#wl-header-mobile {
	padding: 0;
}

#wl-top-nav { /*removes left/right padding around nav bar */
	padding-left: 0;
	padding-right: 0;
}

#wl-content {
	background: #fff;
	padding: 2rem;
	border-bottom-right-radius: .5em;
	border-bottom-left-radius: .5em;
}

#wl-content h1 {
	color: #0F7799;
    font-family: 'Quicksand', Helvetica, Arial, sans-serif;
}

#wl-content h2 {
	color: #E49716;
    font-family: 'Quicksand', Helvetica, Arial, sans-serif;
}

#wl-content p, li, dt, dd {
    font-family: 'Nobile', Helvetica, Arial, sans-serif;
}

#wl-content p {
    line-height: 1.8;
}

#wl-content .button {
	background: #0686BD;
	margin-bottom: 0;
}

#wl-newsletter {
	background: #FBF2D9;
	border: solid 1px #F2D68A;
}

#wl-newsletter-label {
	text-align: right;
}

#wl-newsletter label {
	padding-top: .5rem;
}

#mce-EMAIL {
	border: solid 1px #F2D68A;
	margin-bottom: 0;
}

#wl-newsletter .button {
	background: #ECC04F;
	font-size: .8rem;
	margin-bottom: 0;
}


#wl-footer {
	padding-top: .5em;	
}

#wl-footer small {
	color: #fff;
}

#wl-footer a {
	color: #FFFF99;
}


#wl-social img {
	height: 40px;
	width: 40px;
}

#wl-copyright h4 {
	line-height: .5;
}




/* ==========================================================================
   Store definitions
   ========================================================================== */
#store-header {
	background: url(/store/images/header.jpg) no-repeat left top;
	padding-top: 1rem;
}

#album-info h3 {
	margin-bottom: 2rem;	
}

#album-info h4 {
	color: #E49716;
	font-size: 2rem;	
}

#album-info ol li {
	margin-left: 2rem;	
}

#album-info ol li a img {
	width: 15px!important;
}

.wl-buy { /* bg for buy button */
	background: #FEA734;
	background-image:linear-gradient(180deg,rgb(247,222,181) 0%,rgb(228,138,27) 48%,rgb(231,120,46) 100%);
	border-color:rgb(255,255,255);
}


/* Mobile specific styles */
@media only screen and (min-width: 15.063em) and (max-width: 40em) {

#wl-newsletter-label {
	text-align: left;
}

#wl-newsletter input {
	margin-bottom: .5rem;
}



 }



@media (max-width: 800px) and (min-width: 480px){ 
/* tablet, landscape iPad, lo-res laptops ands desktops */



 }