
/**
 * Large screen devices.
 */
@media only screen and (max-width: 1600px) {
	
}



/**
 * Laptops.
 */
@media only screen and (max-width: 1240px) {
	
}



/**
 * Smaller laptops.
 */
@media only screen and (max-width: 1100px) {
	.standout-section.standout-block.standout-calendar.is-aligned.alignwide.standout-calendar-post-loop .post-thumbnail-wrap {
        width: 100%;
    }
    
    .standout-section.standout-block.standout-calendar.is-aligned.alignwide.standout-calendar-post-loop .post-title {
        font-size: 1.5rem !important;
    }
    
    .standout-section.standout-block.standout-calendar.is-aligned.alignwide.standout-calendar-post-loop .post-start-date,
    .standout-section.standout-block.standout-calendar.is-aligned.alignwide.standout-calendar-post-loop .post-end-date {
        font-size: 0.938rem !important;
    }
    
    .standout-section.standout-block.standout-calendar.is-aligned.alignwide.standout-calendar-post-loop .post-category,
    .standout-section.standout-block.standout-calendar.is-aligned.alignwide.standout-calendar-post-loop .post-read-more,
    .standout-section.standout-block.standout-calendar.is-aligned.alignwide.standout-calendar-post-loop .post-wrap-left{
        font-size: 0.838rem !important;
    }
    
}



/**
 * Smaller screen devices.
 */
@media only screen and (max-width: 960px) {
    .standout-section.standout-block.standout-calendar.is-aligned.alignwide.standout-calendar-post-loop .post-thumbnail-wrap {
        width: 100%;
    }
    
    .standout-section.standout-block.standout-calendar.is-aligned.alignwide.standout-calendar-post-loop .post-start-date,
    .standout-section.standout-block.standout-calendar.is-aligned.alignwide.standout-calendar-post-loop .post-end-date {
        font-size: 0.838rem !important;
    }
    
    .standout-section.standout-block.standout-calendar.is-aligned.alignwide.standout-calendar-post-loop .post-category {
        font-size: 0.838rem !important;
    }

    .standout-section.standout-block.standout-calendar.is-aligned.alignwide.standout-calendar-post-loop .post.post-loop.post-loop-type-standout_event{
        gap: 1em;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
    }

    .post-loop-type-standout_event .post-wrap-left {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    .post-loop-type-standout_event .post-thumbnail-wrap {
        grid-column: 1;
        grid-row: 2 / 4;
        width: 600px;
		max-width: 100%;
    }

    .post-loop-type-standout_event .post-thumbnail-wrap img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .post-loop-type-standout_event .post-wrap-middle {
        grid-column: 2;
        grid-row: 2;
    }

    .post-loop-type-standout_event .post-wrap-right {
        grid-column: 2;
        grid-row: 3;
    }

    .post-start-date-wrap{
        display: flex;
    }

    .standout-calendar-post-loop .post-loop-type-standout_event .post-thumbnail-wrap{
        max-width: 100% !important;
    }

    .standout-calendar-post-loop .post-loop-type-standout_event{
        padding-block-start: 10px !important;
        padding-block-end: 1.4em !important;
    }

    .standout-calendar-post-loop .post-loop-type-standout_event .post-read-more{
        text-align: left;
    }

    /*.standout-section.standout-block.standout-calendar.is-aligned.alignwide.standout-calendar-post-loop .post-thumbnail-wrap{
        width: 250px;
        max-width: 250px;
    }*/
}



/**
 * Tablet devices.
 */
@media only screen and (max-width: 768px) {
    /*[data-block-id="block_ece421aeb43ea4a3f9a22eea910f4a31"] .post.post-loop.post-loop-type-standout_event{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }*/
    /*[data-block-id="block_ece421aeb43ea4a3f9a22eea910f4a31"] .post-loop-type-standout_event {
        display: flex !important;
        flex-direction: row !important;
    }
    
    [data-block-id="block_ece421aeb43ea4a3f9a22eea910f4a31"] .post-loop-type-standout_event {
        flex-direction: column !important;
    }
    
    [data-block-id="block_ece421aeb43ea4a3f9a22eea910f4a31"] .post-thumbnail-wrap {
        width: 100%;
    }
    
    [data-block-id="block_ece421aeb43ea4a3f9a22eea910f4a31"] .post-title {
        font-size: 1.25rem !important;
    }
    
    [data-block-id="block_ece421aeb43ea4a3f9a22eea910f4a31"] .post-start-date,
    [data-block-id="block_ece421aeb43ea4a3f9a22eea910f4a31"] .post-end-date {
        font-size: 0.938rem !important;
    }
    
    [data-block-id="block_ece421aeb43ea4a3f9a22eea910f4a31"] .post-category {
        font-size: 0.813rem !important;
    }*/


    .standout-section.standout-block.standout-calendar.is-aligned.alignwide.standout-calendar-post-loop .post.post-loop.post-loop-type-standout_event{
        display: flex;
        flex-direction: column;
    }

    .standout-calendar-post-loop .post-loop-type-standout_event .post-read-more{
        text-align: left;
        font-size: 16px;
    }

    .post.post-loop.post-loop-type-standout_event .post-wrap-middle{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        order: 3;
    }

    .post.post-loop.post-loop-type-standout_event .post-thumbnail-wrap{
        padding-inline: var(--gap-l);
        order: 2;
    }

    .post.post-loop.post-loop-type-standout_event .post-wrap-left{
		display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        order: 1;
		
		display: none;
    }

    .post.post-loop.post-loop-type-standout_event .post-wrap-right{
        order: 4;
    }



    svg.icon_arrow{
        color: #B12320 !important;
    }

    .standout-calendar-post-loop .post-loop-type-standout_event .post-title-wrap{
        white-space: wrap;
    }

    .standout-calendar-post-loop .post-loop-type-standout_event .post-title{
        font-size: calc(var(--p) * 1.2) !important;
        transition: 1s;
    }

    .standout-calendar-post-loop .post-loop-type-standout_event .post-wrap-left{
        font-size: 16px;
        transition: 1s;
    }

    .btn-arrow a, .standout-button.btn-arrow a, .standout-button .btn-arrow a{
        gap: 0.5em !important;
    }

    .standout-section.standout-block.standout-calendar.is-aligned.alignwide.standout-calendar-post-loop .post-loop-type-standout_event {
        grid-template-columns: minmax(0, 60%) minmax(0, 40%);
        transition: 1s;
    }

    .standout-section.standout-block.standout-calendar.is-aligned.alignwide.standout-calendar-post-loop .standout-calendar-filters-container{
        font-size: 0.87em !important;
        transition: 1s;
        flex-direction: column;
		gap: 1em;
		align-items: flex-start;
		margin-bottom: .5em;
    }

	.standout-calendar .standout-calendar-filters {
		gap: 0 2.5em;
	}


	.standout-calendar-post-loop .post-loop-type-standout_event {
		align-items: flex-start;
	}


	.standout-calendar .standout-calendar-filter {
		font-size: 1.15em;
	}

	.standout-calendar .standout-calendar-filter label {
		white-space: nowrap;
	}


	.standout-section.standout-block.standout-calendar.is-aligned.alignwide.standout-calendar-post-loop .post-thumbnail-wrap {
		padding-inline: 0 !important;
	}

	.standout-calendar-post-loop .standout-calendar-filters-reset {
		display: none;
	}

	.standout-section.standout-block.standout-calendar.is-aligned.alignwide.standout-calendar-post-loop .post-wrap-right {
		display: none;
	}

	.standout-section.standout-block.standout-calendar.is-aligned.alignwide.standout-calendar-post-loop .post-category {
		font-size: 1em !important;
	}
}



/**
 * Larger mobile devices.
 */
@media only screen and (max-width: 480px) {
   .standout-section.standout-block.standout-calendar.is-aligned.alignwide.standout-calendar-post-loop .post-loop-type-standout_event {
        grid-template-columns: minmax(0, 50%) minmax(0, 50%);
        transition: 1s;
    }

    .post.post-loop.post-loop-type-standout_event .post-thumbnail-wrap{
        padding-inline: var(--gap-s) !important;
        order: 2;
    }
}
