/*
Theme Name: Mini Blog 2
Theme URI: http://dessign.net/miniblogtheme
Author: DessignThemes, überarbeitet von Stefan Duscher
Author URI: http://dessign.net
Description: Mini Blog, überarbeitet: PHP 8, sauberes Escaping, lokale Schriften ohne Google-Verbindung, YouTube ohne Cookies, Veranstaltungen als Kacheln. Wetter über das Plugin „GeoSphere Wetter“.
Version: 2.1.0
Requires at least: 6.2
Requires PHP: 8.0
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: pro-blogg
Update URI: false
Tags: one-column, two-columns, right-sidebar, custom-background, custom-menu, theme-options
*/

/* =WordPress Core

-------------------------------------------------------------- */



.alignnone {

    margin: 5px 20px 20px 0;

  }

.aligncenter,

div.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

  }

.alignright {

    float:right;

    margin: 5px 0 20px 20px;

  }

.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

  }

a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

  }

a img.alignnone {

    margin: 5px 20px 20px 0;

  }

a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

  }

a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto

  }

.wp-caption {

    background: #fff;

    border: 1px solid #f0f0f0;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 5px 3px 10px;

    text-align: center;

  }

.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

  }

.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

  }

.wp-caption.alignright {

    margin: 5px 0 20px 20px;

  }

.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

  }

.wp-caption p.wp-caption-text {

    font-size: 11px;

    line-height: 17px;

    margin: 0;

    padding: 0 4px 5px;

  }

/* Text meant only for screen readers. */

.screen-reader-text {

  clip: rect(1px, 1px, 1px, 1px);

  position: absolute !important;

  height: 1px;

  width: 1px;

  overflow: hidden;

}

.screen-reader-text:focus {

  background-color: #f1f1f1;

  border-radius: 3px;

  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

  clip: auto !important;

  color: #21759b;

  display: block;

  font-size: 14px;

  font-size: 0.875rem;

  font-weight: bold;

  height: auto;

  left: 5px;

  line-height: normal;

  padding: 15px 23px 14px;

  text-decoration: none;

  top: 5px;

  width: auto;

  z-index: 100000; /* Above WP toolbar. */

}

.gallery-caption {

  margin: 0;

}

.bypostauthor {}

.size-auto, 

.size-full,

.size-large,

.size-medium,

.size-thumbnail {

  max-width: 100%;

  height: auto;

}

.container { width: 1180px; margin: 0 auto; }

.clear { clear: both; }

body {  font-size: 14px; font-family: 'Lato', Arial, sans-serif; font-weight: 400; color: #333; line-height: 140%; letter-spacing: 1.5px; margin: 0 }

p { font-size: 14px; font-family: 'Lato', Arial, sans-serif; font-weight: 400; color: #333; line-height: 160%; letter-spacing: 1.5px; }

a { text-decoration: none; }

img { max-width: 100%; height: auto; }

/**HEADER**/

.head-top {

  -moz-box-shadow: 0 0 2px 1px #ccc; -webkit-box-shadow: 0 0 1px 1px #eee; box-shadow: 0 0 1px 1px #eee; 

  padding: 15px 0 10px;

  position: relative;

  width: 100%;

  top: 0;

  background: #005b89;

  z-index: 999;

}

.head-nav { float: left; max-width: 1180px; }

.head-nav ul { list-style-type: none; margin: 0; padding: 0; font-size: 0; }

.head-nav ul li { display: inline-block; position: relative; margin: 0 5px 0 0; }

.head-nav ul li:last-child { margin-right: 0; }

.head-nav ul li a { font-size:14px; color: #fff; display: block; 

  padding: 5px 15px; text-transform: uppercase; letter-spacing: 1.5px;}

  .head-nav ul li a:hover,

.head-nav ul li.current-menu-item > a,

.head-nav ul li.current_page_item > a { color: #005b89; text-decoration: none; background: #fff; }

.head-nav ul li ul { position: absolute; left: 0; z-index: 100; display: none; }

.head-nav ul li ul li { float: none; margin: 0; width: 300px; 

    background-color: #005b89; 

   padding: 0; font-size: 13px; -moz-box-shadow: 0 0 1px 1px #eee; -webkit-box-shadow: 0 0 1px 1px #eee; box-shadow: 0 0 1px 1px #eee; }

.head-nav ul li ul li ul { margin-left: 100%; top: 0; }

.head-nav ul li ul li:first-child { border-top: none; }

.head-nav ul li ul li a { padding: 8px 10px; display: block; border-bottom: none; }

.head-nav ul li ul li a:hover { background-color: #fff; color: #005b89; text-decoration: none; border: none; }

.slicknav_menu { display: none; background: #fff; }

.slicknav_menu ul li a { color: #333; }

.slicknav_menu ul li a:hover a,

.slicknav_menu ul li a:hover,

.slicknav_menu ul li ul li a:hover,

.slicknav_nav .slicknav_row:hover { background: #333; color: #fff !important; border-radius: 0; }

.head-socials { float: right; max-width: 400px; }

.head-socials ul {

  font-size: 0;

  list-style: outside none none;

  margin:  0;

  padding: 0;

}

.head-socials ul li {

  display: inline-block;

  margin: 0 5px;

}

.head-socials ul li a:hover {

  border-bottom: 2px solid #333333;

}

.head-logo { text-align: center; padding: 0px;  }

.head-logo img { max-width: 100%; height: auto; }

.head-search {

  float: right; display: none;

}

.search-form label { position: relative; }

.search-form input[type="search"] { width: 280px; }

.search-form input[type="image"] {

  left: 90%;

  position: absolute;

  top: 2px;

}

.search .post_content .search-field[type="text"] {

  background: #ffffff none repeat scroll 0 0;

}

/**HOME**/













.home_posts .grid_post { width: 355px; margin: 5px 0 50px; box-shadow: #ccc 0 1px 3px 0; padding: 12px; }

.home_posts .grid_post h3 a:hover { text-decoration: underline; }

.home_posts .grid_post .grid_post_img { overflow: hidden; }

.home_posts .grid_post img { transition:all 0.3s ease-in-out; }

.home_posts .grid_post img:hover { transform: scale(1.05);}

.grid_post > iframe {

  width: 100%; height: 215px;

}

.content .container {  overflow: hidden; }

/**BLOG**/

.post_content .blog_post_box { padding: 0 0 35px; 

  margin: 0 0 45px; text-align: center; box-shadow: #ccc 0 1px 3px 0; padding: 12px; }

  .post_content .blog_post_box.sticky { background: #f2f2f2;

  padding: 35px 0; }

  .post_content .blog_post_box .blog_box_featured_image { margin: 0 0 20px; overflow: hidden; }

.post_content .blog_post_box .blog_box_featured_image img { transition:all 0.3s ease-in-out; display: block; }

.blog_box_featured_image > a { display: table; margin: 0 auto; }

.post_content .blog_post_box .blog_box_featured_image img:hover { transform: scale(1.05); }

.blog_box_featured_image iframe, .post_box iframe {

  height: 439px;

  width: 100%;

}

.post_content .blog_post_box h3 { margin: 0 0 15px; font-size: 30px; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 140%; letter-spacing: 1.5px; }

.post_content .blog_post_box h3 a:hover { text-decoration: underline; }

.post_content .blog_post_box .blog_post_date { font-size: 20px; font-weight: lighter }

.post_content .blog_post_box .blog_post_content { text-align: center; margin: 0 0 35px; padding: 0 30px;  font-family: 'Lato', sans-serif; font-weight: 400; line-height: 140%; letter-spacing: 1.5px; font-size: 16px;}

.post_content .blog_post_box .read-more { background: #fff; 

  border: 1px solid #000; color: #000; padding: 5px 10px; 

  display: inline-block; text-align: center; 

  text-transform: uppercase;  }

  .post_content .blog_post_box .read-more:hover { background: #000;

  color: #fff; }

  .post_content .post_tags { font-size: 12px; font-style: italic; }

.post_box { position: relative; }

.post_nav { position: absolute; right: 0; top: 0; }

.post_nav .prev_post { float: left; width: auto; margin: 0 10px 0 0;  }

.post_nav .prev_post a { height: 30px; width: 30px; background: url(images/new-prev.png) no-repeat; display: block; }

.post_nav .next_post { float: right; width: auto; }

.post_nav .next_post a { height: 30px; width: 30px; background: url(images/new-next.png) no-repeat; display: block; }

.post_content .archive_title h2 {

  border-left: 30px solid #000000;

  border-right: 30px solid #000000;

  display: inline-block;

  margin: 0 0 30px;

  padding: 0 20px;

  text-transform: uppercase;

}

.link_pages {

  margin: 20px 0;

}

.link_pages > span {

  background: #fafafa none repeat scroll 0 0;

  border: 1px solid #dddddd;

  padding: 5px 10px;

}

.link_pages a span {

  background: #000000 none repeat scroll 0 0;

  color: #ffffff;

  padding: 5px 10px;

}



/**CONTENT**/

.content { overflow: hidden; margin: 0 0 40px; }

.home .content { margin-top: 1px; }

article.post_box, .blog_posts { width: 760px; }

.sidebar { width: 340px; float: right; padding: 24px 10px; font-size: 13px;  letter-spacing: 1.5px; font-weight: 400;  }

.post_content { width: 790px; float: left; color: #333; padding: 20px 10px 30px; }

.post_content > article { overflow: hidden; }

.post_content a { color: #000; }

.post_content h1 { line-height: 1; font-size: 25px; margin: 5px 0 25px; max-width: 720px; }

.post_content h2 { line-height: 1; font-size: 26px; margin: 0 0 25px; }

.post_content h3 { line-height: 1; font-size: 21px; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 140%; letter-spacing: 1.5px; margin: 0 0 25px; }

.post_content h4,

.post_content h5,

.post_content h6 { line-height: 1; font-size: 18px; 

  font-weight: bold; margin: 0 0 10px; }

.post_content img { max-width: 100%; }

.post_content input[type="text"],

.post_content input[type="email"],

.post_content input[type="password"],

.post_content input[type="search"],

.post_content input[type="phone"] { 

  width: 300px; height: 40px; 

  border: 2px solid #ddd; background: #fff; 

  box-sizing: border-box; padding: 5px 10px; 

  margin: 0 0 5px; }

  .post_content input[type="submit"], 

  button { padding: 10px 15px; background: #000; 

  color: #fff; text-transform: uppercase; 

  border: none; margin: 0 0 5px; cursor: pointer; }

  .post_content textarea { background: #fff; 

  border: 2px solid #ddd; }

  .load_more_text {

  display: block;

  text-align: center;

}

.load_more_text a {

  background: #000000 none repeat scroll 0 0;

  color: #ffffff;

  display: inline-block;

  font-weight: bold;

  padding: 10px 15px;

  width: 240px;

}



/**COMMENTS**/

.home_blog_box { margin: 30px 0;  

  padding: 30px 0 10px; }

  #commentform label { display: block; }

.commentlist {

  background: #f2f2f2 none repeat scroll 0 0;

  padding: 15px;

  list-style: none;

}

.commentlist ol.children { list-style: none; }

.comment.even {

  background: #ffffff none repeat scroll 0 0;

  padding: 10px;

}

.comment.odd {

  background: #eee;

  padding: 10px;

}

#comments .comment-reply-link { background: #000; 

  padding: 5px 10px; font-size: 12px; color: #fff; 

  display: inline-block; }

  input[type="text"],

input[type="email"],

input[type="password"],

input[type="search"],

input[type="phone"] { width: 300px; 

  height: 40px; border: 1px solid #ddd; 

  background: #fff; box-sizing: border-box; 

  padding: 5px 10px; margin: 0 0 5px; }

  input[type="submit"], button { padding: 5px 10px; 

  background: #000; color: #fff; text-transform: uppercase; 

  border: none; margin: 0 0 5px; cursor: pointer; }



/**WIDGETS**/

.widget_box:not(.footer_box) { margin: 0 0 25px; }

.widget_box:not(.footer_box) h3 { background: #005b89 none repeat scroll 0 0; color: #fff; padding: 12px 0; text-align: center; text-transform: uppercase; margin: 0 0 15px; font-size: 14px; box-shadow: #ccc 0 0px 0px 0;  }

.widget_box ul { list-style: outside none none; margin: 0; padding: 0; }

.widget_box ul.children { padding-left: 20px; margin: 10px 0 0; }

.widget_box ul li { border-bottom: 1px dotted #dddddd; margin: 0 0 10px; }

.widget_box ul.children li { border-bottom: 1px dotted #dddddd; }

.widget_box ul.children li:last-child { border-bottom: none; }

.widget_box ul.children li:before { content: '-'; }

.widget_box ul li a { color: #000; margin: 0 0 10px; display: inline-block; }

.widget_box .textwidget a:hover,

.widget_box ul li a:hover { text-decoration: underline; }

.widget_box .search-form input[type="text"] { width: 100%; }

.widget_box select { border: 2px solid #dddddd; height: 40px; max-width: 100%; padding: 5px 10px; }

.widget_box .search-form input[type="image"] { left: auto; right: 10px; }

.tagcloud a { border: 1px solid #eee; color: #333; font-size: 14px !important; padding: 10px 15px; display: inline-block; margin: 2px 0; }

.tagcloud a:hover { color: #fff; background: #333; }



.widget_box.widget_nav_menu ul li { border-bottom: medium none; }

.widget_box.widget_nav_menu ul li a { background: #fafafa none repeat scroll 0 0; display: block; padding: 5px; }

.widget_box.widget_nav_menu ul li.menu-item-has-children a { margin: 0; }

.widget_box.widget_nav_menu ul li .sub-menu { padding-left: 20px; }

.widget_box.widget_nav_menu ul li .sub-menu li, .widget_box.widget_nav_menu ul li .sub-menu li a { margin: 0; }

.widget_box .side_title .rsswidget { color: #333333; }

.widget_box.widget_rss ul li { margin-bottom: 20px; padding-bottom: 10px; }

.widget_box ul li a.rsswidget { background: #fafafa none repeat scroll 0 0; display: block; font-weight: bold; margin: 0 0 5px; padding: 5px 0; text-align: center; }

.widget_box .rss-date { display: block; font-weight: bold; text-align: center; }

.widget_box.widget_rss cite { display: block; text-align: right; }

.widget_box.widget_calendar caption { background: #dddddd none repeat scroll 0 0; color: #333333; font-weight: bold; padding: 5px 0; text-transform: uppercase; }

.widget_box.widget_calendar tfoot a { background: #eeeeee none repeat scroll 0 0; color: #333333; display: block; font-weight: bold; text-align: center; }

.widget_box.widget_calendar tbody td { text-align: center; }

.widget_box.widget_calendar tbody td a { background: #333333 none repeat scroll 0 0; color: #ffffff; display: block; }

.widget_box.widget_calendar table { background: #fafafa none repeat scroll 0 0; margin: 0 auto; padding: 10px; width: 200px; }



/*PAGINATION*/

.pagination { text-align: center; }

.pagination .page-numbers { border: 1px solid #333333; color: #333; display: inline-block; font-size: 12px; padding: 10px 15px; }

.pagination .page-numbers.current { background: #333333 none repeat scroll 0 0; color: #ffffff; }



/**FOOTER**/

.main-foot { border-bottom: 0px solid #dddddd; border-top: 1px solid #000000; padding: 35px 0; }

.foot-col { box-sizing: border-box; float: left; padding: 0 15px 0; width: 33%; }

.foot-col:first-child { padding: 0 30px 0 0; }

.foot-col:last-child { padding: 0 0 0 30px; }

.footer_box h3 { text-transform: uppercase; }

.footer_title a { color: #000000; }

.bottom-foot { text-align: center; padding: 30px 0; }

.bottom-foot p { margin: 0; }





/**RESPONSIVE**/

@media only screen and ( max-width: 1200px ){

  .container { width: 948px; }

  article.post_box, .blog_posts { width: 640px; }

  .post_content { width: 674px; }

  .sidebar { width: 234px; }

  .home_posts .grid_post { width: 280px; }

  

  

  .blog_box_featured_image iframe,

  .post_box iframe { height: 389px; }

  

 

}



@media only screen and ( max-width: 960px ){

  .container { width: 748px; }

  .head-nav { display: none; }

  

  .slicknav_menu {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    display: block;

    position: absolute;

    right: 0;

    width: 100%;

    padding: 0;

  }

  .slicknav_nav {

    background: #ffffff none repeat scroll 0 0;

    box-shadow: 0 0px 0px 0 #fff;

    width: 100%;

  }

  

  .head-top {

    background: #fff none repeat scroll 0 0;

    box-shadow: 0 0 0px 0px #fff;

   

   

    top: 0;

    width: 100%;

    z-index: 999;

}



  .blog_posts { width: auto; }

  article.post_box { width: 100%; }

  .head-socials { float: left; margin-top: 10px; }

  .post_content { width: 514px; }

  .sidebar { width: 190px; }

  .home_posts .grid_post { width: 210px; }

  .grid_post > iframe { height: 146px; }

  .blog_box_featured_image iframe,

  .post_box iframe { height: 315px; }

}



@media only screen and ( max-width: 767px ){

  .container { width: 300px; }

  .head-search { display: none; float: none; text-align: center; }

  .head-socials { float: none; width: auto; }

  .head-socials ul li { margin: 0 2px; }

  .head-logo { padding: 30px 0 15px; }

  .post_content { width: auto; float: none; }

  .sidebar { width: auto; float: none; }

  .post_nav {  float: right; position: static; }

  

  .post_content .blog_post_box {

    box-shadow: 0 0px 0px 0 #fff;

   

    text-align: center;

}

  

  .home_posts .grid_post { width: 300px; box-shadow: #fff 0 0px 0px 0; margin-left:-17px; }

  .grid_post > iframe { height: 178px; }

  .blog_box_featured_image iframe,

  .post_box iframe { height: 178px;  }

  .foot-col { width: auto; float: none; padding: 0 !important; }

}

/* =========================================================================
   Ergänzungen 2.0.0
   ====================================================================== */

/* Kopfleiste fixieren (früher per Inline-Style aus jQuery) */
.head-top.is-fixed { position: fixed; }

/* Skip-Link */
.skip-link:focus { position: fixed !important; top: 8px; left: 8px; z-index: 100001; }

/* Archiv- und Suchtitel (jetzt h1) */
.post_content .archive_title h1 {
  border-left: 30px solid #000;
  border-right: 30px solid #000;
  display: inline-block;
  margin: 0 0 30px;
  padding: 0 20px;
  text-transform: uppercase;
  font-size: 26px;
  line-height: 1.2;
}

/* Beitragsmetadaten */
.post_meta { margin: 0 0 25px; }
.grid_post_date { font-size: 12px; color: #767676; margin: 0 0 5px; letter-spacing: 1px; }

/* Videos responsiv */
.video-embed { position: relative; aspect-ratio: 16 / 9; margin: 0 0 15px; }
.video-embed iframe { position: absolute; inset: 0; width: 100% !important; height: 100% !important; border: 0; }
.grid_post .video-embed { margin: 0 0 10px; }

/* Bilder in Kacheln */
.home_posts .grid_post img { display: block; width: 100%; height: auto; }
.home_posts .grid_post { box-sizing: border-box; }

/* Suchfeld (type="search") wie vorher */
.post_content input[type="search"].search-field { width: 300px; }

/* Smartphones: flexible Breite statt fixer 300 px */
@media only screen and ( max-width: 767px ) {
  .container { width: auto; padding: 0 16px; box-sizing: border-box; }
  .home_posts .grid_post { width: 100%; margin-left: 0; margin-bottom: 24px; box-shadow: #ccc 0 1px 3px 0; }
  .post_content .blog_post_box { box-shadow: #ccc 0 1px 3px 0; }
  .post_content { padding-left: 0; padding-right: 0; }
  .post_content .archive_title h1 { border-width: 0 0 0 12px; padding: 0 12px; font-size: 22px; }
  .post_content input[type="search"].search-field,
  .post_content input[type="text"] { width: 100%; }
}

/* The Events Calendar: Veranstaltungen als Karte mit Bild und Termin */
.tribe-events-widget .tribe-events-widget-events-list__event-card { background: #f4f7f9; border-bottom: 3px solid #005b89; margin: 0 0 22px; }
.tribe-events-widget .tribe-events-widget-events-list__event-card:last-child { margin-bottom: 0; }
.tribe-events-widget .tribe-events-widget-events-list__event-image { margin: 0; overflow: hidden; line-height: 0; }
.tribe-events-widget .tribe-events-widget-events-list__event-image a { display: block; }
.tribe-events-widget .tribe-events-widget-events-list__event-image img { display: block; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0; transition: transform .3s ease-in-out; }
/* WordPress setzt für Lazy-Load-Bilder „contain-intrinsic-size: 3000px 1500px“, das ergab riesige Leerflächen */
.tribe-events-widget .tribe-events-widget-events-list__event-image img[sizes^="auto"] { contain-intrinsic-size: none !important; }
.tribe-events-widget .tribe-events-widget-events-list__event-image a:hover img { transform: scale(1.03); }
.tribe-events-widget .tribe-events-widget-events-list__event-card .tribe-events-widget-events-list__event-row { margin: 0 !important; padding: 12px 12px 14px 4px; }

/* The Events Calendar: Listenansicht als Kacheln wie die Startseite */
.tribe-events-view--list .tribe-events-calendar-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; align-items: start; margin: 0; padding: 0; }
.tribe-events-view--list .tribe-events-calendar-list__month-separator { grid-column: 1 / -1; margin: 10px 0 -10px !important; }
.tribe-events-view--list .mb-event-tile { display: block; margin: 0 !important; padding: 12px; background: #fff; box-shadow: #ccc 0 1px 3px 0; box-sizing: border-box; }
.tribe-events-view--list .mb-event-tile__inner { display: block; margin: 0; padding: 0; }
.tribe-events-view--list .mb-event-tile .tribe-events-calendar-list__event-title { font-family: 'Lato', Arial, sans-serif !important; font-size: 21px !important; font-weight: 700 !important; line-height: 140% !important; letter-spacing: 1.5px; margin: 0 0 15px !important; }
.tribe-events-view--list .mb-event-tile .tribe-events-calendar-list__event-title a { color: #000 !important; border: 0 !important; text-decoration: none; }
.tribe-events-view--list .mb-event-tile .tribe-events-calendar-list__event-title a:hover { text-decoration: underline; }
.tribe-events-view--list .mb-event-tile__image { overflow: hidden; margin: 0 0 12px; line-height: 0; }
.tribe-events-view--list .mb-event-tile__image img { display: block; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0; transition: transform .3s ease-in-out; }
.tribe-events-view--list .mb-event-tile__image img[sizes^="auto"] { contain-intrinsic-size: none !important; }
.tribe-events-view--list .mb-event-tile__image a:hover img { transform: scale(1.05); }
.tribe-events-view--list .mb-event-tile__details { display: block; padding: 0; max-width: none; }
.tribe-events-view--list .mb-event-tile .tribe-events-calendar-list__event-datetime-wrapper { font-size: 12px; color: #767676; letter-spacing: 1px; margin: 0 0 4px; }
.tribe-events-view--list .mb-event-tile .tribe-events-calendar-list__event-venue { font-size: 13px; font-style: normal; margin: 0 0 8px; }
.tribe-events-view--list .mb-event-tile .tribe-events-calendar-list__event-description { position: static !important; clip: auto !important; height: auto !important; width: auto !important; visibility: visible !important; overflow: hidden !important; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-clamp: 4; font-size: 14px; line-height: 160%; letter-spacing: 1.5px; margin: 8px 0 0; }
.tribe-events-view--list .mb-event-tile .tribe-events-calendar-list__event-description p { margin: 0; }
@media only screen and ( max-width: 767px ) {
  .tribe-events-view--list .tribe-events-calendar-list { grid-template-columns: 1fr; gap: 24px; }
}