/*
  Theme Name: Arequipa
  Theme URI:
  Author: Karina Prado Gutierrez
  Description: Tema para el estilo web de Arequipa
  Version: 1.0
  License: GNU General Public Licence or Later
  Tags: HTML5, CSS3, Arequipa, Blog,

  */
body {
	background-color: white;
}
h1, h2, h3, h4, h5, h6, p {
	/*font-family: 'Raleway', sans-serif;*/
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 20px;
}

nav.navegacion {
	background-color: #008fd1;
}

nav.navegacion ul {
	margin-top: 25px;
}

nav.navegacion li {
	margin-bottom: 20px;
	margin-right: 20px;
	text-align: center;
}

nav.navegacion ul li a {
	padding: 0;
	color: #ffffff;
	text-transform: uppercase;
}
nav.navegacion ul li a:hover {
	background-color: none;
	border: none;
}

.navbar-toggle {
	border:  1px solid #ffffff;
}
.navbar-toggle .icon-bar {
	background-color: #ffffff;
}

.site-header {
	height: 800px;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 20px;
}

div.titulo {
	line-height: 1.3;
	padding: 3px 0;
	border-left: 20px solid #008fd1;
	margin: 20px auto;
}

div.titulo h1 {
	background-color: #008fd1;
	padding: 3px 0;
	color: #ffffff;
	display: inline;
	margin: 0;
	font-size: 60px;
}
div.titulo h1 span {
	position: relative;
	left: -10px;
}

@media (min-width: 768px) {
	nav.navegacion {
		padding: 10px 0;
	}
	.site-header {
		background-size: cover;
		background-attachment: fixed;
	}
	.home .site-header {
		height: 800px;
	}

	img.logo {
		max-width: 400px;
	}
	.home div.titulo {
		margin-top: 100px;
	}
	div.titulo {
		margin-top: 100px;
	}
}

/* Ultimas Entradas*/

section.contenido .entrada {
	margin-bottom: 30px;
}
div.contenido-entrada {
	background-color: #ffffff;
}

.chat-wsp {
    position: fixed;
    bottom: 50px;
    right: 2%;
}
.btn-wsp-content-general {
    border-radius: 16px;
    background: #007902;
    display: inline-flex;
    width: 100%;
    padding: 12.5px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #FFF !important;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.65px;
    text-transform: uppercase;
	text-decoration: none;
    width: fit-content;
}
.btn-wsp-content-general i{
	color: #fff;
    font-size: 20px;
}