@charset 'utf-8';
/*
 Theme Name:   Barbershop Child
 Theme URI:    http://barber.axiomthemes.com/
 Description:  Barber - Fully Responsive and Mobile Friendly theme
 Author:       AxiomThemes
 Author URI:   http://axiomthemes.com
 Template:     barbershop
 Version:      1.6
 Tags:         light, inheritable theme-options
 Text Domain:  axiom
*/




/* =Theme customization starts here
-------------------------------------------------------------- */
.sc_title:after {
    background: transparent url(https://www.labarberiahaircutsandwines.com/wp-content/themes/barbershop/skins/default/images/bg/h2_styling1.png) no-repeat;
    content: '';
    height: 20px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    width: 65px;
}

.top_panel_style_light.top_panel_opacity_solid .top_panel_wrap,
.category.top_panel_opacity_solid .top_panel_wrap {
    background: url(https://www.labarberiahaircutsandwines.com/wp-content/uploads/2023/03/header_bg.jpg)!important;
    background-position: top center !important;
	background-size:cover !important;
}

@media only screen and (max-width: 874px) {
	/*Para eliminar un feo efecto al desplegar el menú responsive, que hace que se agrande la imagen de fondo si esta tiene la propiedad background-size:cover*/
	.top_panel_style_light.top_panel_opacity_solid .top_panel_wrap,
	.category.top_panel_opacity_solid .top_panel_wrap  {
		background-size:auto !important;
	}
}

.top_panel_style_light.top_panel_opacity_solid .top_panel_wrap:before,
.category.top_panel_opacity_solid .top_panel_wrap:before {
	background-color: rgba(0, 0, 0, 0.6)!important;
}

.menu_main_nav_area {
	margin:0!important;
}

.menu_main_wrap .logo {
	margin-top: 3em!important
}

.menu_main_wrap .logo {
	max-width:100%!important;
}

.menu_main_nav_area {
    padding: 0 15px!important;
}

.responsive_menu .top_panel_wrap:before {
    display: block!important;
}

.responsive_menu .menu_main_responsive_button {
	top:10px!important;
}

/*Esto es para evitar un efecto indeseable en móvil. Esta propiedad finalmente es sobreescrita por otra, pero evita que se muestre el menu por 1s. En escritorio afecta haciendo que el menú aparezca 1s más tarde, pero eso no molesta*/
.menu_main_nav_area {
    display:none;
}