.portfolio_nav { display:none; }
.top_bar.fixed
{
	position: fixed;
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	
	animation-duration: 0.5s;	
	-webkit-animation-duration: 0.5s;
	z-index: 999;
	visibility: visible !important;
	top: 0px;
}

.top_bar.fixed #menu_wrapper div .nav
{
	margin-top: 16px;
}

.top_bar.fixed #searchform
{
	margin-top: 8px;
}

.top_bar.fixed .header_cart_wrapper
{
	margin-top: 21px;
}

.top_bar.fixed #menu_wrapper div .nav > li > a
{
	padding-bottom: 24px;
}

.top_bar.fixed .logo_wrapper img
{
	max-height: 40px;
	width: auto;
}
#wrapper
{
	overflow-x: hidden;
}
body.js_nav .mobile_menu_wrapper 
{
    display: block;
}
.gallery_type, .portfolio_type
{
	opacity: 1;
}
#searchform input[type=text]
{
	width: 75%;
}
.woocommerce .logo_wrapper img
{
	max-width: 50%;
}
.mobile_menu_wrapper
{
    display: none;
}


#mobile_nav_icon
{
    display: none !important;
}



@media only screen and (max-width: 768px) {
	html[data-menu=leftmenu] .mobile_menu_wrapper
	{
		right: 0;
		left: initial;
		
		-webkit-transform: translate(360px, 0px);
		-ms-transform: translate(360px, 0px);
		transform: translate(360px, 0px);
		-o-transform: translate(360px, 0px);
	}
}


*/.logo_align {
	text-align: left;
	padding-left:20px;
}/*

/* START: Increases space between options */
#menu_wrapper .nav ul li, #menu_wrapper div .nav li {margin-left: 50px;}
/* END: Increases space between options */

/* to combat spacing issue */
hr { margin: 50px 0px;}

/* h4  spacing for portfolio */
h4.ex-spacing {padding-top: 20px;}


/* CONTACT TABLE - Ul styling so inside content and multiple lines line up */
ul.copy-list {
    counter-reset: foo;
    display: table;
}

ul.copy-list li {
    counter-increment: foo;
    margin-left: 40px;
    margin-top: 10px;
}

ul.copy-list li::before {
    content: counter(foo) ".";
    display: table-cell; /* aha! */
    text-align: right;
}

/*Boostrap style insite links*/
a.in-copy-link {
	color: #337ab7;
    text-decoration: none;
    background-color: transparent;
}

a.in-copy-link:hover {
    color: #23527c;
    text-decoration: underline;
}

/* Definition Styling */
dfn {
	border-bottom: 1px dotted black;
	cursor: help;
}


/* Changes to table on Contact Page */
table tr:first-child td {border-top: 1px solid #e1e1e1;}
table tr td {font-weight: normal;}

/* To remove stroke whilst there is no footer bar content*/
.footer_bar {border-top: none;}

/* Center copywrite Text */
#footer, #copyright {
	text-align: center;	
	width: 100%;
}

/* Promise of the CV strike through */
.cv-del {font-size: 60%; color: #999999;}

/* Remove sharing icon in header */
.post_share_wrapper {display:none;}

/* Amends to top bar */
.top_contact_info {float: none; text-align: center; /* moves to center */}
.fa-clock-o:before {content: none; /* Removes the clock for opening time */}

/* Fluid you Tube video */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* For Blog Post Images */
.img-shadow {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-top: 20px !important;}

/* Blog-post-width */
.blog-post-width {
style="margin: auto; width: 80%;"
}

/* Block quote styling */    
blockquote.quote {
font-family: Georgia, serif;
font-size: 18px;
font-style: italic;
margin: 0.25em 0;
padding: 0.35em 40px;
line-height: 1.45;
position: relative;
color: #383838;
margin: 20px 10%;
    text-transform: none;
    letter-spacing: normal;
opacity: 1;
}

blockquote.quote:before {
display: block;
padding-left: 10px;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: -20px;
color: #7a7a7a;
}

blockquote.quote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
 
blockquote.quote cite:before {
content: "\2014 \2009";
}
    
    .blockquote-bg {
        background-color: #f5f5f5;
        padding-top: 20px;
        padding-bottom: 20px;
        margin: 10px 0px;
    }   

/* End of Block Quote */

@media only screen and (max-width: 767px) {
table tr td {
    display: block !important;
    width: 70%;
}

/* Blog-post-width */
.blog-post-width {
style="margin: auto; width: 100%;"
}}