/* add custom site CSS here */

.counseling { padding: 56px 0 !important; }

.panel.hours-panel{
    padding:24px;
    border-radius: .5rem;
    transition: all .1s ease-in-out;
    background-color:#EEE;
    border:2px solid #EEE;
}
.panel.hours-panel:before{
    height:0;
}
.panel.hours-panel .title{
    color:#333333;
    font-family:BentonSansRegular,Helvetica,Arial,sans-serif;
    line-height: 1.5;
    font-size: 1.25rem;
}
.panel.hours-panel span.open-time,.panel.hours-panel span.closing-time{
    font-family:BentonSansBold,Helvetica,Arial,sans-serif;
}
.panel.hours-panel p{
    margin:.5rem 0 0 0;
    font-family:BentonSansRegular,Helvetica,Arial,sans-serif;
}
.current-status.open{
    background-image: url(/_assets/css/img/open.svg);
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 100px;
    height: 43px;
    background-size: 100px 43px;
}
.current-status.closed{
    background-image: url(/_assets/css/img/closed.svg);
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 100px;
    height: 43px;
    background-size: 100px 43px;
}
.alpha.checkboxes input:focus+label{outline:0;border:1px solid #4D90FE;box-shadow:0 0 2px #4D90FE}
@media screen and (max-width:420px){
#main-content .layout table p{display:inline;} 

}

@media screen and (min-width:40em){
    #phone-appointments table thead tr th+th, #phone-appointments table tbody tr td+td{width:14em;}
    #phone-health-center table thead tr th+th, #phone-health-center table tbody tr td+td{width:14em;}
    #phone-after-hours table thead tr th+th, #phone-after-hours table tbody tr td+td{width:14em;}
    #phone-fax table thead tr th+th, #phone-fax table tbody tr td+td{width:14em;}
    #phone-cancel-appointment table thead tr th+th, #phone-cancel-appointment table tbody tr td+td{width:14em;}

.current-status.open{
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 100px;
    height: 43px;
    background-size: 100px 43px;
    margin-bottom:-10px;
    
}
.current-status.closed{
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 100px;
    height: 43px;
    background-size: 100px 43px;
    margin-bottom:-10px;
}
}
@media screen and (min-width:64.0625em){
    #phone-appointments table thead tr th+th, #phone-appointments table tbody tr td+td{width:16em;}
    #phone-health-center table thead tr th+th, #phone-health-center table tbody tr td+td{width:16em;}
    #phone-after-hours table thead tr th+th, #phone-after-hours table tbody tr td+td{width:16em;}
    #phone-fax table thead tr th+th, #phone-fax table tbody tr td+td{width:16em;}
    #phone-cancel-appointment table thead tr th+th, #phone-cancel-appointment table tbody tr td+td{width:16em;}
    .panel.hours-panel p{font-size:1.2rem;}
        .panel.hours-panel .title{
    font-family:BentonSansRegular,Helvetica,Arial,sans-serif;
    line-height: 1.5;
    font-size: 1.75rem;
}
}