/*
Theme Name: ChaserHobbitTheme
Author: ChaserHobbit
Author URI: https://chaserhobbit.com
Description: Plantilla creada para web de comic.

Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.1
Text Domain: ChaserHobbitTheme
Todos los derechos reservados.
*/

/*--estilos generales---*/
* {
    margin: 0%;
}
.barra {
    height: 28px;
    background-image: url(img/barra.jpg);
    background-repeat: repeat-x;
	width: 100%;
	margin: 0%;
    overflow: hidden;   
}

.naranja {
    background-color: #d56300;
}

.subtitle {
    color: #d56300;
    font-family: 'Rokkitt', serif;
    font-weight: 800;
}

a {
    font-family: 'Roboto Slab', serif;
    text-decoration: none;
    color: #d56300;
}
a:hover {
    text-decoration: none;
    color: #623804;
    transition: 0.6s;
}

.cardcap a {
    font-family: 'Roboto Slab', serif;
    text-decoration: none;
    color: #222222;
}
.cardcap a:hover {
    text-decoration: none;
    color: #d56300;
    transition: 0.6s;
}

.soon {
    height: 250px;
}
img {
    width: 100%;
    height: auto;
}
.robotoslab  {
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
}
/* google fonts
font-family: 'Roboto Slab', serif;
font-family: 'Rokkitt', serif;
*/
h1 {
    font-family: 'Rokkitt', serif;
    font-weight: 800;
}
h2 {
    font-family: 'Rokkitt', serif;
    font-weight: 800;
}
h3 {
    font-family: 'Rokkitt', serif;
    font-weight: 800;
}
h4, h5, h6 {
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
}
p {
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    margin-bottom: 0%;
}

/* BANNERS */
.banner {
    background-image: url('img/banner.jpg'); 
    background-size:cover;  
    background-position: top;
    height: auto;
}
.banner3 {
    background-image: url('img/banner3.jpg'); 
    background-size:cover;  
    background-position: top;
    height: auto;
}
.banner4 {
    background-image: url('img/banner4.jpg'); 
    background-size:cover;  
    background-position: top;
    height: auto;
}
.banner5 {
    background-image: url('img/banner5.jpg'); 
    background-size:cover;  
    background-position:bottom;
    height: auto;
}