/* ==============================================================
   Widgets
   style declarations for sidebar widgets
   ==============================================================*/
/* WIDGETS */
.widget {
    h2 {}
    ul {}
    li {
    	&.active {
    		a {}
    	}
    	&.unpublished {
    		a {}
    	}
    }
    a {
    	&:hover,
    	&:active,
    	&:focus {}
    }
    dl {}
    dt,
    dd {}
    dt {}
    dd {}
    &__title {
    	.fa {}
    	&.collapseable {
    		.fa {}
	    	&.in {
	    		.fa-angle-down {}
	    	}    		
    	}
    }
    &__body {
    	&.collapseable {}
    }    
}

/* BREAKPOINT FOR LARGE DESKTOPS */
@media screen and (max-width: @largeBreakpoint) {} 

/* BREAKPOINT FOR DESKTOPS */
@media screen and (max-width: @mediumBreakpoint) {}

/* BREAKPOINT FOR TABLETS */
@media screen and (max-width: @smallBreakpoint) {}

/* BREAKPOINT FOR SMARTPHONES */
@media screen and (max-width: @xSmallBreakpoint) {}