
.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;
}
.mobile_menu_wrapper
{
    display: none;
}
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%;
}



@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);
	}
}


#ssb-container {
    
    top: 85%;
    
}

/* Titulos H2 y H3 de las entradas del blog sin mayusculas */
.single-post .post_header h2,
.single-post .post_header h3 {
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* Boton de WhatsApp (Joinchat) en blanco y negro */
.joinchat__button,
.joinchat__button:hover {
  background-color: #000 !important;
  box-shadow: 0 1px 6px rgba(0,0,0,.25) !important;
}
.joinchat__button__open {
  filter: grayscale(1);
}

/* Entradas del blog: texto 14px -> H2 = 18px (+4), H3 = 16px (+2) */
.single-post .post_header h2 {
  font-size: 18px !important;
  line-height: 1.4 !important;
  margin: 32px 0 12px !important;
}
.single-post .post_header h3 {
  font-size: 16px !important;
  line-height: 1.4 !important;
  margin: 24px 0 10px !important;
}

/* Entradas del blog: todos los titulos en negrita */
.single-post h1,
.single-post .post_header h1,
.single-post .post_header h2,
.single-post .post_header h3,
.single-post .post_header h4,
.single-post .post_header h5,
.single-post .post_header h6 {
  font-weight: 700 !important;
}



