@import url(http://fonts.googleapis.com/css?family=Open+Sans|PT+Serif);
@import url(http://fonts.googleapis.com/css?family=Alegreya:300,300italic);
@import url('https://fonts.googleapis.com/css?family=Alegreya:400,400i,500,500i|Alegreya+Sans');
@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,wght@0,400;0,700;0,800;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Encode+Sans+Semi+Condensed:wght@400;900&display=swap');
/*
@import url('https://fonts.googleapis.com/css?family=Almendra:400,700i');
*/

body {
    font-family: "Encode Sans Semi Condensed", sans-serif;
/*
    background:#fff url(../images/background-light.jpg) ;
*/
    background:#fff;
    color:#555;
    font-size: 20px;
    font-weight:400;
}

h1, h2, h3, h4, h5 {
    font-family: "Encode Sans Semi Condensed", sans-serif;
    font-weight:900;
    color:#000;
    text-transform:uppercase;
}

h1 {font-size:52px;}
h2 {font-size:42px;}
h3 {font-size:28px; color:#555;}
h2 strong, h3 strong {color:#555;}
h4 {font-size:24px; margin:20px 0;}
h4 strong {color:#fff200; text-shadow:1px 1px 5px #666;}

/*
.front h2 {
    font-size:24px;
}
.front h3 {
    font-size:18px;
}
*/

/*
a {
    color:#a40000;
}
a:hover {
    color:#dd0000;
}
a:focus {
    color:#dd0000;
}
*/

hr {
    margin-bottom:15px;
    margin-top:15px;
    border-color:transparent;
    background:transparent url(../images/separador-hr.png) no-repeat center center;
    height:7px;
}

.display-block {display:block;}
.text-uppercase { text-transform: uppercase; }
.text-black, strong { color:#000; }
.border-dashed-bottom { border-bottom:1px dashed #000; }
.fs-1 { font-size:1.1em; }
.mb-0 { margin-bottom:0; }
.mb-5 { margin-bottom:5px; }
.mb-10 { margin-bottom:10px; }
.mb-15 { margin-bottom:15px; }
.mt-0 { margin-top:0; }
.mt-5 { margin-top:5px; }
.mt-10 { margin-top:10px; }
.mt-15 { margin-top:15px; }

/*
.container {
    background:transparent url(../images/background-light.jpg);
    box-shadow:0px 0px 2px #999;
}
*/
#page {
    padding-top:15px;
    font-family: "Encode Sans Semi Condensed", sans-serif;
/*
    background:transparent url(../images/splash-2.png) no-repeat top right;
*/
}
@media (max-width: 767px) {
    #page {
        padding-top:0px;
    }
}

#bookstores {
    margin-top:15px;
}
#bookstores h1 {
    margin:0px;
}
#bookstores h1 a:hover,
a:hover img {
    opacity:0.8;
}
@media (max-width: 767px) {
    #bookstores h1 {
        font-size:18px;
        font-weight:bold;
        line-height:24px;
        letter-spacing:-.5px;
        background:transparent url(../images/trebol.png) no-repeat bottom center;
        padding-bottom:25px;
    }
    #bookstores h1 a {
        color:#000;
    }
}

/*
@media (min-width: 979px) {
    .container {
        width:960px;
    }
}
*/

/* header */

#header {
    padding-top:10px;
    padding-bottom:4px;
/*
    background:transparent url(../images/background.jpg);
*/
/*
    background:#f5e7bb;
*/
    background:#fff;
    box-shadow:0px 0px 2px #333;
}
/*
#header .container {
    background: transparent url(../images/separador-header.png) no-repeat bottom center;
    margin-bottom:-8px;
}
*/
#header h1 {
    margin-bottom:0px;
}

.page-header {
    border-bottom: none;
    margin: 40px 0 15px;
    padding-bottom: 0px;
}

/* navbar */
.navbar {
    margin-bottom:4px;
}
.navbar .nav > li > a {
/*
    font-weight:bold;
*/
    color:#333;
/*
    letter-spacing:-0.5px;
*/
    border-radius:3px;
}
.navbar-nav > li > a {
    padding:10px 10px;
}
.navbar .nav > li > a:hover {
    background-color:#000;
    color:#fff;
}
.navbar .nav > li > a.active-menu-item-link {
    color:#666;
}
.navbar .navbar-brand {
/*
    padding:13px 0px;
*/
    font-family: "Newsreader",serif;
    font-size:24px;
    text-transform:uppercase;
    padding: 0 0 10px;
    width: 60%;
}
.navbar a.navbar-brand {
    color:#000;
    font-weight:bold;
}
.navbar .navbar-toggle {
  border-color: #333;
}

.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: #333;
}

.navbar .navbar-toggle .icon-bar {
  background-color: #555;
}

.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #e7e7e7;
}

@media (max-width: 767px) {
    .navbar-nav {
        margin:0px;
    }
    .navbar-collapse {
        max-height:none;
        overflow-x:hidden;
        border-top:none;
        box-shadow:none;
    }
    .navbar-collapse.in {
        overflow-x:hidden;
    }
    .container > .navbar-collapse {
        padding: 0 15px 0 30px;
    }

    /* main nav */
    #menu-basico {
            clear: both;
            z-index: 10000;
            padding: 0px;
    }
    #menu-basico li {
            clear: both;
            float: none;
            margin: 0px;
    }
    #menu-basico li a {
        display:block;
        padding:10px 0;
        margin:0px;
        border-bottom:1px solid rgba(255,255,255,0.1);
    }
    #menu-basico li:last-child a {
        border-bottom:none;
    }
    #menu-basico li a:hover {
/*
        background:rgba(255,255,255,0.1);
*/
    }
    #menu-basico a,
    #menu-basico ul a {
            font: inherit;
            background: none;
            display: block;
            padding: 10px 0;
    }
    #menu-basico a:hover,
    #menu-basico ul a:hover {
/*
            background: none;
*/
    }
}

/* pagination */
.paginator {
    text-align:center;
}
.pagination > li > a.current {
    color:#999999;
    cursor:default;
}
.pagination > li > a.current:hover,
.pagination > li > a.current:focus {
  background-color: #fff;
}

/* entry styles */
.post-list h1, .post-list h2, .post-list h3{
    margin-top:0px;
}
.post-list h2.title {
    margin:20px 0 20px;
    padding-bottom:10px;
    border-bottom:1px solid #eee;
}
.info, .links {
    font-size:0.9em;
    margin:5px 0;
}
.separator:last-child {
    display:none;
}
.meta {
    margin:5px 0 15px;
}

/* contact form */
.asteriskField {
    color:red;
}
#submit-id-send {
    margin-right:15px;
}
.contact .col-sm-12 {
    float:left;
}

/* related */
.related .title {
    font-weight:bold;
}
.related span.pdf {
    display:block;
}
.related span.pdf {
    margin-bottom:5px;
}
.related a > img {
/*
    border-radius:50px;
*/
    box-shadow:0px 0px 2px #999;
}

/* librerias */
.logo-libreria, .logo-libreria img {
    text-align:center;
}

/* noticias portada */
.first-news {
    padding-bottom:10px;
    margin-bottom:15px;
    background:transparent url(../images/separador.png) no-repeat bottom center;
}
.first-news img {
    box-shadow:0px 0px 2px #999;
    padding:3px;
    background:#fff;
}

/* sidebar */
.block.librerias {
    padding-top:15px;
    margin-top:15px;
    background:transparent url(../images/separador-b.png) no-repeat top center;
    font-family: "Newsreader",serif;
    font-weight:800;
}
.block h2 {
    font-size:20px;
}
.block.librerias li {
    padding:8px 0;
    font-size:1.2em;
    line-height:1em;
}
.block.librerias li a {
    color:#000;
}
.block.tags .tag {
    line-height:26px;
}
.block.tags .tag a {
    color:#fff;
}
.block.tags .label {
    font-size:85%;
}

/* Eventos */
.event-date {
    font-size:16px;
    font-weight:bold;
    letter-spacing:-0.5px;
    color:#870000;
    font-family: "Open Sans",Arial,sans-serif;
}
.front .event-date {
    font-size:12px;
}
.event-list h3 {
    font-size:18px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.event-list .event-date {
    font-size:12px;
}

h3.first-event {
    font-size:24px;
}
h3.first-event a {
    color:#000;
}

.thumbnail {
/*
    background:#fff url(../images/background.jpg);
*/
    background:#f1f1f3;
    border-radius:0px;
    border:none;
    box-shadow:0px 0px 2px #333;
}

/* footer */
#footer {
    text-align:center;
    margin-top:30px;
    padding:30px 0 10px;
    background:transparent url(../images/separador-pie.png) no-repeat top center;
}
#footer .alvacal-texto {
    width:50%;
    margin:0px auto 5px auto;
}

/* Top scroll button */

#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px;
    right: 20px;
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px;
    right: 20px;
}
#top-link-block .btn {
    padding: 9px 12px;
}
#top-link-block .btn-link,
#top-link-block .btn-link:active,
#top-link-block .btn-link:focus,
#top-link-block .btn-link:hover {
    border:1px solid #666;
    background:#000;
    color:#fff;
}

/* Extras */
@media (min-width: 767px) {
    .feria-2016 {
        background:transparent url(../../files/cabecera-web.png) no-repeat top center;
        padding-top:150px;
    }
    .feria-2017 {
        background:transparent url(../images/cabecera-web-2017-ii.png) no-repeat top center;
        padding-top:150px;
        z-index:1000;
        position:absolute;
        width:100%;
    }
    .feria-2018 {
        background:transparent url(../images/cabecera-web-2018.png) no-repeat top center;
        padding-top:150px;
        z-index:1000;
        position:absolute;
        width:100%;
    }
    .feria-2019 {
        background:transparent url(../images/cabecera-web-2019.png) no-repeat top center;
        padding-top:150px;
        z-index:1000;
        position:absolute;
        width:100%;
    }
    .feria-2021 {
        background:transparent url(../images/cabecera-web-2021.jpg) no-repeat top center;
        padding-top:400px;
        z-index:1000;
        position:absolute;
        width:100%;
    }
    .feria-2022 {
/*
        background:#f0ece3 url(../images/fondo-feria-2022.jpg) repeat top left;
*/
        background:#f0ece3;
/*
        padding-bottom:400px;
*/
        padding-top:120px;
/*
        z-index:1000;
        position:absolute;
        width:100%;
*/
    }
    .header-bg {
/*
		background:#f0ece3 url(../images/cabecera-web-2022.jpg) no-repeat top center;
*/
        position:absolute;
        width:100%;
/*
        height:120px;
*/
        z-index:10;
        
        text-align:center;
        font-weight:900;
        text-transform: uppercase;
    }
    .header-bg h1 {
		color:#fff200;
/*
		color:#333;
*/
        font-size:60px;
        text-shadow:1px 1px 5px #666;
    }
    #footer-wrapper {
		height:390px;
		background:transparent url(../images/fondo-pie-feria-2022.png) no-repeat bottom center;
	}
}
