/* ----------------------------------------- */ /* View: Venue Events - start */ /* ----------------------------------------- */ /* Events css */ .event-location{ display: inline-block; } .event-price{ display: inline-block; } .event-buy-tickets{ display: inline-block; } /* single line items for event details controls */ div.event-list-controls > div { display: inline-block; margin-bottom: 20px; } div.event-list-controls div.event-list-control-details { text-align: right; } div.event-list-controls div.event-list-control-details { text-align: center; width: 25%; } div.event-list-controls div.event-list-control-expand { text-align: center; width: 25%; } /* hide event details by default until they are expanded */ div.event-list-event-details{ display: none; } .venue-event-list li{ border-bottom: 1px dotted #7a3e46; margin: 20px; padding: 0 10px 10px 10px; } .venue-event-list ul{ list-style-type: none; } .event-field-title h3 { text-transform: uppercase; margin-top: 0px; } .event-field-date h3 { margin-top: 0px; } /* remove the margin for mobile menus (320-400px) @media screen and (max-width: 400px) { .event-box { padding:4px; margin-left:2px; margin-right:2px; } }*/ /* remove the padding for mobile menus (320-400px) @media screen and (max-width: 400px) { div#events div.fullwidth-box { padding: 5px !important; } }*/ /* float logo on mobile (320-400px) @media screen and (max-width: 400px) { div#events div.event-logo .alignright{ float:left; } }*/ @media screen and (max-width: 400px) { div#events div.event-title { clear:both; } } .event-title { text-transform: uppercase; color: #f58142; font-size: 200%; margin-top: 10px; margin-bottom: 10px; } .event-date-time { color: #f6a535; } .event-location-name { color: #f58142; font-size: 150%; } .event-price { color: #7a3e46; font-size: 200%; float:right; } .event-description { border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin-top: 10px; margin-bottom: 10px; clear:both; } .event-buy-tickets-link { background-color: #fff; border-radius: 5px; padding: 10px 10px 10px 10px; color: #333333; border-top: 2px solid #CCCCCC; border-right: 2px solid #333333; border-bottom: 2px solid #333333; border-left: 2px solid #CCCCCC; max-width: 500px; } .event-buy-tickets { float:right; margin-left: 20px; } ul.events-list { padding: 0; list-style-type: none; } /* adjust anchor links with class="anchor" for top margin. @see http://stackoverflow.com/questions/11501025/div-anchors-scrolling-too-far/20358308#20358308 */ a.anchor{display: block; position: relative; top: -50px; visibility: hidden;} div.event-day-marker { text-align: center; padding: 10px; background-color: #7a3e46; margin-top: 20px; } .event-day-marker h2 { color: #fff !important; padding-top: 25px; } span.share-button-facebook button { padding:6px 6px 6px 6px; color: #fff; background-color: #3b5998; border-style: none; font-size: 13px; font-weight: 500; border-radius: 4px; } button.share-button-facebook:hover { background-color: #4267b2; } /* ----------------------------------------- */ /* View: Venue Events - end */ /* ----------------------------------------- */