/**
 * Generosity Admin CSS
 *
 * @package Generosity
 * @subpackage Admin CSS
 * @copyright Copyright (c) 2019, Code Monkeys Software
 * @license http://opensource.org/licenses/gpl-2.0.php GNU Public License
 */

/*------------------------------------
Settings
--------------------------------------*/
.generosity_settings_page .nav-tab-wrapper {
    margin-bottom: 25px;
}

/* Section Titles */

.cmb-type-title h3 {
    float: left;
    width: 200px;
}

.postbox-container #_generosity_donation_levels_repeat > .cmb-repeatable-grouping:not(:last-of-type) {
    border-bottom: 1px solid #e9e9e9;
    border-top: none;
}

/*------------------------------------
Forms CPT
------------------------------------*/

/* Hide conditional fields */

.cmb2-id--generosity-set-price, .cmb2-id--generosity-levels-header, .cmb2-id--generosity-levels-header + .cmb-repeat-group-wrap {
    display: none;
}

#_generosity_donation_levels_repeat {
    margin: 0 0 20px;
}

/* Customize Default Label */
#_generosity_donation_levels_repeat > .cmb-repeatable-grouping .cmb-field-list > .cmb-row .cmb2-radio-list label {
    font-size: 12px;
}

/* Table Rows */
div.cmb-type-levels-repeater-header {
    padding: 10px 1px 0 0 !important;
    margin: 0 !important;
}

div.cmb-type-levels-repeater-header + div.cmb-repeat-group-wrap {
    padding: 0 !important;
    margin: 0 !important;
}

.table-container {
    display: table;
    width: 100%;
    border-top: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
}

.table-container > .table-row {
    display: table-row;
    background: #FCFCFC;
}

.table-container > .table-row > .table-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 15px;
    border-right: 1px solid #e9e9e9;
}

/* Smaller Resolution Desktops AND UP */
@media only screen and (min-width: 851px) {

    #_generosity_donation_levels_repeat > .cmb-repeatable-grouping .cmb-field-list > .cmb-row > .cmb-th {
        display: none;
    }

    #_generosity_donation_levels_repeat > .cmb-repeatable-grouping .cmb-field-list > .cmb-row > .cmb-td {
        float: left;
        width: 100%;
    }

    #_generosity_donation_levels_repeat > .cmb-repeatable-grouping .cmb-field-list > .cmb-row {
        float: left;
        border-bottom: none;
    }

}

/* Smaller Resolution Desktops */
@media only screen and (min-width: 851px) and (max-width: 1200px) {

    #_generosity_donation_levels_repeat > .cmb-repeatable-grouping .cmb-field-list > .cmb-remove-field-row {
        width: 100%;

        padding-top: 0;
    }

    #_generosity_donation_levels_repeat > .cmb-repeatable-grouping .cmb-field-list > .cmb-type-text-money {
        width: 120px;
    }

    #_generosity_donation_levels_repeat > .cmb-repeatable-grouping .cmb-field-list > .cmb-type-text {
        width: 180px;
    }

    #_generosity_donation_levels_repeat > .cmb-repeatable-grouping .cmb-field-list > .cmb-type-radio-inline {
        margin-left: 20px;
    }

    .col-amount {
        width: 95px;
    }

    .col-text {
        width: 165px;
    }

    .col-sort {
        display: none !important;
    }

}

@media only screen and (min-width: 1201px) {
    #_generosity_donation_levels_repeat > .cmb-repeatable-grouping .cmb-field-list > .cmb-remove-field-row {
        float: right;
    }

    #_generosity_donation_levels_repeat > .cmb-repeatable-grouping .cmb-field-list > .cmb-row {
        padding-right: 20px;
    }

    #_generosity_donation_levels_repeat > .cmb-repeatable-grouping .cmb-field-list > .cmb-remove-field-row.cmb-row {
        padding-right: 0;
    }

    #_generosity_levels_repeat .regular-text {
        width: 100%;
    }

    .col-amount {
        width: 100px;
    }

    .col-text {
        width: 175px;
    }

    .col-sort {
        width: 215px;
    }

}

@media only screen and (min-width: 1350px) {

    .col-text {
        width: 288px;
    }

    #_generosity_donation_levels_repeat > .cmb-repeatable-grouping .cmb-field-list > .cmb-type-text {
        width: 300px;
    }

}

@media only screen and (max-width: 850px) {
    div.cmb-type-levels-repeater-header {
        display: none;
    }
}