.m_Events { .card { position:relative; top:0px; img { max-height:280px; } } .supporting_text { text-align:left; font-size:20px; font-weight:bold; } .card-section { min-height:375px; } .link-blue { margin:10px 0; display:inline-block; } } // Events Calendar Full /* Common */ .hidden-fields { display: none; } .cleardiv { clear: both; } .loading { text-align: center; margin: 130px 0; } .tiva-events-calendar { font-family: Source Sans Pro,sans-serif; } /* Bar */ .events-calendar-bar { margin-top: 20px; } .events-calendar-bar .bar-btn.active { background: #FFFFFF; border:1px solid #666; } .events-calendar-bar .bar-btn { color: #000000; background: #FFFFFF; padding: 3px 10px 3px 28px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 14px; border: 0; margin-right: 10px; line-height: 26px; cursor: pointer; display: inline-block; position: relative; } .events-calendar-bar .bar-btn:hover { background: #FFFFFF; } .events-calendar-bar .back-calendar { padding: 3px 10px 3px 22px; margin-right: 0; float: right !important; } .events-calendar-bar .bar-btn i { position: absolute; left: 10px; } .events-calendar-bar .calendar-view i { top: 7px; } .events-calendar-bar .list-view i { top: 9px; } .events-calendar-bar .back-calendar i { top: 9px; } /* Calendar */ .tiva-calendar .calendar-table { table-layout: auto; box-sizing: content-box; border-right: 0; } .tiva-calendar .calendar-table th, .tiva-calendar .calendar-table td { border-bottom: none; border-right: none; padding: 8px; } .tiva-calendar .calendar-btn span { font-size: 14px; color: #fff; } /* Tooltip */ .calendar-day-event { position: relative; } .calendar-day-event .tiva-event-tooltip { position: absolute; z-index: 9999; width: 180px; left: 50%; margin: 0 0 0 -100px; bottom: 35px; background: #f5f5f5; opacity: 0; border: 1px solid #cccccc; box-shadow: 0 0 5px 2px rgba(145,145,145,.35); border-radius: 6px; pointer-events: none; padding: 10px; text-align: left; -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .calendar-day-event .tiva-event-tooltip::before, .calendar-day-event .tiva-event-tooltip::after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .calendar-day-event .tiva-event-tooltip::after { border-color: rgba(245, 245, 245, 0); border-top-color: #f5f5f5; border-width: 8px; margin-left: -8px; } .calendar-day-event .tiva-event-tooltip::before { border-color: rgba(204, 204, 204, 0); border-top-color: #cccccc; border-width: 9px; margin-left: -9px; } .calendar-day-event .tiva-event-tooltip .event-tooltip-item { border-bottom: 1px dotted #666; margin-bottom: 10px; padding-bottom: 10px; } .calendar-day-event .tiva-event-tooltip .event-tooltip-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .calendar-day-event .tiva-event-tooltip .event-time { display: inline-block; font-size: 12px; color: #fff; background: #757575; padding: 0 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 0; margin-bottom: 5px; line-height: 22px; } .calendar-day-event .tiva-event-tooltip .event-time i { margin-right: 5px; } .calendar-day-event .tiva-event-tooltip .event-name { font-size: 15px; line-height: 20px; margin-bottom: 6px; color: #5AA4A3; } .calendar-day-event .tiva-event-tooltip .event-image img { width: 100%; margin-bottom: 6px; border: 1px solid #EEE; } .calendar-day-event .tiva-event-tooltip .event-intro { font-size: 14px; } /* Events Calendar contain */ .tiva-events-calendar.full .tiva-events-calendar-wrap { margin: 25px 0 40px 0; border: 1px solid #dedade; box-shadow: 0 0 5px 2px rgba(145,145,145,.35); -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; border-collapse: collapse; border-spacing: 0; } /* Calendar */ .tiva-calendar-full .calendar-table { margin-bottom: 0 !important; } .tiva-calendar-full .calendar-title , .tiva-calendar-full .calendar-btn { text-align: center !important; background: #d04609; color: #ffffff; height: 30px; vertical-align: middle !important; } .tiva-calendar-full .calendar-btn { padding: 0 !important; } .tiva-calendar-full .calendar-btn span { cursor: pointer; font-size: 13px !important; } .tiva-calendar-full .calendar-title { font-size: 15px; font-weight: bold; padding-top: 12px !important; padding-left: 30px !important; } .tiva-calendar-full .calendar-title span { position: relative; color: #fff; font-weight: bold; font-size: 15px; line-height: 20px; } .tiva-calendar-full .calendar-title i { position: absolute; left: -22px; top: -1px; } .tiva-calendar-full .calendar-table tr th { text-align: center; color: #000000; background: #eeeeee; font-size: 14px; } .tiva-calendar-full .calendar-table tr th, .tiva-calendar-full .calendar-table tr td { width: 14.285714285714285%; } .tiva-calendar-full .calendar-day-blank { background: #f6f6f6; } .tiva-calendar-full .calendar-day-normal { height: 60px; font-size: 16px; text-align: left !important; padding: 6px 10px !important; color: #000000; } .tiva-calendar-full .calendar-day-today { background: #d5e9e9; } .tiva-calendar-full .calendar-day-weekend { color: #ef4f69; line-height: 20px; font-size: 16px; } .tiva-calendar-full .calendar-event-name { color: #ffffff; background: #567BD2; font-size: 11px; margin-top: 5px; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; line-height: 20px; padding: 0 3px; cursor: pointer; } .tiva-calendar-full .calendar-event-name span { color: #ffffff; font-size: 11px; line-height: 20px; } .tiva-calendar-full .calendar-event-name.no-name { opacity: 0; visibility: hidden; } .tiva-calendar-full .calendar-event-name.color-1 { background: #567BD2; } .tiva-calendar-full .calendar-event-name.color-2 { background: #13baff; } .tiva-calendar-full .calendar-event-name.color-3 { background: #669933; } .tiva-calendar-full .calendar-event-name.color-4 { background: #ff8a23; } .tiva-calendar-full .calendar-event-name.first-day { margin-right: -11px; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .tiva-calendar-full .calendar-event-name.middle-day { margin-left: -11px; margin-right: -11px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tiva-calendar-full .calendar-event-name.middle-day span { opacity: 0; } .tiva-calendar-full .calendar-event-name.last-day { margin-left: -11px; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .tiva-calendar-full .calendar-event-name.last-day span { opacity: 0; } /* Event list */ .tiva-event-list-full { padding: 15px; background: #FFFFFF; display: none; } .tiva-event-list-full .event-location { margin-bottom: 3px; color: #d04609; font-size: 13px; } .tiva-event-list-full .event-item { width: 100%; border-top: 1px dotted #666; margin-top: 20px; padding-top: 20px; } .tiva-event-list-full .event-item:first-child { border-top: none; margin-top: 0; padding-top: 0; } .tiva-event-list-full .event-item-left { width: 20%; margin-right: 2%; } .tiva-event-list-full .event-item-right { width: 78%; } .tiva-event-list-full .event-image img { width: 100%; border: 1px solid #eee; } .tiva-event-list-full .event-name { font-size: 20px; color: #000000; margin-bottom: 4px; font-family: Source Sans Pro,sans-serif; } .tiva-event-list-full .event-time, .tiva-event-list-full .event-date { margin-bottom: 3px; color: #d04609; font-size: 13px; } .tiva-event-list-full .event-type { margin-bottom: 3px; color: #d04609; font-size:13px; } .tiva-event-list-full .event-time i, .tiva-event-list-full .event-date i { margin-right: 5px; } .tiva-event-list-full .event-intro { color: #666; font-size: 14px; } .tiva-event-list-full .link { cursor: pointer; } /* Event detail */ .tiva-event-detail-full { padding: 15px; background: #ffffff; display: none; } .tiva-event-detail-full .event-image { text-align: center; margin-bottom: 20px; } .tiva-event-detail-full .event-image img { max-width: 100%; border: 1px solid #eee; } .tiva-event-detail-full .event-name { font-size: 22px; color: #000000; margin-bottom: 15px; } .tiva-event-detail-full .event-time, .tiva-event-detail-full .event-date, .tiva-event-detail-full .event-location { margin-bottom: 5px; color: #d04609; font-size: 14px; } .tiva-event-detail-full .event-time i, .tiva-event-detail-full .event-date i, .tiva-event-detail-full .event-location i { margin-right: 5px; width: 14px; } .tiva-event-detail-full .event-location i { font-size: 18px; } .tiva-event-detail-full .event-desc { color: #666; border-top: 1px solid #e2e2e2; padding-top: 15px; margin-top: 15px; margin-bottom: 22px; line-height: 22px; font-size: 14px; } .tiva-event-detail-full .event-link { margin-bottom: 30px; } .tiva-event-detail-full .event-link a { color: #fff; background: #5AA4A3; padding: 8px 10px 8px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 14px; border: 0; cursor: pointer; position: relative; } .tiva-event-detail-full .event-link a:hover { text-decoration: none; } .tiva-event-detail-full .event-link a i { margin-right: 5px; } .tiva-event-list-full p { font-size:17px; } .event-select { background:none; border:1px solid #666; font-size:14px; font-family:Source Sans Pro,sans-serif!important; color: #000000; padding: 3px 15px 3px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-right: 10px; line-height: 26px; cursor: pointer; display: inline-block; position: relative; height:2.1rem; } .list-event-select { position:relative; } .list-event-select:after { font-family: FontAwesome; content: '\f107'; font-size: 18px; position: absolute; top: 12px; right: 20px; color: #434B67; pointer-events: none; } select.event-select, select.event-select option { font-family: FontAwesome, sans-serif; font-size:14px; } /* Responsive */ @media (min-width: 768px) { .tiva-event-list-full .event-item-left { margin-right: 2% !important; } .tiva-event-list-full .event-item-left.pull-left, .tiva-event-list-full .event-item-right.pull-left { float: left !important; } } @media (max-width: 768px) { .tiva-calendar-full .btn-change-date { display: none; } .tiva-calendar-full .calendar-day-normal, .tiva-calendar-full .calendar-day-blank { padding: 2px !important; } .tiva-calendar-full .calendar-table tr th { padding: 5px 3px !important; } .tiva-event-list-full .event-item-left { margin-bottom: 10px !important; } .tiva-event-list-full .event-item-left, .tiva-event-list-full .event-item-right { width: 100%; } } .table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #ddd; } .table-bordered th, .table-bordered td { border-left: 1px solid #ddd; } #back-button { margin:10px 0px 10px 10px }