@import url("../../fcb-branding.css");

.main-nav {
    background-color:var(--sm-fcb__white);
}

.bm-vibe-logo-alignment{
    width:50%;
    max-width:100px;
}

.hdr_upper_bar{
    display: none;
}

.hdr_bar_cardholder_wide{
    height:45px;
}
.hdr_logo {
    top: 8px;
}

.bm-vibe-logo{
    width:100%;
    height:auto;
}

.section-bg-trans {
    background-color: var(--sm-fcb__white);
    margin-top: 1em;
    margin-bottom: 1em;
}

.fs-padding-top{
    padding-top: 1.5em;
}

.mobile-table {
    font-size: 110%;
    position:relative;}
.mobile-table .xs-table {
    display: table; }
.mobile-table .xs-table-row {
    display: table-row; }
.mobile-table .xs-table-cell {
    display: table-cell; }
.mobile-table .xs-table,
.mobile-table .xs-table-row {
    width: 100%; 
}
.mobile-table h1 {
    margin-bottom:0;
    font-size: 155%; }
.mobile-table h2 {
    text-align: left;
    font-size: 150%; }
.mobile-table h3 {
    font-size: 110%; }
.mobile-table h4 {
    font-size: 100%; }
.mobile-table p.small {
    font-size: 75%; }
.mobile-table-section-head h2,
.mobile-table-section-head h4{
    padding: 0.5em 0; }
.mobile-table-section-head h2{
    padding-bottom:0; }
.mobile-table .mobile-table-section-body-header .mobile-table-section-cell {
    height: 80px; }
.mobile-table .mobile-table-section-head-header .mobile-table-section-cell,
.mobile-table .mobile-table-section-body-header .mobile-table-section-cell {
    vertical-align: bottom; }
.mobile-table-section-head-header {
    font-weight: bold; }
.mobile-table-section-cell {
    padding: .25rem 0.5rem; }
.mobile-table-section-cell.cell-0-of-2, .mobile-table-section-cell.cell-1-of-2 {
    width: 25%; }
.mobile-table-section-cell.cell-0-of-1, .mobile-table-section-cell.cell-1-of-1, .mobile-table-section-cell.cell-2-of-2 {
    width: 50%; }
.mobile-table-section-body,
.mobile-table-section-head {
    border-left: 2px solid transparent; }
.mobile-table-section-body .mobile-table-section-cell {
    padding-bottom: 1rem;
    vertical-align: top;
    text-align: left;}
/*.mobile-table-section-body .mobile-table-section-cell > *:first-child {
    
}*/
.mobile-table-section-body-header .mobile-table-section-cell > *:first-child {
    border-color: transparent; }
.mobile-table-section-body-no-header-row .mobile-table-section-body-row:first-child .mobile-table-section-cell > * {
    border-top: none; }
.mobile-table .no-border-top > div > *:first-child {
    border-color: transparent; }
.mobile-table .mobile-table-section-body {
    padding-bottom: 1.5rem;
    vertical-align: top;
}
.mobile-table h4 {
    font-family: "Graphik", sans-serif;
    font-weight: normal; }
.mobile-table h1, .mobile-table h2, .mobile-table h3, .mobile-table h4, .mobile-table p {
    color: var(--sm-fcb__text-primary);
    line-height: 1.2;
    margin: 0; }
.mobile-table p + p {
    margin-top: 1.4em; }
.mobile-table-section{
    position: relative;}

.mobile-table-section + .mobile-table-section{
    background-position:left top;
    background-repeat:repeat-x;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEWqsbfbTly6AAAACklEQVQIHWNgAAAAAgABz8g15QAAAABJRU5ErkJggg==');
    background-size: 100% 2px;
}
.print-friendly{
    text-align: right;
    float: right;
    margin: 0; 
    margin-top: -25px;
}
.print-friendly a {
    text-decoration: none !important;
    color: var(--sm-fcb__carolina-blue) !important;
}
.effective_date{
    text-align: left;
    margin: 0 0 1em; }
@media (min-width: 480px) {
    .mobile-table h1 {
        font-size: 160%; }
    .mobile-table h2 {
        font-size: 150%; }
    .mobile-table h3 {
        font-size: 110%; }
    .mobile-table h4 {
        font-size: 100%; } }
@media (min-width: 768px) {
    .mobile-table .sm-table {
        display: table; }
    .mobile-table .sm-table-row {
        display: table-row; }
    .mobile-table .sm-table-cell {
        display: table-cell; }
    .mobile-table .sm-table,
    .mobile-table .sm-table-row {
        width: 100%; }
    .mobile-table h1 {
        margin: 16px auto 32px;
        font-size: 190%; }
    .mobile-table h2 {
        font-size: 175%; }
    .mobile-table h3 {
        font-size: 157.5%; }
    .mobile-table h4 {
        font-size: 100%; } }
@media (min-width: 1000px) {
    .mobile-table .md-table {
        display: table; }
    .mobile-table .md-table-row {
        display: table-row; }
    .mobile-table .md-table-cell {
        display: table-cell; }
    .mobile-table .md-table,
    .mobile-table .md-table-row {
        width: 100%; }
    .mobile-table .mobile-table-section-head {
        width: 25%;
        padding: .5em; }
    .mobile-table h1{
        max-width: 70%;
        text-align: center;  }
    .mobile-table-section-head h2,
    .mobile-table-section-head h3{
        padding: 0; }
    .mobile-table .mobile-table-section-body {
        vertical-align: top;
        border: none;
        padding-left: 1rem; }
    .mobile-table .mobile-table-section-head-header .mobile-table-section-cell,
    .mobile-table .mobile-table-section-body-header .mobile-table-section-cell {
        height: 40px;
        padding-bottom: 1rem; }
    .mobile-table .mobile-table-section-head-body {
        padding-bottom: 1rem; }
    .mobile-table .mobile-table-section-head-body > *:first-child {
        padding-top: 1rem; } }
@media (min-width: 1200px) {
    .mobile-table .lg-table {
        display: table; }
    .mobile-table .lg-table-row {
        display: table-row; }
    .mobile-table .lg-table-cell {
        display: table-cell; }
    .mobile-table .lg-table,
    .mobile-table .lg-table-row {
        width: 100%; } }

@media print {
    body {
        width:999px;
        font-size: 12px; }
    .mobile-table .mobile-table-section-head-header .mobile-table-section-cell,
    .mobile-table .mobile-table-section-body-header .mobile-table-section-cell{
        height:auto;
        padding-bottom:0; }
    .mobile-table-section-head h2,
    .mobile-table-section-head h4 {
        padding:0; }
    .hide-print{
        display:none;  }}

.outpagebody_pagecontent,
#wrapper + .pagebody_div .pagecontent_div{
    width:100%;
    padding:0 6px;
    margin:auto;
    max-width: none;}


 /*Nutrition Label info*/

 body {
     margin: auto 10px;
     width: auto;
     height: 100vh;
     
     background-color: #FAFAFA;
     background-image: repeating-radial-gradient(
        circle,
        rgba(4, 206, 231, 0.05) 0%,
        rgba(121, 189, 233, 0.05) 15%,
        rgba(15, 68, 255, 0.05) 50%,
        #FAFAFA 60%,
        #FAFAFA 100%
    );
 }


#ibc-federal-aid-refund-nutrition-label,
#vibe-up-federal-aid-refund-nutrition-label,
#vibe-federal-aid-refund-nutrition-label,
#federal-aid-refund-nutrition-label,
.federal-aid-refund-nutrition-label{
    max-width: 100%;
    display:block;
    font-size: 12px;
    margin:auto;
    text-align: left;
    border:2px solid var(--sm-fcb__deep-blue);
    margin-bottom: 2em;
}
.mobile-table-section #ibc-federal-aid-refund-nutrition-label,
.mobile-table-section #vibe-up-federal-aid-refund-nutrition-label,
.mobile-table-section #vibe-federal-aid-refund-nutrition-label,
.mobile-table-section #federal-aid-refund-nutrition-label,
.mobile-table-section .federal-aid-refund-nutrition-label{
    margin-left:0;
}

.federal-aid-refund-nutrition-label,
.federal-aid-refund-nutrition-label p{
    color:var(--sm-fcb__deep-blue);
}
.federal-aid-refund-nutrition-label .header{
    background-color: var(--sm-fcb__white);
    font-weight: bold;
    line-height: 1.35;
    padding: 1em;
    margin: 0 0 1.25em;
    text-align: left;
    display: table;
}
.federal-aid-refund-nutrition-label .big-text{
    font-size:185%;
    font-weight: bold;
    color: var(--sm-fcb__prussian-blue);
}

.federal-aid-refund-nutrition-label a:link,
.federal-aid-refund-nutrition-label a{
    color:var(--sm-fcb__deep-blue);
    text-decoration: underline;
}


.federal-aid-refund-nutrition-label .table,
.federal-aid-refund-nutrition-label table {
    width: 98%;
    margin:auto;
    border-collapse:collapse;
}
.federal-aid-refund-nutrition-label .table + .table,
.federal-aid-refund-nutrition-label table + table{
    border-top: 1px solid var(--sm-fcb__sing-out-border);
    margin-top: 1em;
}

.federal-aid-refund-nutrition-label .cell,
.federal-aid-refund-nutrition-label th,
.federal-aid-refund-nutrition-label td {
    border:none;
    padding: 0.5em 0.35em;
    vertical-align: middle;
}

.federal-aid-refund-nutrition-label tr {
    border: none;
    width: 1000px;;
}
.federal-aid-refund-nutrition-label tr.thin-bottom-line td{
    border-bottom: 1px solid var(--sm-fcb__sing-out-border);
}
.federal-aid-refund-nutrition-label tr.thick-bottom-line td{
    border-bottom: 2px solid var(--sm-fcb__deep-blue);
}

.pew {
    border-radius: 4px;
    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.15);
    padding: 0px 12px;
    padding-bottom: 36px;
}

.pew-header {
    color: var(--sm-fcb__carolina-blue);
}

.pew a {
    color: var(--sm-fcb__carolina-blue) !important;
}

.pew-header-elements {
    padding: 24px 12px;
}

.panes-tabs {
	border-bottom: 1px solid var(--sm-fcb__sing-out-border) !important;
}

.panes-tabs-ul {
	padding: 0px !important;
    display: inline-block !important;
    margin-top: -42px !important;
    border-bottom: 1px solid var(--sm-fcb__sing-out-border) !important;
}

.panes-tabs-ul * {
	outline: none !important;
}

.panes-tab-tr {
    border-bottom: 2px solid var(--sm-fcb__prussian-blue) !important;
}

.guide-content-section h3 {
    text-align: center;
    padding: 16px;
    max-width: 50%;
    margin: 0 auto;
}
.guide-content-right-side {
    padding-top: 20px;
}

.guide-content-right-side-no-header th,
.guide-content-right-side th {
    padding: 4px 12px !important;
}

.guide-content-right-side th {
    background-color: var(--sm-fcb__prussian-blue);
}

.guide-content-right-side-no-header td,
.guide-content-right-side th,
.guide-content-right-side td {
    padding: 16px 12px;
}

.guide-content-right-side tr:nth-child(odd) {
    background-color: var(--sm-fcb__info-box-bg);
}

.guide-content-right-side h6 {
    color: var(--sm-fcb__white);
    padding-top: 0px !important;
}

.printable-fee-schedule {
    margin-top: 0px;
}

.feeschedule, .feeschedule * {
    font-family: Lato, 'Inter Regular', sans-serif !important;
}

.fee-print {
    margin-top: 40px !important;
}

.fee-print .panes-tabs-ul {
    margin-top: -53px !important;
}

.feeschedule-headers {
    margin-bottom: 50px;
}

.feeschedule .panes-tabs {
    top: 25px;
}

.feeschedule:not(.fee-print) .panes-tabs-ul {
    margin-top: -50px !important;
    border-bottom: 1px solid var(--sm-fcb__sing-out-border) !important;
}

.printablefeestext .panes-tabs-ul {
    position: relative;
    top: -19px;
}

@media(max-width: 600px){
    body{
        margin:auto;
    }

    .mobile-table h1 {
        font-size: 125%; }
    .mobile-table h2 {
        font-size: 110%; }
    .mobile-table h3 {
        font-size: 100%; }
    .mobile-table h4 {
        font-size: 95%; }
    .mobile-table p.small {
        font-size: 70%; }
    .ui-tabs .ui-tabs-panel{
        padding-right:2px !important;
        padding-left:2px !important;
    }
    .ui-tabs-tab{
        max-width:70vw;
    }
        td,th{
        font-size:10px;
    }
}

.teal-text{
    color: var(--sm-fcb__prussian-blue);
}

.ui-tabs-anchor{
    white-space: normal;
}

h1,.h1 {
    font-size: 36px;
}

h2,.h2 {
    font-size: 32px;
}

h3,.h3 {
    font-size: 24px;
}

h4,.h4 {
    font-size: 20px;
}

h5,.h5 {
    font-size: 18px;
}

h6,.h6 {
    font-size: 16px;
}

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}

p {
    margin: 0 0 10.5px;
}