.upcoming-events {
    padding: 2em 0;
    background-size: cover;

    @include break(from-desktop) {
    padding: $block-padding;    	
    }

    .events {
    	padding: 2em 0;
    	@include clear-fix();
    	.event {
    		width: 100%;
    		padding: 1em;

    		@include break(from-desktop) {
	    		float: left;
	    		width: 33.3333%;    			
    		}
			a {
				display: block;
    			border: 1px solid $blue;
    			padding: 2em;
				&:hover {
					text-decoration: none;
				}
			}

			.image {
			}

			.event-details {
				@include font-size(16);
				.name {
					@include font-size(22);
					line-height: 1em;
					font-weight: 700;
					margin: 1em 0;
				}

				.day {
					@include font-size(18);
				}

				.excerpt {
					font-weight: 300;
				}

			}
    	}
    }

    &.scheme-light {
	    .event-details {
	    	color: $grey;
			.name {
				color: $pink;
			}	

			.day {
				@include font-size(24);
			}    
	    }
	}

    &.scheme-dark {
	    .event-details {
	    	color: $grey;
			.name {
				color: $pink;
			}	

			.day {
				color: $black;
			}    	
	    }
	}
}