:root {

    --brand-primary: #00A65A;
    --brand-secondary: #000;

    /* Font family */

    --main-fontFamily: 'Roboto', sans-serif;
    --heading-fontFamily: 'Roboto', sans-serif;

    /* Base font size */

    --base-fontSize: 14px;

    /* Heading font size */

    --h1-fontSize: 20px;
    --h2-fontSize: 18px;
    --h3-fontSize: 16px;
    --h4-fontSize: 14px;
    --h5-fontSize: 13px;
    --h6-fontSize: 13px;

    /* Button style */

    --btn-primaryBg: #00A65A;
    --btn-primaryTextColor: #fff;
    --btn-secondaryBg: #000;
    --btn-secondaryTextColor: #fff;

    /* tab */

    --tab-bg: #00A65A;
    --tab-text-color: #000;


}
  
body {

    font-family: var(--main-fontFamily);
    font-size: var(--base-fontSize);

}

body.placeholder {
    background-image: url('/assets/images/manawaturugby/placeholder.jpg');

}

h1, h2, h3, h4, h5, h6 {

    font-family: var(--heading-fontFamily);

}

h1 {

    font-size: var(--h1-fontSize);

}

h2 {

    font-size: var(--h1-fontSize);

}

h3 {

    font-size: var(--h1-fontSize);

}

h4 {

    font-size: var(--h1-fontSize);

}

h5 {

    font-size: var(--h1-fontSize);

}

h6 {

    font-size: var(--h1-fontSize);

}

.btn-brand {

    background-color: var(--btn-primaryBg);
    color:var(--btn-primaryTextColor);

}

.btn-sec {

    background-color: var(--btn-secondaryBg);
    color:var(--btn-secondaryTextColor);

}

/* Packages */

#packages header {

    background-color: var(--brand-primary);
    color: #fff;

}

#packages .r-tabs-nav .r-tabs-state-active a,
#packages .r-tabs-accordion-title a {

    background-color: var(--tab-bg);
    color: var(--tab-text-color);

}


@media (min-width: 768px) {

    #packages .grid {

        grid-template-columns: 1fr 1fr 1fr;

    }

}

#account-wrapper .sidebar {

    background-image: url('../../../assets/images/manawaturugby/account-bg.jpg');

}

table.renewalTable .headerRow th {padding: 10px;}
table.renewalTable,
#ctl00_ctl00_uiBodyMain_uiBodyMain_rblPaymentChoice,
#ctl00_ctl00_uiBodyMain_uiBodyMain_uiPartPaymentTypeChoiceContainer,
#ctl00_ctl00_uiBodyMain_uiBodyMain_tabCreditCard .cc-type,
#ctl00_ctl00_uiBodyMain_uiBodyMain_tabCreditCard .field-wrap label label, 
#ctl00_ctl00_uiBodyMain_uiBodyMain_uiPaymentTypeChoiceContainer .paymentType,
.paymentTypeCreditCard .blockInfo {font-size: 11px;}