File: //var/www/lipovac/wp-content/plugins/the-events-calendar/src/resources/css/tribe-events-v2.css
/**
* This CSS file was auto-generated via PostCSS
*
* Contributors should avoid editing this file, but instead edit the associated
* src/resources/postcss/ file. For more information, check out our engineering
* docs on how we handle CSS in our engineering docs.
*
* @see: http://moderntribe.github.io/products-engineering/css/
*/
/**
* The Events Calendar Tribe V2 Stylesheet
*
* @package TribeEventsCalendar
*
*/
/*
Utilities -
@todo: remove this once we have the repo for tribe-assets
More info: https://github.com/moderntribe/tribe-common-styles
*/
/* -----------------------------------------------------------------------------
*
* Utilities
*
* This file is just a clearing-house.
* Make partials (start with an underscore) for any actual css code.
*
* ----------------------------------------------------------------------------- */
/* Variables */
:root {
/* -----------------------------------------------------------------------------
* Colors - Typography
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Colors - Iconography
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Colors - UI
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Colors - Borders & Misc
* ----------------------------------------------------------------------------- */
}
:root {
/* -----------------------------------------------------------------------------
* Box Shadows
* ----------------------------------------------------------------------------- */
}
:root {
/* -----------------------------------------------------------------------------
* Forms - Colors
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Forms - Box Shadows
* ----------------------------------------------------------------------------- */
}
:root {
/* -----------------------------------------------------------------------------
* Gutter - Default
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Gutter - Page
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Grid Width
* ----------------------------------------------------------------------------- */
}
:root {
/* -----------------------------------------------------------------------------
* Spacers
* ----------------------------------------------------------------------------- */
}
:root {
/* -----------------------------------------------------------------------------
* Transitions
* ----------------------------------------------------------------------------- */
}
:root {
/* -----------------------------------------------------------------------------
* Font Stacks
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Font Weights
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Font Sizing
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Line Height
* ----------------------------------------------------------------------------- */
}
/* Mixins */
/* -----------------------------------------------------------------------------
* Body
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Desktop Body 1
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Desktop Body 2
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Desktop Body 3
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Mobile Body 1
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Mobile Body 2
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Mobile Body 3
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Button - Global
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Button - Solid
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Button - Border
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Selects
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Sliders & Toggles
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Sliders
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Hidden: Hide from both screenreaders and browsers
* @author: h5bp.com/u
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Visually Hide: Hide only visually, but have it available for screenreaders
* @author: h5bp.com/v
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Visually Show: Show element after has been hidden with %visually-hide
* ----------------------------------------------------------------------------- */
/* Views components */
/* -----------------------------------------------------------------------------
*
* Components
*
* This file is just a clearing-house.
* Make partials (start with an underscore) for any actual css code.
*
* ----------------------------------------------------------------------------- */
/* Events bar */
/* -----------------------------------------------------------------------------
*
* Events Bar
*
* ----------------------------------------------------------------------------- */
.tribe-events-calendar-events-bar {
display: flex;
width: 100%;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.tribe-events-calendar-events-bar--form {
flex: 1 1 45%;
}
.tribe-events-calendar-events-bar--views {
flex: 1 1 40px;
display: flex;
justify-content: center;
}
.tribe-events-calendar-events-bar--filters {
display: flex;
justify-content: flex-end;
}
/* Top bar */
/* -----------------------------------------------------------------------------
*
* Top Bar
*
* ----------------------------------------------------------------------------- */
.tribe-events .tribe-events-calendar-top-bar {
display: flex;
margin-top: 40px;
margin-bottom: 28px;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.tribe-events .tribe-events-calendar-top-bar--nav {
display: flex;
padding-right: 15px;
align-items: center;
}
.tribe-events .tribe-events-calendar-top-bar--nav nav a {
padding-right: 8px;
}
.tribe-events .tribe-events-calendar-top-bar--nav nav a:before {
height: 16px;
}
.tribe-events .tribe-events-calendar-top-bar--today {
display: flex;
flex: 1 1 60%;
align-items: center;
}
.tribe-events .tribe-events-calendar-top-bar--today--button {
border: 1px solid #D5D5D5;
font-size: 12px;
color: #727272;
margin-right: 15px;
padding: 5px 15px;
}
.tribe-events .tribe-events-calendar-top-bar--today--button:focus,
.tribe-events .tribe-events-calendar-top-bar--today--button:hover {
color: #141827;
}
.tribe-events .tribe-events-calendar-top-bar--today--button:active {
border-color: #141827;
}
.tribe-events .tribe-events-calendar-top-bar--today--button:disabled {
color: #D5D5D5;
border-color: #D5D5D5;
}
.tribe-events .tribe-events-calendar-top-bar--actions {
display: flex;
justify-content: flex-end;
}
/* Views */
/* -----------------------------------------------------------------------------
*
* Views
*
* This file is just a clearing-house.
* Make partials (start with an underscore) for any actual css code.
*
* ----------------------------------------------------------------------------- */
/* List */
/**
* The Events Calendar Tribe List View V2 Stylesheet
*
* @package TribeEventsCalendar
*
*/
.tribe-events .tribe-events-calendar-list {
font-family: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
}
.tribe-events .tribe-events-calendar-list__event {
display: flex;
flex-direction: column;
}
.tribe-events .tribe-events-calendar-list__event--details {
flex: 1 1 100%;
}
.tribe-events .tribe-events-calendar-list__event--datetime {
font-size: 14px;
margin-bottom: 16px;
position: relative;
}
.tribe-events .tribe-events-calendar-list__event--title {
font-size: 24px;
font-weight: 700;
margin-bottom: 16px;
padding: 0;
}
.tribe-events .tribe-events-calendar-list__event--venue {
font-size: 14px;
margin-bottom: 16px;
}
.tribe-events .tribe-events-calendar-list__event--venue--title {
font-weight: 700;
}
.tribe-events .tribe-events-calendar-list__event--description {
color: #141827;
font-family: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
font-size: 16px;
line-height: 1.62;
font-weight: 400;
margin-bottom: 24px;
}
.tribe-events .tribe-events-calendar-list__event--featured-image {
flex: 1 0 320px;
}
.tribe-events .tribe-events-calendar-list__event--featured .tribe-events-calendar-list__event--datetime time:after {
/* we'll include the SVG here*/
width: 12px;
height: 12px;
background-color: #334AFF;
position: absolute;
content: '';
top: calc(50% - 6px);
margin-left: 10px;
}
.tribe-events .tribe-events-calendar-list__event--featured .tribe-events-calendar-list__event--title {
font-size: 32px;
}
.tribe-events .tribe-events-calendar-list__event--featured .tribe-events-calendar-list__event--featured-image {
flex: 1 0 520px;
}
.tribe-events .tribe-events-calendar-list__separator--month {
display: block;
position: relative;
margin-bottom: 32px;
}
.tribe-events .tribe-events-calendar-list__separator--month:after {
content: '';
border-bottom: 1px solid #D5D5D5;
height: 1px;
width: 100%;
display: block;
position: absolute;
top: 50%;
left: 0;
z-index: 0;
}
.tribe-events .tribe-events-calendar-list__separator--month span {
background-color: #fff;
font-size: 16px;
font-weight: 700;
padding: 0 20px 0 0;
position: relative;
text-transform: uppercase;
z-index: 10;
}
@media (min-width: 768px) {
.tribe-events .tribe-events-calendar-list__event {
flex-direction: row-reverse;
padding-left: 140px;
margin-bottom: 56px
}
.tribe-events .tribe-events-calendar-list__event--featured-image {
flex: 1 0 320px;
margin-left: 32px
}
}