/* Themify Customize Styling */
body, body .post-meta, body #site-description, body .post-date .year, body .post-date .month, body .post-date .day, .loops-wrapper .entry-content {	
	font-family:Open Sans;	font-weight:300;
 
}
body h1, body h2, body h3, body h4, body h5, body h6 {	
	font-family:Open Sans;	font-weight:300;

	color: #4bd7fa; 
}
#headerwrap {	
	background-color: #0762a4; 
}
#header a {	
	color: #ffffff; 
}
#headerwrap.fixed-header, .transparent-header #headerwrap.fixed-header {	
	background-color: #3b3b3b; 
}
#site-logo, #site-logo a, .header-horizontal #site-logo, .header-minbar #site-logo, .header-leftpane #site-logo, .header-slide-out #site-logo, .boxed-compact #site-logo, .header-top-bar #site-logo {	
	font-family:Open Sans;	font-weight:300;
	font-size:24px;

	color: #ffffff; 
}
#site-logo, #site-logo a, .header-horizontal #site-logo, .header-minbar #site-logo, .header-leftpane #site-logo, .header-slide-out #site-logo, .boxed-compact #site-logo, .header-top-bar #site-logo a {	
	color: #ffffff; 
}
#site-description {	
	color: #ffffff; 
}
#main-nav a:hover {	
	background-color: rgba(0,50,143,0.17); 
}
#main-nav a:hover, #main-nav > li > a:hover {	
	color: #ffffff; 
}
#main-nav .current_page_item a, #main-nav .current-menu-item a, #main-nav > .current_page_item > a, #main-nav > .current-menu-item > a {	
	color: #ffffff; 
}
.post-title, .post-title a {	
	color: #3b3b3b; 
}
#footerwrap {	
	background-color: #3b3b3b; 
}
#footer a {	
	color: #ffffff; 
}
@media screen and (max-width: 976px) { /* Themify Customize Styling */
#site-logo, #site-logo a, .header-horizontal #site-logo, .header-minbar #site-logo, .header-leftpane #site-logo, .header-slide-out #site-logo, .boxed-compact #site-logo, .header-top-bar #site-logo a {	
	color: #ffffff; 
}
 }@media screen and (max-width: 768px) { /* Themify Customize Styling */
body h1, body h2, body h3, body h4, body h5, body h6 {	
	color: #4bd7fa; 
}
#headerwrap {	
	background-color: #454545; 
}
#headerwrap.fixed-header, .transparent-header #headerwrap.fixed-header {	
	background-color: #3b3b3b; 
}
#site-logo, #site-logo a, .header-horizontal #site-logo, .header-minbar #site-logo, .header-leftpane #site-logo, .header-slide-out #site-logo, .boxed-compact #site-logo, .header-top-bar #site-logo a {	
	color: #ffffff; 
}
#main-nav a, #main-nav > li > a {	
	color: #ffffff; 
}
#main-nav .current_page_item a, #main-nav .current-menu-item a, #main-nav > .current_page_item > a, #main-nav > .current-menu-item > a {	
	color: #ffffff; 
}
.post-title, .post-title a {	
	color: #3b3b3b; 
}
#footerwrap {	
	background-color: #3b3b3b; 
}
#footer a {	
	color: #ffffff; 
}
 }@media screen and (max-width: 480px) { /* Themify Customize Styling */
body, body .post-meta, body #site-description, body .post-date .year, body .post-date .month, body .post-date .day, .loops-wrapper .entry-content {	
	font-family:Open Sans;	font-weight:300;
 
}
body h1, body h2, body h3, body h4, body h5, body h6 {	
	font-family:Open Sans;	font-weight:300;

	color: #4bd7fa; 
}
#headerwrap {	
	background-color: #454545; 
}
#header a {	
	color: #ffffff; 
}
#headerwrap.fixed-header, .transparent-header #headerwrap.fixed-header {	
	background-color: #3b3b3b; 
}
#site-logo, #site-logo a, .header-horizontal #site-logo, .header-minbar #site-logo, .header-leftpane #site-logo, .header-slide-out #site-logo, .boxed-compact #site-logo, .header-top-bar #site-logo a {	
	color: #ffffff; 
}
#main-nav a, #main-nav > li > a {	
	color: #ffffff; 
}
#main-nav a:hover {	
	background-color: #00328f; 
}
#main-nav .current_page_item a, #main-nav .current-menu-item a, #main-nav > .current_page_item > a, #main-nav > .current-menu-item > a {	
	color: #ffffff; 
}
#headerwrap #mobile-menu.sidemenu-on {	background-image: url(http://new.harbourroad.co.za/wp-content/uploads/2017/04/mobilenav-1.jpg);
	background-size: cover;
	background-position: center center;
	background-color: rgba(0,0,0,0.00); 
}
#pagewrap #headerwrap #mobile-menu.sidemenu-on nav li a {	
	font-family:Open Sans;	font-weight:300;
	font-size:20px;
	line-height:20px;
	text-align:center; 
}
#headerwrap #mobile-menu.sidemenu-on nav li {	
	color: #222bb3; 
}
#headerwrap #mobile-menu.sidemenu-on nav a:hover, #headerwrap #mobile-menu.sidemenu-on nav .current-menu-item > a {	
	color: rgba(15,15,15,0.00); 
}
.post-title, .post-title a {	
	color: #3b3b3b; 
}
#footerwrap {	
	background-color: #3b3b3b; 
}
#footer a {	
	color: #ffffff; 
}
 }