/* LICENSE & DETAILS
   ==================================================

	Theme Name: Marine Riley 2017
	Theme URI: https://www.marineriley.com.au/
	Description: Marine Riley WordPress WooCommerce Theme 2017
	Template: atelier
	Version: 1.0
	Author: Ivan Hong
	Author URI: www.ivanhong.com

   ==================================================
*/

/* --------------------------------------------
	GLOBAL
-------------------------------------------- */

.spb_image figure.animated-overlay figcaption {
	display: none !important;
}

.mobile_half {
	width: 50%;
	display: inline-block;
}

.no_margin {
	margin: 0;
}

/* --------------------------------------------
	HEADER TOPBAR
-------------------------------------------- */

.header-wrap[class*="page-header-naked"] {
	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0 );
}

.header-wrap[class*="page-header-naked"] ul.social-icons li a {
	color: #fff;
}

#mobile-logo.has-img img {
	max-height: 60px !important;
}

/* --------------------------------------------
	HOMEPAGE
-------------------------------------------- */

.home #one-page-nav ul {
	background: rgba(0,0,0,0.3);
	padding: 1em;
	border-radius: 0.5em;
}

.content-ontop {
	z-index: 1 !important;
}

.home img.home-learnmore-sm {
	width: 33%;
	height: auto;
}

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

.home img.home-learnmore-sm {
	width: 50%;
	height: auto;
}
}

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

.home img.home-learnmore {
	width: 50%;
	height: auto;
}
}

/* --------------------------------------------
	BRANDS
-------------------------------------------- */

a.promobar_shopnow {
	width: 100%;
	text-align: center;
	display: block;
	padding: 0.5em;
	background: #00b9d3;
	color: #fff;
}

a.promobar_shopnow:hover {
	background: #008395;
}

/* --------------------------------------------
	CLIENTS
-------------------------------------------- */

.clients-items {
	text-align: center;
}

.client-item {
	float: none;
	display: inline-block;
}

@media screen and (min-width: 768px) {

.client-item img {
	padding: 0 2em;
}
}

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

.client-item {
	width: 33%;
}
}

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

.client-item {
	width: 50%;
}
}