:host { color: black; }

/* ===== Scope to EVENTS LIST pages ===== */
.evevents.list .panel-body.controlsBlock:before { display: none; }
@media (min-width: 767px) {
  .evevents.list [id^="display_value_Location"] { width: 200px; }
}
.evevents.list .panel-body.controlsBlock:after { display: none; }
.evevents.list [data-itemtype="logo"] { color: #255097!important; }
.evevents.list .bs-grid-vertical>.r-record-body>.panel { height: auto !important; }

/* mobile header hide ONLY on evevents.list */
@media (max-width: 767px) {
  .evevents.list .header { display: none; }
}

.evevents.list .bs-grid-vertical>.r-record-body>.panel>.panel-body { padding: 0 !important; }
.evevents.list .panel-default:hover { box-shadow: 0 0 10px rgba(0,0,0,.3); }
.evevents.list .panel-body:hover,
.evevents.list div.panel-heading:hover + div.panel-body { background-color: transparent !important; }
.evevents.list .panel-body:hover table>tbody>tr:first-child>td>span[data-field="Subject"]>span,
.evevents.list div.panel-heading:hover + div.panel-body > table > tbody > tr:first-child > td > span[data-field="Subject"] > span {
  color: #0067db !important; text-decoration: underline;
}
.evevents.list .rnr-dragndrop-area { width: 400px; }
.evevents.list, .evevents.view { background: #fafafa; } /* list + view share this */
.evevents.list [data-body-align="left"] .r-top {
  background-size: cover; background-position: center;
  background-image: url(../../images/events2.jpg);
  display:flex; flex-direction:column; justify-content:center;
}
.evevents.list [data-itemid="simple_search"] .input-group { border-radius: none; }
.evevents.list [data-itemid="simple_search"] .input-group>.form-control { padding: 10px 0; }
.evevents.list .searchOptions.panel {
  background: transparent; display:flex !important; border:none !important;
  margin-bottom:0; justify-content:center; align-items:center;
}
.evevents.list .rnr-searchtype { display:none; }
.evevents.list .srchPanelRow .rnr-searchcontrol { margin-right: 15px; }
.evevents.list .searchOptions.panel>* { height:fit-content; padding:0; background:transparent; }
.evevents.list .searchOptions.panel>* .form-group {
  height:fit-content; display:flex; margin-bottom:0; align-items:center; flex:auto;
}
@media (min-width: 767px) {
  .evevents.list .searchOptions.panel>* .form-group { flex-wrap:nowrap; }
}
.evevents.list .searchOptions.panel>* .form-group label { color:#fff; }
.evevents.list .searchOptions.panel>* .form-group label,
.evevents.list .searchOptions.panel .panel-footer { padding:0 10px; }
.evevents.list .searchOptions.panel .panel-heading { display:none; }
.evevents.list .searchOptions.panel .panel-footer { border:none; }
.evevents.list .r-body { padding:0; }
.evevents.list .panel-body { display:flex; }
.evevents.list .r-fluid { display:flex; margin:0 auto; flex-wrap:wrap; }
.evevents.list .r-fluid .r-record-body { padding:0 !important; }
.evevents.list .r-record-body .panel-body>table>tbody { display:flex; flex-direction:column; }
.evevents.list .r-record-body .panel-body>table>tbody tr { margin-bottom:7px; }
.evevents.list .r-record-body .panel-body>table>tbody tr:first-child>td { display:block; }
.evevents.list .r-fluid .r-record-body>.panel {
  border:none !important;
  transition: box-shadow .24s cubic-bezier(.4,0,.3,1), background-color .24s cubic-bezier(.4,0,.3,1);
}
.evevents.list .r-fluid .r-record-body>.panel:hover {
  background:#fff; box-shadow:0 16px 64px -16px rgb(46 55 77 / 24%);
}
.evevents.list .r-fluid .r-record-body:nth-child(3) { margin-right:0; }
.evevents.list [data-field="Location"] { padding-left:20px; }
.evevents.list [data-field="Location"], .evevents.list [data-fieldname="Price"] { color:#6f7287; }
.evevents.list [data-fieldname="Price"] { margin-top:10px; }
.evevents.list [data-fieldname="Subject"] { color:#39364f; }
.evevents.list [data-field="FromDate"] { color:#f05537; }
.evevents.list [data-field="Location"]>span:before {
  display:inline-block; font: normal normal normal 14px/1 FontAwesome; content:"\f041";
  padding-right:5px; color:#5391f4;
}
.evevents.list .r-topheader .navbar[data-location="supertop"] { box-shadow:none; border:none; background:#fff; }
.evevents.list .r-fluid .r-record-body:nth-child(4n+10):not(:nth-child(4)),
.evevents.list .r-fluid .r-record-body:nth-child(6) { margin-right:0; }
.evevents.list .r-form[data-location="above-grid"] { margin:0 auto; }
.evevents.list .event_grid_image { height:140px; width:100%; background-size:cover; background-position:center; }
.evevents.list [data-field="Image"], .evevents.list [data-field="Image"]>span { width:100% !important; display:inline-block !important; }

.evevents.list [data-itemid="categorymenu"] { margin:20px 0; display:flex !important; }
.evevents.list [data-itemid="categorymenu"]>span a {
  color:#6f7287; padding:12px 0; font-weight:600; white-space:nowrap; font-size:12px;
}
.evevents.list [data-itemid="categorymenu"]>span:first-child { padding-left:0; }
.evevents.list [data-itemid="categorymenu"]>span { flex:0 0 auto; padding:10px 16px; cursor:pointer; }
.evevents.list [data-itemid="categorymenu"]>span a:hover { border-bottom:2px solid #1e0a3c; color:#1e0a3c; text-decoration:none; }
.evevents.list [data-itemid="categorymenu"]>span.active a { border-bottom:2px solid #3659e3; color:#3659e3; }
.evevents.list [data-grid-message] { margin:0 auto; padding:0; }
.evevents.list [data-grid-message] [name="notfound_message1"] { padding-left:15px; }
.evevents.list .rnr-searchcontrol .input-group input,
.evevents.list .rnr-searchcontrol .input-group .input-group-addon { border-radius:0; }
.evevents.list .bottomSearchButt .btn {
  height:38px; border-radius:0; border:none; font-weight:bold;
}
.evevents.list .bottomSearchButt .btn.btn-primary { background:#f05537; }

@media (print), (min-width: 768px) and (min-width: 1200px) {
  .evevents.list .r-topbar-page .r-body .r-content .r-data-block>.r-grid>.r-fluid,
  .evevents.list .r-topbar-page .r-body .r-content .r-data-block [data-location="above-grid"],
  .evevents.list [data-grid-message],
  .evevents.view .r-body { width: 1130px; }
}
@media (print), (min-width: 768px) and (min-width: 1400px) {
  .evevents.list .r-topbar-page .r-body .r-content .r-data-block>.r-grid>.r-fluid,
  .evevents.list .r-topbar-page .r-body .r-content .r-data-block [data-location="above-grid"],
  .evevents.list [data-grid-message],
  .evevents.view .r-body { width: 1200px; }
}
@media (print), (min-width: 768px) and (min-width: 1800px) {
  .evevents.list .r-topbar-page .r-body .r-content .r-data-block>.r-grid>.r-fluid,
  .evevents.list .r-topbar-page .r-body .r-content .r-data-block [data-location="above-grid"],
  .evevents.list [data-grid-message],
  .evevents.view .r-body { width: 1300px; }
}

/* mobile-only tweaks (evevents.list) */
@media (max-width: 768px) {
  .evevents.list .r-topbar-page .r-body [data-itemid="categorymenu"] { display:none !important; }
  .evevents.list .r-fluid { flex-direction:column; padding:0 10px; }
  .evevents.list .r-form .row { max-width:100vw; }
  .evevents.list .r-form[data-location="top"] { display:block !important; }
  .evevents.list .r-form[data-location="top"] .row { margin:0; }
  .evevents.list .r-form[data-location="top"] .row [data-cellid="top_c"] { padding:0; }
  .evevents.list .searchOptions { flex-direction:column; padding:10px; }
  .evevents.list .searchOptions .srchPanelRow { flex-wrap:wrap; }
  .evevents.list .searchOptions .srchPanelRow label,
  .evevents.list .searchOptions .srchPanelRow .rnr-searchcontrol { flex: 100% 0 0; }
  .evevents.list .searchOptions .srchPanelRow .rnr-searchcontrol { margin-bottom:10px; }
  .evevents.list [data-runner-toggle],
  .evevents.list [data-runner-toggle]:focus { background:#f05537 !important; }
  .evevents.list [data-fieldname="Map"] iframe { max-width: calc(100vw - 60px); }
  .evevents.list [data-itemid="tell_friends"] { width:100%; display:block; margin:0 auto; text-align:center; }
  .evevents.list .searchOptions .panel-body.controlsBlock { flex-direction:column; }
}

/* desktop-only tweaks (evevents.list) */
@media (min-width: 768px) {
  .evevents.list .emonth, .evevents.list .eday { width:100%; display:block; }
  .evevents.list .eday { font-size:18px; }
  .evevents.list [data-body-align="left"] .r-top { min-height:250px; }
  .evevents.list .r-fluid .r-record-body,
  .evevents.list .r-fluid .r-record-body>.panel>.panel-body { height:350px; }
  .evevents.list .r-fluid .r-record-body:first-child,
  .evevents.list .r-fluid .r-record-body:first-child>.panel>.panel-body,
  .evevents.list .r-fluid .r-record-body:nth-child(6),
  .evevents.list .r-fluid .r-record-body:nth-child(6) .panel>.panel-body { height:450px; }
  .evevents.list .r-fluid .r-record-body:first-child,
  .evevents.list .r-fluid .r-record-body:nth-child(6) { flex:48.6% 0 0; }
  .evevents.list .r-fluid .r-record-body:first-child .event_grid_image,
  .evevents.list .r-fluid .r-record-body:nth-child(6) .event_grid_image { height:250px; }
  .evevents.list .r-fluid .r-record-body { flex:23% 0 0; margin:0 2.6% 20px 0; }
  .evevents.list .r-fluid .r-record-body:nth-child(6) { margin-top:-100px !important; }
  .evevents.list .emonth { margin-top:10px; }
}
.evevents.list .r-form .row { margin-left:0; margin-right:0; }

/* ===== Scope to EVENTS VIEW pages ===== */
.evevents.view .r-topheader .navbar[data-location="supertop"] {
  box-shadow:none; border:none; background:white;
}
.evevents.view .r-body .r-data-block .r-grid {
  background:white; box-shadow:0 1px 2px 0 rgb(0 0 0 / 15%);
}
.evevents.view { 
  background-image: linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);
  background-size:100% 60vh; background-repeat:no-repeat;
}
.evevents.view .r-view-field[data-field="mine_view.view_img"] { padding:0 !important; }

/* ===== Scope to LOGIN page ===== */
.function-login {
  background-image: url("../../images/events2.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: darkblue;
}

/* ===== Convert global rules to scoped versions so other pages are unaffected ===== */

/* Hide panel headings ONLY on events pages (was global before) */
.evevents.list .panel-default > .panel-heading,
.evevents.view  .panel-default > .panel-heading { display: none !important; }

/* Remove heavy paddings ONLY within events pages */
.evevents.list .bs-grid-vertical>.r-record-body>.panel>.panel-body>table>*>tr>*,
.evevents.view  .bs-grid-vertical>.r-record-body>.panel>.panel-body>table>*>tr>* {
  padding: 0 !important;
}

/* Left column spacing on events only */
.evevents.list .bs-left > * { margin-right: 20px !important; }

/* Global paddings on subject/etc only on events pages */
.evevents.list span[data-field=Subject],
.evevents.list span[data-field=FromDate],
.evevents.list span[data-itemid=snippet],
.evevents.list span[data-field=Price] { padding-left: 20px; }

/* (Optional) If you REALLY meant to hide the menu when logged out, do it only on events pages */
.evevents.list body:not(.LoggedIn) [data-itemid="menu"],
.evevents.view  body:not(.LoggedIn) [data-itemid="menu"] { display: none !important; }

/* Otherwise, prefer to always show the menu on events pages */
.evevents.list [data-itemid="menu"],
.evevents.view  [data-itemid="menu"] { display: block !important; }

/* Hide top menu bar on Events pages */
.evevents.list .navbar.navbar-default,
.evevents.view  .navbar.navbar-default {
  display: none !important;
}
/* Hide top header / menu bar ONLY on the Evevents List page */
.evevents.list .r-topheader[data-resize-name="topbar"] {
  display: none !important;
}