/**
 * Style by Daniele Mte90 Scasciafratte
 * Screen: https://github.com/WebDevStudios/CMB2-Snippet-Library/issues/46#issue-181381934
 * Works on options/settings pages and transform the different fields separated by a title like metabox
 */

#cmb2-metabox-wpgr_wishlist {
    &.cmb2-metabox.cmb-field-list .cmb-row.cmb-type-title {
        padding: 8px 12px;
        margin: 0;
        margin-top:10px;
        line-height: 1.4;
        // border: 1px solid #e5e5e5;
        border-bottom: 1px solid #eee;
    }
    &.cmb2-metabox.cmb-field-list .cmb-nested .cmb-row.cmb-type-title {
        padding: 0;
    }
    &.cmb2-metabox.cmb-field-list > .cmb-row {
        background: #fff;
        box-shadow: 0 1px 1px rgba(0,0,0,0.04);
        padding: 0 12px;
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
        margin-top:-1px;
    }
    &.cmb2-metabox.cmb-field-list .cmb-th {
        font-weight: initial;
    }
    &.cmb2-metabox.cmb-field-list .cmb2-metabox-title {
        margin: 0;
        padding:0;
    }
    .cmb-form .button-primary {
        margin-top: 20px;
    }
}

/* --------- */


.cmb2-context-wrap-wpgr_wishlist.cmb2-context-wrap-wpgr_wishlist {

    h5 {
        font-size: 20px;
    }

    #wpgr-wishes-title {
        //margin: 1em 0;
    }

    #wpgr_wishlist_repeat {
        padding: 1em 0;
    }

    p,
    p.cmb2-metabox-description {
        font-size: 16px;
        color: #888;
        font-style: normal;
    }

    .cmb2-metabox-description {
        max-width: 800px;
    }

    code {
        font-size: 16px;
        font-weight: bold;
    }

    label {
        font-weight: bold;
    }
}

.cmb2-id-wpgr-shortcode {
    padding: 0 !important;

    code.shortcode {
        display: block;
        text-align: center;
        margin-top: 18px;
        padding: 1em 0;
        color: #fff;
        background-color: #ffa393;
        font-size: 20px;
        font-weight: bold;
        font-style: normal;
    }

    p {
        font-style: normal;
        color: #444;
        padding-bottom: 0 !important;
    }

    .button {
        margin-top: 20px;
    }
}

.cmb-type-unique-id {
    display: none;
}