/*=== GLOBAL VIEW */
/*================*/

#stream{
    .box.category{

	&:not([data-unread="0"]) .box-title {
	    // background: #3498db;
	}
	&:not([data-unread="0"]) .box-title:active {
	    // background: #2980b9;
	}
	&:not([data-unread="0"]) .box-title .title {
	    font-weight: bold;
	    // color: #fff;
	}
	
	.box-title{
	    background: none;
	    padding: 1.5rem;
	    
	    a.title{
		font-weight: normal;
		text-decoration: none;
		text-align: left;
		font-size: 1rem;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: $grey-dark;

		&:not([data-unread="0"])::after {
		    position: absolute;
		    top: 1.75rem;
		    right: 0;
		    line-height: 1.5rem;
		    background: $grey-light;
		    border-radius: 12px;
		    padding: 0 0.75rem;
		    margin: -0.5rem 1rem 0 0;
		    text-align: center;
		}
		&:hover{
		    color: $main-first;
		}
	    }
	}

	.box-content{
	    padding-bottom: 0.5rem;
	    .item.feed {
		// padding: 2px 10px;
		font-size: 1rem;
		padding: 0.5rem 1.5rem;
		
		a{
		    color: $main-font-color;
		    font-weight: 400;

		    &:hover{
			color: $main-first;
			text-decoration: none;
		    }
		}
	    }
	}	
    }   
}


// le panel qui apparait en overlay pour afficher les flux
#overlay{
    background: rgba(0, 0, 0, 0.65);
}
#panel{
    top: 3rem;
    right: 3rem;
    bottom: 3rem;
    left: 3rem;
    border-radius: 3px;
}