/* Workshops */
body.scrolling.workshop #header,
body.scrolling.workshops #header,
body.workshops #header,
body.workshops section.view .related {
    background: #04abaf !important;
}
#workshops {
    margin-bottom: 50px;
}
#workshops .filters .filter input[type=text] {
    background: #04abaf;
}
#workshops .dropdown h4 {
    background-color: #04abaf;
}
#workshops .filter .options {
    background-color: #04abaf;
}
#workshops .months {
    margin: 0 27.5px 0 32.5px;
}
#workshops .results {
	margin: 0 32.5px 0 32.5px;
}
#workshops .results .vgrid {
    margin: 0;
}
#workshops .results .week,
#workshops .results .month {
    margin-bottom: 70px;
}
#workshops .results .week:last-child,
#workshops .results .month:last-child {
    margin-bottom: 0px;
}
#workshops .results .week header,
#workshops .results .month header {
    margin: 0;
    width: 19.95%;
}
#workshops .results .week header .wrapper,
#workshops .results .month header .wrapper {
    margin: 0 7.5px 15px 7.5px;
    background: #04abaf;
}
#workshops .results .week header hr,
#workshops .results .month header hr {
    width: 75px;
    border-top: 11px solid #000;
    margin-bottom: 15px;
}
#workshops .results .week header h2,
#workshops .results .month header h2 {
    padding-bottom: 20px;
    font-size: 20px;
}


/* Item */
article.item.workshop .date {
    font-size: 14.5px;
    font-family: 'regular-black';
    line-height: 17px;
    letter-spacing: 1px;
}
article.item.workshop .title {
    font-size: 20px;
    line-height: 20px;
    font-family: 'regular-black';
    letter-spacing: 1px;
    margin-top: 15px;
}
article.item.workshop .description {
    font-size: 14px;
    line-height: 18px;
    margin-top: 15px;
}
article.item.workshop .more {
    font-size: 14px;
    text-decoration: underline;
}
article.item.workshop .thumbnail {
    margin-top: 10px;
}
article.item.workshop .thumbnail img {
    width: 100%;
}


/* Workshops view */
body.workshops.view {
    background: #fff;
}
body.workshops.view .content>.details .infos .contact {
	margin-top: 15px;
	font-size: 12px;
}
body.workshops.view .content>.details .infos .schedule .days,
body.workshops.view .content>.details .infos .schedule .hours,
body.workshops.view .content>.details .infos .schedule .price,
body.workshops.view .content>.details .infos .schedule .practical {
	margin-left: 0;
}

@media only screen and (max-width: 1279px) {
	
	#workshops .results .vgrid {
    }
    #workshops .months.vgrid {
        margin-right: 10px;
    }
    #workshops aside {
        width: 25%;
    }
    #workshops .months {
        margin: 0 30px 0 32.5px;
    }
    #workshops .results {
        width: 75%;
    }
    #workshops .results .week header,
    #workshops .results .month header {
        width: 33%;
    }
    #workshops .results .item.workshop {
        width: 33.3%;
    }
    #workshops .results .item.workshop .title,
    #workshops .results .item.workshop .description {
        padding-right: 10px;
        box-sizing: border-box;
    }
}
@media only screen and (max-width: 1023px) {
    #workshops .months.vgrid {
        margin-right: 0px;
    }
    #workshops aside {
        width: 33%;
    }
    #workshops .results {
        width: auto;
    }
    #workshops .results .week header,
    #workshops .results .month header {
        width: 50%;
    }
}
@media only screen and (max-width: 767px) {
	#workshops > .title {
		margin-left: 25px;
	}
    #workshops .results {
        width: auto;
        overflow: hidden;
        margin: 25px;
    }
    #workshops aside {
        display: none;
    }
    #workshops .results .week header,
    #workshops .results .month header {
        width: 100%;
        margin: 0 0px 15px 0px;
    }
    #workshops .results .week header .wrapper,
    #workshops .results .month header .wrapper {
        margin: 0;
    }
    #workshops .results .item.workshop {
        width: 100%;
    }
    #workshops .results article.item>.wrapper {
        margin: 0 0px 15px 0px;
    }
    #workshops .months.vgrid {
        margin: 0 30px;
    }
    #workshops .results .vgrid {
        margin: 0px;
    }
    #workshops .months {
        margin: 0 26px 0 29px;
    }
}