Virginia Beach Events - Fireworks

/* ----------------------------------------- */ /* WordPress Archive: Event Types Archive - start */ /* ----------------------------------------- */ /*** The following CSS Needs to remain here as it doesn't work well as a LESS file */ #event-description-column { width: calc(100% - 315px); /* Account for margins + border values */ float: left; padding: 5px 10px 5px 10px; } /************************************************************************************ MEDIA QUERIES *************************************************************************************/ /* for 970px or less */ @media screen and (max-width: 970px) { #event-time-column { position:relative; width: 150px; min-width:150px; } #event-description-column { width: calc(100% - 170px); padding: 5px 10px 5px 10px; float: right; } #event-image-column { display: none; } } /* for 750px or less */ @media screen and (max-width: 750px) { #event-time-column { position:relative; width: auto; float: none; } #event-description-column { width: auto; float: none; padding: 5px 10px 5px 10px; } #event-image-column { display: none; } } /* for 480px or less */ @media screen and (max-width: 480px) { #event-image-column { display: none; } } /* ----------------------------------------- */ /* WordPress Archive: Event Types Archive - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Events – Upcoming (Archive Listing) - start */ /* ----------------------------------------- */ .event-data-container {position: relative; float: right; padding: 5px 0 5px 0;} .event-search-filter-date-text {font-size: 13px; font-weight: bold; color: #00376f; float: right; min-width: 280px;} .event-search-filter-date-text span {font-size: 11px; color: #000000; background: #FFFFFF;} /*** The following CSS Needs to remain here as it doesn't work well as a LESS file */ #event-description-column { width: calc(100% - 315px); /* Account for margins + border values */ float: left; padding: 5px 10px 5px 10px; } /************************************************************************************ MEDIA QUERIES *************************************************************************************/ /* for 970px or less */ @media screen and (max-width: 970px) { #event-time-column { position:relative; width: 150px; min-width:150px; } #event-description-column { width: calc(100% - 170px); padding: 5px 10px 5px 10px; float: right; } #event-image-column { display: none; } } /* for 750px or less */ @media screen and (max-width: 750px) { #event-time-column { position:relative; width: auto; float: none; } #event-description-column { width: auto; float: none; padding: 5px 10px 5px 10px; } #event-image-column { display: none; } } /* for 480px or less */ @media screen and (max-width: 480px) { #event-image-column { display: none; } } /* ----------------------------------------- */ /* View: Events – Upcoming (Archive Listing) - end */ /* ----------------------------------------- */