/*
Theme Name: JB Edicones
Text Domain: 
Version: 1
Author: Isabel Morales, Manuel Chaparro, Jesus Carrero
Author URI: 
*/

/*
* Generals
*/

img {
    max-width: 100%;
}

@font-face {
    font-family: Montserrat-regular;
    src: url(./fonts/Montserrat-Regular.ttf);
}

@font-face {
    font-family: Montserrat-medium;
    src: url(./fonts/Montserrat-Medium.ttf);
}

@font-face {
    font-family: Montserrat-bold;
    src: url(./fonts/Montserrat-Bold.ttf);
}

@font-face {
    font-family: Montserrat-semibold;
    src: url(./fonts/Montserrat-SemiBold.ttf);
}

@font-face {
    font-family: LibreBaskerville-regular;
    src: url(./fonts/LibreBaskerville-Regular.ttf);
}

@font-face {
    font-family: LibreBaskerville-bold;
    src: url(./fonts/LibreBaskerville-Bold.ttf);
}

.montse-medi, label {
    font-family: Montserrat-medium !important;
    color: #707070 !important;
}

*, a, p, div {
    font-family: Montserrat-regular;
    color: #707070;
}

a {
    text-decoration: none;
}

/* Menu */

.navbar-brand img {
    max-height: 70px;
}

.libreb-regular {
    font-family: LibreBaskerville-regular;
}

.montse-bold, strong, h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
    font-family: Montserrat-bold;
    font-weight: unset;
}

.montse-semi, h5, h6, .h5, .h6 {
    font-family: Montserrat-semibold;
}

.btn {
    font-family: Montserrat-bold !important;
}

ul {
    padding-left: 1rem !important;
}

/*
* Modals
*/

.btn-close-modal {
    background-color: #707070;
    border-radius: 50%;
    color: white;
}

.btn-close-modal svg path {
    fill: white;
}

.btn-store-modal {
    background-color: #F0F0F0;
    display: block;
    -webkit-box-shadow: 5px 5px 15px #0000001F;
    box-shadow: 5px 5px 15px #0000001F;
    border-radius: 8px;
    text-align: center;
}

body {
    background-color: #F0F0F0;
}

.book-text {
    font-family: LibreBaskerville-regular;
    color: #707070;
}

.book-highlight-size {
    height: 380px;
}

.img-btn-size {
    height: 70px;
    box-shadow: 5px 5px 15px #0000001F;
    border-radius: 8px;
}

.book-precat {
    height: 245px;
    box-shadow: 5px 5px 15px #0000001F;
    transition: .5s ease;
}

.book-precat:hover {
    height: 245px;
    box-shadow: 5px 5px 15px #0000001F;
    opacity: 0.8;
    transition: .5s ease;
}

.cat-books:hover{
    text-decoration: underline;
    color: #707070 !important;
}

.carrusel{
    background-color: #DFDCCF;
    height: 340px;
}

.books-modal-dialog .modal-content {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 15px;
}

footer {
    background-color: #3f3f42;
    color: #f0f0f0;
}

.btn-footer {
    color: #FFFFFF !important;
    border-color: #FFFFFF;
}

.btn-footer:hover {
    color: #3f3f42 !important;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
}

.line-hegiht-30 {
    line-height: 30px;
}

.menu-text, .menu-text a {
    color: #707070 !important;
    opacity: 0.8;
}

.menu-text:hover, .menu-text a:hover {
    color: #707070 !important;
    opacity: 0.8;
    text-decoration: underline;
}

.menu-text.active, .menu-text a.active {
    opacity: 1;
    font-family: Montserrat-semibold;
}

/* ---- CONTACTO ---- */

.card {
    box-shadow: 5px 5px 15px #0000001f;
    border-radius: 8px;
}

.form-content input {
    border-color: 1px solid #ced4da !important;
    border-radius: .25rem !important;
    padding: .375rem .75rem !important;
    height: 38px !important;
}

.form-content .btn {
    background-color: white !important;
    border-color: #707070 !important;
    color: #707070 !important;
}

/*
* Bootstrap Media Query
*/

/* X-Small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {}

/* X-Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {}

/* XX-Large devices (larger desktops, 1400px and up) */

@media (min-width: 1400px) {}