/*
Theme Name: Pablo Rojas Vila
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Moixo
Author URI: https://moixo
Description: A plain-vanilla & lightweight theme for Elementor page builder

*/

@media screen and (min-width: 768px) {
	body.home #site-header {
		display: none;
	}
}

body.home #site-header .site-branding a {
    color: #ffffff;
    background-image: url('/wp-content/uploads/2022/11/pablorojasvila_wht.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    width: 305px;
    height: 65px;
}

body.home #site-header .site-branding a img {
    display: none;
}

body.home #site-header .site-navigation ul.menu li a {
    color: #ffffff;
    font-weight: 400;
}

.elementor-464{
	position: relative;
}

.menu-home{
	position: absolute !important;
	bottom: 0;
	width: 100%;
}

.menu-home h2 a:hover{
	border-bottom: 2px solid white;
}

#site-header {
    padding-top: 2rem;
    padding-bottom: 2rem;
    z-index: 2;
}
@media screen and (max-width: 768px) {
	body.home #site-header {
		padding-top: 10px;
		padding-bottom: 5px;
	}
	body.home #site-header .site-logo  {
		display: none;
	}
	body.home .site-navigation-dropdown ul.menu {
		background: transparent;
	}
	body.home .site-navigation-dropdown ul.menu li a{
		background: #0000005e;
		color: #ffffff;
	}
}
.site-branding {

}

@media screen and (min-width: 1200px) {
    .page-header .entry-title, .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    .site-header .header-inner, .site-header:not(.dynamic-header),
    body:not([class*="elementor-page-"]) .site-main {
        max-width: 1280px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
	.header-inner {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	.site-navigation{
		max-width: 100% !important;
	}
}

#menu-menu-principal {
    text-transform: uppercase;
}

#menu-menu-principal .current-menu-item a {
    font-weight: 500;
}

#menu-menu-principal .current-menu-item a:before{
    content: '[ ';
    font-weight: 500;
}

#menu-menu-principal .current-menu-item a:after{
    content: ' ]';
    font-weight: 500;
}

.site-navigation-toggle-holder .site-navigation-toggle {
	color: #000000;
	border-radius: 0;
	background-color: transparent;
}

@media screen and (max-width: 768px){
	body.home .site-navigation-toggle-holder .site-navigation-toggle {
		color: #FFFFFF;
	}
}

.site-navigation-dropdown ul.menu li a {
	font-size: 17px;
  	text-align:center;
}

.site-navigation-dropdown ul.menu li.current-menu-item a {
  background: #000;
}

#site-footer {
	background-color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
}



@media screen and (min-width: 768px) and (max-width: 1024px) {
	.site-footer .footer-inner {
		max-width: 95% !important;
	}
}

@media screen and (max-width: 768px) {
	#site-footer {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#site-footer .site-navigation  {
		margin-top: 15px;
	}
}