/*
 Theme Name:   MEMBR 1 Page Starter
 Description:  Starter Theme for MEMBR - the base theme for all MEMBR Sites
 Author:       Laurence Tuck
 Author URI:   http://innate.co.za
 Version:      1.0.0
*/

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* main body */

body {	
	font-family: Arial;
	font-size:16px;	
	height: 100%;
	background-size:cover;
	color: #666;	
}

body.custom-background {
	background-size: cover;
}


.midsection p {
	padding:5px 0 0 0;
}

.midsection strong {
	font-weight:bold;
}

.midsection ul, .midsection ol {
	list-style:disc;
	padding:0 0 0 15px;
}


/* fonts */

h1 { margin:0; }
h1 a { text-decoration:none;color: #666; }
h1 a:hover { text-decoration:underline;color: #999; }

/* containers */

#site-container {
	width:960px;
	background:#fff;
	margin:0 auto;
}
#site-header {
	float:left;
}

#map { 
	width:100%; 
	height: 300px; 
}

.container {
	width:960px;	
	display:block;
	background:#fff;
	margin:0 auto;
}

.midsection{
	height: 100%;
	width: 67%;
	float:left;
	display:block;
	background:#fff;	
}

.sidebar {
	height: 100%;
	width:33%;
	float:left;
	background: #ebebeb;
	display:block;
}

.half {
	height: 100%;
	width:50%;
	float:left;
	display:block;
}

.footer {
	width:100%;
	display:block;
	background:#fff;	
}
.copyright, .contact{
	font-size:11px;
}

.membr-business-gallery-photo {
	margin: 0 10px 10px 0;
	border:1px solid #000;
	box-shadow: 1px 1px 5px #666;
}

.membr-gallery-footer {
	width:100%;	
	padding: 5px;
}
.membr-gallery-footer img {
	width:40px;
	height:40px;
	margin: 0 5px;
}

.mfp-bottom-bar {
	background:#fff;
}

/* social icons */

.social-header img {
	width:40px;
	height:40px;
}
.site-social a {
	opacity:0.6;
}
.site-social a:hover {
	opacity:1;
}

.qrcode {
	float:right;
	margin:10px 10px 0 0;
}

/* container fixed */

.first {
	margin-top:50px;
	border-top:3px solid #ccc;
}
.last {
	margin-bottom:50px;
	border-top:3px solid #ccc;
}
.paddme {
	padding:20px;
	height: 100%;
}
.paddme-header {
	padding:10px;
	height: 100%;
}
.border-right {
	border-right:1px solid #ccc;
}
.border-top {
	border-top:3px solid #ccc;
}
.border-bottom {
	border-bottom:3px solid #ccc;
}
.push {
	width:100%;display:block;clear:both;visibility: hidden;
}
.floatright {
	float:right;
	margin:0 0 0 10px;
}
.floatleft {
	float:left;
	margin:0 10px 0 0;
}

blockquote {
	padding: 20px 20px 20px 50px;
	margin: 10px 0;
	background: #EBEBEB;
}

.membr_adzone {
	margin-top:30px;
	margin-bottom:30px;
}

/* Navigation Menu */
.main-navigation {
	margin:0;
	text-align: center;
}
.main-navigation li {
	margin:0;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.42857143;
	display:block;	
}
.main-navigation a {
	color: #5e5e5e;
	background:#ebebeb;
	width:100%;
	display: block;
	padding-top:5px;
	padding-bottom:5px;
}
.main-navigation a:hover {
	color: #21759b;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
	width: 100%;
}
	
	
/* media queries */

@media screen and (max-width: 960px) {	
	.social-header { visibility: hidden;display:none; }	
	.container { width:100%; }
	#site-header {
		padding: 0;
		line-height:20px;
		background:	#fff;
		text-align:center;		
	}
	.header-image { width:100%;height:auto; }
	.first { margin:0px; }
	.last { margin:0px; border:0px; }
	#site-container, #site-header,.midsection, .sidebar, .half, .third, .quarter, .footer { width:100%;border-top:0!important;border-left:0!important;border-right:0!important;border-bottom:1px solid #ccc!important;}
	.border-right { border:0!important; }	
}

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border: 0;
		color: #6a6a6a;
		background:#ebebeb;
		text-transform: uppercase;
		white-space: nowrap;
		padding:5px 10px;
	}
	.main-navigation li a:hover {
		color: #000;
	}
	.main-navigation li {		
		position: relative;
	}
	.main-navigation li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	.main-navigation li ul li a {
		background: #efefef;
		border-bottom: 1px solid #ededed;
		display: block;
		font-size: 11px;
		font-size: 0.785714286rem;
		line-height: 2.181818182;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
	}
	.main-navigation li ul li a:hover {
		background: #e3e3e3;
		color: #444;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #636363;
		font-weight: bold;
	}
	.menu-toggle {
		display: none;
	}
}