/*
	Theme Name: Close·marketing
	Theme URI: https://close.marketing
	Description: Tema realizado creado a medida en WordPress.
	Author: closemarketing
	Author URI: https://close.marketing

	Version: 1.0

	Template: generatepress

	License: GPL-2.0+
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Modificar ancho del cuerpo de la entrada */
.single.single-post div.site-content {
    max-width: 1200px !important;
}

/* Header */
header.site-header .inside-header.grid-container {
	display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    position: relative;
}

header.site-header .inside-header.grid-container div.site-logo {
	width: 100%;
}

header.site-header .inside-header.grid-container .vik-redes {
	width: 20%;
    position: absolute;
    right: 3%;
	margin-top: 0 !important;
}

@media screen and (width <= 1200px) {
	header.site-header .inside-header.grid-container .vik-redes {
		right: 10%;
	}
}

/* Fijar menú */
header.site-header {
    position: fixed;
    width: 100%;
    z-index: 1000;
	top: 0;
}

/* Enlaces menú */
nav#site-navigation {
	position: fixed;
    top: 75px;
    width: 100%;
    z-index: 1000;
}

/* Compensar menú fijo */
@media screen and (width >= 768px) {
	/* Ajuste home */
    .home div.site-content {
		padding-top: 90px !important;
	}

	/* Ajuste single post */
	.single.single-post div.site-content {
		padding-top: 0px !important;
	}

	div.site-content {
		padding-top: 160px !important;
    }
}

/* Posts Relacionados */

/* Blog */

div.viki-custom_blog div.gb-grid-wrapper > div:first-child {
	width: 100% !important;
}

/* Asignar Imagen destacada si el post no tiene una configurada */
div.erasvik-postImage:not([style*="background-image"]) {
	background-image: url("images/erasvikyngas.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/* Estilos formulario newsletter */
form.viki-form_newsletter div.gform_body div#field_submit {
	display: flex;
	align-items: center;
}

/* Color hover botones */
input.gform-button:hover {
	background: var(--secundary) !important;
	color: white !important;
}