/*
Theme Name:     Newspaper Child theme
Theme URI: 		http://themeforest.net/user/tagDiv/portfolio
Description:    Child theme made by tagDiv
Author:         tagDiv
Author URI: 	http://themeforest.net/user/tagDiv/portfolio
Template:       Newspaper
Version:        9.0c
*/


/*  ----------------------------------------------------------------------------
    This file will load automatically when the child theme is active. You can use it
    for custom CSS.
*/

/* ==========================================================
   BRICOPORTALE — LIBRO OMAGGIO SIDEBAR
   ========================================================== */

.bp-sidebar-book,
.bp-sidebar-book * {
    box-sizing: border-box;
}

.bp-sidebar-book {
    width: 100%;
    max-width: 340px;
    margin: 0 auto 25px;
    padding: 18px;

    background: #ffffff;

    border: 1px solid #e5e5e5;
    border-radius: 12px;

    box-shadow:
        0 6px 22px rgba(0,0,0,.08);

    font-family: Arial, Helvetica, sans-serif;
}


/* ==========================================================
   OMAGGIO DIGITALE
   ========================================================== */

.bp-sidebar-book-label {
    margin: 0 0 12px;

    color: #d71920;

    font-size: 13px;
    line-height: 1;

    font-weight: 900;

    letter-spacing: 1px;

    text-transform: uppercase;

    text-align: center;
}


/* ==========================================================
   PARTE SUPERIORE
   libro + testo affiancati
   ========================================================== */

.bp-sidebar-book-top {
    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 15px;
}


/* ==========================================================
   COPERTINA
   ========================================================== */

.bp-sidebar-book-cover {
    flex: 0 0 105px;

    width: 105px;

    padding: 7px;

    background: #f3f3f4;

    border-radius: 9px;

    text-align: center;
}


.bp-sidebar-book-cover img {
    display: block;

    width: auto;
    max-width: 91px;
    max-height: 125px;

    margin: 0 auto;
}


/* ==========================================================
   COPY
   ========================================================== */

.bp-sidebar-book-copy {
    flex: 1;

    min-width: 0;

    text-align: left;
}


.bp-sidebar-book-copy h3 {
    margin: 0 0 7px !important;

    padding: 0 !important;

    color: #252525 !important;

    font-size: 20px !important;
    line-height: 1.08 !important;

    font-weight: 900 !important;

    letter-spacing: -.4px !important;
}


.bp-sidebar-book-copy p {
    margin: 0 !important;

    color: #666666 !important;

    font-size: 13px !important;
    line-height: 1.35 !important;
}


/* ==========================================================
   NASCONDI LA PARTE HERO DEL FORM POPUP
   perché nella sidebar l'abbiamo già ricreata
   ========================================================== */

.bp-sidebar-book-form .bp-book-hero,
.bp-sidebar-book-form .bp-book-visual,
.bp-sidebar-book-form .bp-book-text {
    display: none !important;
}


/* ==========================================================
   RESET DEL FORM
   ========================================================== */

.bp-sidebar-book-form .bp-book-popup,
.bp-sidebar-book-form .bp-book-body {
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


.bp-sidebar-book-form .wpcf7,
.bp-sidebar-book-form .wpcf7-form {
    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================
   EMAIL
   ========================================================== */

.bp-sidebar-book-form .bp-book-email {
    margin: 0 0 9px !important;
}


.bp-sidebar-book-form input[type="email"] {
    display: block;

    width: 100% !important;
    height: 44px !important;

    margin: 0 !important;
    padding: 0 12px !important;

    background: #ffffff !important;

    border: 1px solid #d6d6d8 !important;
    border-radius: 7px !important;

    color: #292929 !important;

    font-size: 13px !important;
    line-height: 44px !important;

    box-shadow: none !important;

    outline: none !important;
}


.bp-sidebar-book-form input[type="email"]:focus {
    border-color: #d71920 !important;

    box-shadow:
        0 0 0 3px rgba(215,25,32,.08) !important;
}


/* ==========================================================
   PRIVACY E MARKETING
   ========================================================== */

.bp-sidebar-book-form .bp-book-privacy,
.bp-sidebar-book-form .bp-book-marketing {
    margin: 0 0 8px !important;

    color: #666666 !important;

    font-size: 9.5px !important;
    line-height: 1.3 !important;

    text-align: left !important;
}


.bp-sidebar-book-form .wpcf7-list-item {
    margin: 0 !important;
}


.bp-sidebar-book-form .bp-book-privacy label,
.bp-sidebar-book-form .bp-book-marketing label {
    display: flex !important;

    align-items: flex-start !important;

    gap: 6px !important;
}


.bp-sidebar-book-form input[type="checkbox"] {
    flex: 0 0 auto;

    width: 14px;
    height: 14px;

    margin: 1px 0 0 !important;
}


.bp-sidebar-book-form .bp-book-privacy a {
    color: #555555 !important;

    text-decoration: underline !important;
}


/* ==========================================================
   PULSANTE
   ========================================================== */

.bp-sidebar-book-form .bp-book-submit {
    margin: 10px 0 0 !important;
}


.bp-sidebar-book-form input[type="submit"] {
    display: block;

    width: 100% !important;
    min-height: 44px !important;

    margin: 0 !important;
    padding: 11px 10px !important;

    background: #d71920 !important;

    border: 0 !important;
    border-radius: 7px !important;

    color: #ffffff !important;

    font-size: 12px !important;
    line-height: 1.2 !important;

    font-weight: 900 !important;

    letter-spacing: .2px !important;

    box-shadow: none !important;

    cursor: pointer !important;
}


.bp-sidebar-book-form input[type="submit"]:hover {
    background: #b9141a !important;
}


/* ==========================================================
   ERRORI / MESSAGGIO INVIO
   ========================================================== */

.bp-sidebar-book-form .wpcf7-not-valid-tip {
    margin-top: 4px !important;

    color: #b9141a !important;

    font-size: 9.5px !important;
}


.bp-sidebar-book-form .wpcf7-response-output {
    margin: 10px 0 0 !important;
    padding: 10px !important;

    border-radius: 6px !important;

    font-size: 11px !important;
    line-height: 1.35 !important;

    text-align: center !important;
}


/* ==========================================================
   TABLET / MOBILE
   ========================================================== */

@media screen and (max-width: 767px) {

    .bp-sidebar-book {
        max-width: 420px;
    }

    .bp-sidebar-book-cover {
        flex-basis: 115px;
        width: 115px;
    }

    .bp-sidebar-book-cover img {
        max-width: 100px;
        max-height: 135px;
    }

}