/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable go to your theme settings and
 * look under the "CSS" settings tab.
*/

@media(max-width: 1023px){

        .class-schedule h2{
            float: none;
            margin-right: 0;
        }
        .class-schedule table,
    .class-schedule thead,
    .class-schedule tbody,
    .class-schedule tr,
    .class-schedule th,
    .class-schedule td{
        display: block;
        background: #EAEAE5;
    }
    
    .class-schedule .class-caption td{
        background: #b8292f;
    }
    
    .class-schedule thead th:first-child,
    .class-listing .schedule-row .schedule-item:first-child,
    .class-listing .class-notes td:first-child{
        padding-left: 0;
    }
    .class-schedule .class-listing td{
    	font-size: 14px;
        max-width: none;
    }
    
    .class-schedule thead{
        display: none;
    }
    .class-schedule tbody{
        border-bottom: 0;
        border-bottom:1px solid #FFF;
    }
    .class-schedule .class-caption {
        display: block;
        color: #FFFFFF;
        background: #b8292f url('images/expand-closed.png');
        background-repeat:no-repeat;
        background-size: 20px;
        background-position:20px 50%;
        font-size: 20px;
        padding-left: 55px;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 8px;
        cursor: pointer;
    }
    
    .class-schedule .class-caption.open {
        background: #b8292f url('images/expand-open.png');
        background-repeat:no-repeat;
        background-position:22px 50%;
    }
    
    .class-listing tr {
      display:none;
    }
    
    .class-listing tr.class-caption,
    .class-listing tr.open {
      display:block;
    }
    
    /* background for open state*/
    tr.schedule-row.open{
    	background:#EAEAE5;
    }

    /* background for open state*/
	tr.schedule-row.open .schedule-item{
		background:#EAEAE5;
    	border-right: none;
	}

    tr.schedule-row.open td{
    	width: 100%;
    	border: 0px;
    }
	    
    .class-listing .edit-link{
        float: right;
        padding: 5px;
        background: #EAEAE5;
    }
    .class-listing .edit-link td{
        background: #EAEAE5;
    }
    
    .class-listing .schedule-row,
    .class-listing .class-notes{
        background-color: transparent;
        padding: 23px 27px 0;
    }
    .class-listing .class-notes{
        padding-top: 0;
    }
    
    .class-schedule .schedule-row {
    	border-top:none;
    }
    
    .class-listing .schedule-row .schedule-item,
    .class-listing .class-notes td{
        padding: 0;
        font-weight:bold;
    }
    .class-listing .class-notes .label,
    .class-listing .label{
        display: block;
        font-weight: normal;
        margin-bottom: 2px;
    }
    .class-listing .class-title{

    }
    .class-listing .class-notes .notes{
    }
    
    .class-listing .schedule-row .item-wrap{
        padding-bottom: 12px;
        font-size: 14px;
    }
    .class-listing tr:last-child{
        padding-bottom: 20px;
    }
    .class-listing .class-notes{
        font-size: 14px;
        font-family: DINRegular, Arial, Helvetica, sans-serif;
    }
}


@media(max-width: 768px) {

	body.page-node-192 #bodyshell,
	body.page-node-732 #bodyshell {
		max-width:none;
	}
	
	.shop-hours .field-name-field-timetable table tr td {
		height:48px;
	}
}

@media(max-width: 600px) {
	
	div.pane-quicktabs-edgerton-course-schedule div.sbHolder {
		position:relative;
		display:block;
		margin-top:6px;
		right:0px;
		top:0px;
		margin-bottom:10px;
	}

	div.pane-quicktabs-edgerton-course-schedule div.sbHolder {
		position:relative;
		display:block;
		margin-top:6px;
		right:0px;
		top:0px;
		margin-bottom:10px;
	}


	body.admin-menu.page-academics-courses div.pane-content {
		margin-top:30px
	}
	
}