/************************************************************************
 *
 * Live CSS - Clean up and sort into SCSS when possible 
 *
 ***********************************************************************/


/************************************************************************
 *
 * Move to widget boxes
 *
 ***********************************************************************/

.widget-box .vertical-list {
	margin-bottom: 1.5rem;
}

/* Swap these out - default should be no border */

.widget-box .casis-news-feed li {
	border-bottom: 1px solid #e5e5e5;
}

.widget-box .vertical-list li {
	border-bottom: 0;
}

.join-widget-boxes-for-large {
	margin-bottom: 2rem;
}

@media screen and (min-width: 64em) {
	.join-widget-boxes-for-large {
        /* @include standard-box-shadow */
        -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);
    	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);	
	}
	.join-widget-boxes-for-large .widget-box {
	    -webkit-box-shadow: none;
	    -moz-box-shadow: none;
	    box-shadow: none;	
	}
}

/************************************************************************
 *
 * Move to pull quotes
 *
 ***********************************************************************/

@media screen and (min-width: 64em) {
	.pull-quote-box .pull-quote p {
		font-size: 1.6rem;
	    line-height: 2rem;		
	}
}

/************************************************************************
 *
 * Featured Lists
 *
 ***********************************************************************/

.featured-list-box {
    background: #f6f6f6;
    position: relative;
    margin-left: -1rem;
    margin-right: -1rem;
    margin-bottom: 2rem;
    padding: 2rem 2rem 2rem 4rem; 
}

.featured-list-box::before {
	left: 1.5rem;	
}

@media print, screen and (min-width: 40em) {
	.featured-list-box {
		margin-left: -1.5rem;
    	margin-right: -1.5rem;
	    padding: 2rem 2rem 2rem 5rem;
	}
	.featured-list-box::before {
		left: 2.5rem;	
	}
}

@media print, screen and (min-width: 64em) {
	.featured-list-box {
	    margin-left: -4rem;
	    margin-right: -4rem;
	}
}

/************************************************************************
 *
 * Accordion margin fix
 *
 ***********************************************************************/

.entry li.accordion-item {
	margin-bottom: 0;
}