/*
Theme Name: Mies Child
Theme URI: http://pixelgrade.com/demos/mies
Author: PixelGrade Team
Author URI: http://pixelgrade.com
Template: mies
Description: MIES is a front line parallax Architecture WordPress Theme prized for allowing you to present your activity within a delightful and captivating experience. It's perfect for a full range of presentations and portfolio projects of designers, architects or photographers.
License: Themeforest Split Licence
License URI: -
Text Domain: mies_txtd
Domain Path: /languages/
Tags: white, light, dark, responsive-layout, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, theme-options, translation-ready
*/

/* Add your custom CSS rules that overwrite the ones in the main Mies theme here */

/* This file assumes you wish to add new CSS rules that will overwrite the ones in the parent's CSS files
If you wish however, you can copy the whole style.css file from the parent here and hack at it - see functions.php for more details.
In that case please remember that you still need to retain the header above (replace the header of the parent style.css with the one above),
specifically the 'Template: hive' line. */
.newcontent h1 {font-size:30px;text-align:center;margin-bottom:25px;}
.newcontent h2 {font-size:26px;text-transform:none;margin: 25px 0;}
.newcontent h3 {font-size:23px;text-align:center;margin;25px 0;}
.newcontent h4 {font-size:20px;text-align:center;margin;25px 0;}
.centro {text-align:center;}
.martop {margin-top:40px !important;}
.martop2 {margin-top:80px !important;}
.marbotop {margin:40px 0 !important;}
.tripleop a {text-decoration:none;}
.tripleop a:hover {opacity:0.6;}
.newbtn {border-radius:0 !important;font-size:14px !important;}
.secc {margin-top: 200px !important;}
.newcontent a {color:#eec558;border-bottom:none !important;}

@media only screen and (max-width: 768px) {
	.col-md-4 {margin-top:20px !important;}
	.col-md-6 {margin-top:20px !important;}
	.martop {margin-top:20px !important;}
	.martop2 {margin-top:30px !important;}
}

/* Estilos antiguos DOL */
:root { scroll-behavior: auto !important; }

body, .title, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, blockquote cite, .h5, .separator > *, .h6,
							a.clear, .masonry__item-meta {
	color: #171617; 

}
.hero--light .hero__content *, .hero--light .hero__content a.meta-list__item,
										.hero--shadowed .hero__content *, .hero--shadowed .hero__content a.meta-list__item {
	color: #FFFFFF; 

}
.hero--light .hero__description .btn, .hero--shadowed .hero__description .btn {
	background-color: #FFFFFF; 

}
a, .wpcf7-submit, .archive-blog .read-more, .page-numbers.prev,
										.page-numbers.next, .comments_add-comment, .comment-reply-link,
										.filter__fields a, .entry-meta a, .single-product .entry-summary .woocommerce-breadcrumb a {
	color: #afafaf; 

}
h1, h2, h3, h4, h5, h6, .entry-title, .entry-header a, .tabs__nav a.current, .tabs__nav a:hover {
	color: #171617; 

}
.overlay--navigation {
	background-color: #000000; 

}
body, .separator__text, .separator > * {
	background-color: #ffffff; 

}
.footer {
	background-color: #171617; 

}
.menu--main-menu {
	font-size: 100px; 

}
.menu--main-menu {
	line-height: 1.7; 

}
body {
	font-size: 17px; 

}
body {
	line-height: 1.6; 

}
.site-logo--image img {
	max-height: 82px; 

}
.site-title--text {
	font-size: 82px; 

}
@media screen and (min-width: 1200px) {
.logo, .navigation {
	top: 42px; 

}

}
.content {
	max-width: 1200px; 

}
.content--portfolio-archive {
	max-width: 1500px; 

}
.content--single, .has_sidebar .content--single-post {
	max-width: 700px; 

}
@media only screen and (min-width: 900px) {
.content {
	margin-top: 100px; 

}

}
@media only screen and (min-width: 900px) {
.content {
	margin-bottom: 100px; 

}

}
.masonry .masonry__item {
	padding-left: 36px; 

}
.masonry {
	margin-left: -36px; 

}
.masonry {
	margin-top: -36px; 

}
.masonry .masonry__item {
	margin-bottom: 30px; 

}
.masonry .masonry__item {
	margin-top: 30px; 

}
@media screen and (min-width: 1200px) {
.gallery .gallery-item.gallery-item {
	border-left-width: 60px; 

}

}
@media screen and (min-width: 1200px) {
.gallery.gallery, .grid {
	margin-left: -60px; 

}

}
@media screen and (min-width: 1200px) {
.gallery.gallery, .grid {
	margin-bottom: 60px; 

}

}
@media screen and (min-width: 1200px) {
.grid__item {
	padding-left: 60px; 

}

}
.gallery .gallery-item {
	border-top-width: 60px; 

}
.gallery {
	margin-top: -60px; 

}
	/* Titles classes here */
	h1, h2, h3, h4, h5, h6, hgroup,
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
	.separator > *, blockquote cite{
	font-family: Lato;
		}

	/* Nav classes here */
	.menu--main-menu, .widget_nav_menu, .menu--horizontal, .menu--main-menu .sub-menu {
	font-family: Lato;
	font-weight: 900;
		}
	/* Body classes here */
	body, .menu--main-menu .sub-menu, .h1, .h2, .h3, .h4, .archive-categories a,
	body a.btn, .btn, body #comment-submit, .navigation__text, .gmap__marker__btn {
	font-family: Open Sans;
		}
	/*.site-footer.border-waves:before {-->
<!--	background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19 14' width='19' height='14' enable-background='new 0 0 19 14' xml:space='preserve' preserveAspectRatio='none slice'><g><path fill='--><!--' d='M0,0c4,0,6.5,5.9,9.5,5.9S15,0,19,0v7H0V0z'/><path fill='--><!--' d='M19,14c-4,0-6.5-5.9-9.5-5.9S4,14,0,14l0-7h19V14z'/></g></svg>");-->
<!--}-->*/
.covers .hero__bg img{
	/*min-height: none !important;*/
	min-width: none !important;
}
.header{
	background-color: black;
}

header h1{
	margin-top: 40px !important;
}


.header a {
    color: #ffffff;
}

.trigger {
    background-color: #ffffff;
}

#overlay-proyectos{
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.20);
    z-index: 1;
    position: absolute;
    transform: none !important;
}

#form_contacto .cont_input{
	margin-bottom: 15px;
}




@media screen and (max-width: 800px){
	.site-logo--image img {
	    max-height: 50px;
	}

	.header{
	    height: 80px;
	}

	.archive .content{
		margin-top: 20px;
	}

	.archive .overlay--navigation + .hero.content {
	    margin-top: 80px;
	    margin-bottom: 20px;
	}
	.hero .arrow--down {
	    display: block;
	}
	.mapa-contacto{
		pointer-events: none;
	}
	.menu--main-menu .sub-menu{
	    display:none !important;
	}

}

@media screen and (min-width: 800px){
	.site-logo--image img {
	    margin-top: -28px;
	}
	.header{
	    height: 100px;
	}

	.archive .content{
		margin-top: 30px;
	}
	.archive .hero.content {
    	margin-top: 100px;
    	margin-bottom: 30px;
	}
}

@media only screen and (min-width: 1200px){
	.admin-bar .logo, .admin-bar .navigation {
	    top: 70px;
	}

	.header{
	    height: 120px;
	}
	
	.archive .content{
		margin-top: 40px;
	}

	.archive .hero.content {
	    margin-top: 120px;
	    margin-bottom: 40px;
	}

}

.page-id-132 .content--page{
	margin-top: 0;
}

#mapa-contacto{
	width: 100%;
	height: 320px;
}

.form-connected input {
	border-bottom: 1px solid #d7d7d7;
}
.arrow--down { opacity: 1; }
.wpcf7-form > p { margin-bottom: 0 }
footer h3{
    margin-bottom: 20px;
}
.hero__title {
    font-size: 0.8em;
	display: inline-block;
	pointer-events: auto;
}

.menu--horizontal .sub-menu{
    padding-left: 0px;
    background-color: white;
    color: black;
    margin-top: 5px;
    margin-left: 5px;
    /* border: 1px solid black; */
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.menu--horizontal .sub-menu a {
    color: black !important;;
    display: inline-block;
}

.menu--horizontal .menu-item-has-children > a:before{
        content: "";
}
.menu--main-menu li:hover {
    background-color: transparent !important;
}
.menu--main-menu li:hover a {
    color: #eec558;
}

/* Nuevos estilos 2025 tras actualización de Mies */
.footer h3 {
    font-family: Lato;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
	margin-bottom: 10px;
}

.footer ul {
    font-weight: 400 !important;
    padding: 0px;
	
}
.footer ul li a{
	text-transform: none;
}
.footer ul li a:hover{
	color: white;
	text-decoration: underline;
}
.footer a{	
	text-decoration: none;
}
.footer a:hover{
	color: white;
	text-decoration: underline;
}

.menu a:hover{
	color: white;
}
.header.header--inverse a:hover {
	color: white !important;
}