/* page architecture positioning */

/* views pager previous link - this might be a general issue not limited to events */
/* override omega visuals.css which gives it a 50px fixed width, causing wrapping */
body.bhcc-events-context .pager li.pager-previous a {
  width: auto;
  padding: 4px 1em;
}

/* fix issue of date picker appearing behind view content */
div#ui-datepicker-div {
  z-index: 9999 !important;
}

body.bhcc-events-context aside#region-sidebar-first {
  margin-right: 0;
}

body.bhcc-events-context #region-breadcrumb {
  width: 73.555%;
}

body.bhcc-events-context #region-content {
  width: 73.555%;
  margin-left: 3.5%;
}

.view-header strong {
  font-weight: bold;
}

.view-id-bhcc_events_views .view-filters {
  padding-left: 2%;
}

.bhcc-events-views .view-content {
  padding-left: 2%;
}

/* block displays with separate filter block */
.bhcc-events-views-filters {
  margin-left: 2.5%;
}

@media screen and (min-width: 1025px) {
/* large screen two column layout */    
/* legacy page displays */

  .bhcc-events-views .view-filters, .bhcc-events-views .view-content {
    float: left;
  }

  .bhcc-events-views .view-filters {
    width: 25%;
  }

  .bhcc-events-views .view-content {
    width: 65%;
  }

  /* block displays with separate filter block */
  /* the block displays have two classes attached, bhcc-events-views and bhcc-events-views-block, which helps with overriding the page display css above */
  .bhcc-events-views-filters {
    float: left;     
    width: 32.5%;
    z-index: 1;
  }

  .bhcc-events-views-block.view-bhcc-events-views, .bhcc-events-views-block.view-activity-providers {
    float: left;
    width: 65%;
  }

  .bhcc-events-views-block.bhcc-events-views .view-content {
    width: 100%;
  }

  .bhcc-events-views-block.view-display-id-events4provider {
    width: 100%;
    clear: left;
  }

  /* Overrides for TAKEPART events view */
  .bhcc-events-views-block.view-display-id-block_1 {
    width: 100%;
  }

  .bhcc-events-views-block.view-display-id-block_1 .view-content {
    width: 60%;
    float: right;
  }

  .bhcc-events-views-block.view-display-id-block_1 .view-filters {
    width: 32.5%;
    float: left;
  }

}

/* Activity provider views */
.view-id-activity_providers .view-content, .view-id-activity_provider_events .views-field-field-event-date .field-content {
  margin-left: 2.5%;
}

/* overrides for admin view */
.view-display-id-activity_providers_admin .view-content {
  margin-left: 0;
}

.view-display-id-activity_providers_admin .view-content  table {
  margin: 0;
}

/* search field */
#views-exposed-form-activity-providers-activity-providers div#edit-search-wrapper {
  margin-top: -1.2em;
  padding-left: 2%;
}

/* Activity provider name link */
div.view-activity-providers h3.activity-provider a {
  font-size: 18px;
  font-family: 'Whitney SSm A', 'Whitney SSm B';
  font-weight: 600;
  font-style: normal;
  letter-spacing: -0.036em;
  text-decoration: none;
}

div.view-activity-providers h3.activity-provider a:hover {
  text-decoration: underline;
  color: #A80063;
}
 
@media screen and (min-width: 540px) {

  .view-display-id-activity_provider_display .views-field-picture {
    float: right;
    width: 25%;
  }

  .view-display-id-activity_provider_display .views-field-field-organisation-about {
    float: right;
    width: 75%;
  }

}

.view-display-id-activity_provider_display .views-field-field-organisation-website {
  clear: both;
}

/* about */
div.article-body .views-field-field-organisation-about p {
    margin-left: 0;
}

.views-field-field-organisation-about h3.subtitle2 {
  padding-left: 0;
}

/* force inline labels */
div.views-field-field-contact-phone-number span.views-label {
  float: left;
}

div.views-field-field-contact-phone-number div.field-content {
  float: left;
}

div.views-field-field-events-tags span.views-label {
  float: left;
}

div.views-field-field-events-tags div.field-content {
  float: left;
}

/* clear float ahead of event listing view */
.view-display-id-activity_provider_display .view-footer {
  clear: both;
}

/* upcoming events */
div.view-activity-providers h2.block-title {
  margin-top: 3em;
  margin-left: 20px;
}

/* Tweaks for the embedded view on Activity Provider user profile page */
body.context-users .block-events-for-user-instructions {
    margin: 3em 1.5em 0 0;
}

body.context-users #block-system-main {
  margin-bottom: 2em;
}

@media screen and (min-width: 1025px) {

  body.context-users h2.block-title {
    margin-top: -1.5em;
  }

}

/* View filter */
.bhcc-events-views .views-exposed-form {
  position: relative;
}

.bhcc-events-views .views-exposed-form label {
  font-family: 'Whitney SSm A', 'Whitney SSm B';
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.036em;
}

/* normal */
.bhcc-events-views .views-exposed-form .views-exposed-widgets div {
 display: inline-block;
}
 
/* keep descriptions underneath fields */
/* page displays */
.bhcc-events-views .views-exposed-form .views-exposed-widgets div.description {
  display: block;
  clear: left;
}

/* block displays */
.bhcc-events-views-filters .views-exposed-widgets div.description {
  display: block;
  clear: left;
}

/* always put date search on new line so that start date and end date don't wrap over line */
/* page displays */
.bhcc-events-views .views-exposed-form  #edit-start-date-wrapper {
  clear: left;
}

/* block  displays */
 .bhcc-events-views-filters  #edit-start-date-wrapper {
  clear: left;
}

/* make date fields same width as the apply/reset buttons */
.container-inline-date .form-item input {
  width: 9.5em;
  margin-right: -0.6em;
}

/* buttons, not sure why this wouldn't be inherited from global anyway but needs to be specified here */
input#edit-submit-bhcc-events-views,input#edit-submit-activity-providers, input#edit-reset {
  background: #0593fe url(/sites/brighton-hove.gov.uk/themes/bhcc/images/forms/arrow.png) no-repeat right center;
  border: 0;
  color: white;
  border-radius: 0;
  text-shadow: none;
  text-align: left;
  padding: 0 0 0 0.5em;
  margin: 0;
  min-width: 10.2em;
  height: 2.1em;
  letter-spacing: -1px;
}

/* normal */  
.bhcc-events-views-filters .views-submit-button, .bhcc-events-views-filters .views-reset-button { 
  clear: left;
  padding-left: 2%;
}

/* wide - left hand column */
@media screen and (min-width: 1025px) {
  .bhcc-events-views-filters .views-submit-button, .bhcc-events-views-filters .views-reset-button { 
    clear: both;  
    margin: 0;
  }
}

/*h3s are the date group headers*/
.bhcc-events-views h3 {
  font-size: 1.2em;
  font-family: 'Whitney SSm A', 'Whitney SSm B';
  font-weight: 600;
  letter-spacing: -0.033em;
  padding-top: 1em;
  border-top: 1px dashed #EBEBEB;
  z-index: 1;
}

.bhcc-events-views .views-row {
  padding: 15px 0;
  z-index: 10;
  position: relative;
  height: 2em;
  margin-bottom: 1em;
}

.view-display-id-activity_providers .views-row {
  height: auto;
  margin-bottom: 0;
}

.bhcc-events-views .views-row p {
  margin: 0;
}

.bhcc-events-views .section-content input.form-text {
  border: 1px #0593fe solid;
  height: 33px;
  line-height: 33px;
  width: 165px;
  clear: both;
}

/* view combined field search filter */
/* page displays */
div.view-id-bhcc_events_views .view-filters input#edit-find {
   width: 100%; 
}

/* block displays */
.bhcc-events-views-filters  input#edit-find {
  width: 100%; 
}

.bhcc-events-views .views-field-field-price-bracket-event {
  /* normal - filter above content */
  float: left;
  margin: 0 20px 0 0;
}

/* Cost filter - block displays */
.bhcc-events-views-filters .views-widget-filter-field_price_bracket_event_value .bef-checkboxes .form-item {
  float: left;
  margin: 0 20px 0 0;
}

/* Node presentation */
.node-type-event .field-name-field-venue,
.node-type-event .field-name-field-price-free,
.node-type-event .field-name-field-venue .field-label,
.node-type-event .field-name-field-price-free .field-label,
.node-type-event .field-name-field-full-description .field-label,
.node-type-event .field-name-field-event-date .field-label,
.node-type-event .field-name-field-event-price .field-label,
.node-type-event .field-name-field-start-location .field-label,
.node-type-event .field-name-field-end-location .field-label,
.node-type-event .field-name-field-full-description,
.node-type-event .field-name-field-event-date,
.node-type-event .field-name-field-event-price,
.node-type-event .field-name-field-start-location,
.node-type-event .field-name-field-end-location,
.node-type-event .field-name-field-link-to-event-booking,
.node-type-event .field-name-field-end-location,
.node-type-event .field-name-field-location-details,
.node-type-event .field-name-field-activity-provider {
  font-weight: normal;
  font-family: 'Whitney SSm A', 'Whitney SSm B';
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.036em;
}

/* this will be obsolete once page view display is abandoned */
.page-events-takepart .section-content .event-teaser,
.page-events-takepart .section-content label,
.page-events-takepart .section-content .view-header,
.page-events-takepart .section-content .view-footer {
  font-weight: normal;
  font-family: 'Whitney SSm A', 'Whitney SSm B';
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.036em;
}

.node-type-event .field {
  margin: 10px 0 10px;
}

.node-type-event .field .field-label {
  width: 50%;
}

.node-event .field-name-field-location-details {
  width: 50%;
}

.node-event .field-name-field-event-image {
  float: right;
  margin-right: 50px !important;
  position: relative;
  margin-left: 20px;
  margin-bottom: 20px !important;
  clear: both;
}

.node-event .field-name-field-event-date {
  font-size: 1.1875em !important;
  padding-bottom: 0.5em;
  margin-left: 2.5%;
}

div.group_event_details, div.field-group-div {
  margin-left: 2.5%;
}

div.group_event_details {
  /* clear following image to avoid wrapping issues */
  clear: both;
}

.node-type-event div.field-name-field-target-groups {
  margin-left: 2.5%;
}

/* run target group links horizontally */
.node-type-event div.field-name-field-target-groups a {
  float: left;
  margin-right: 1em;
}

.node-type-event .field-name-field-link-to-event-booking {
 margin-left: 2.5%;
}

/* our fake Activity Provider field, created in node--event.tpl.php */
.node-type-event .field-name-field-activity-provider {
    margin-left: 2.5%;
}

.node-type-event .field-name-field-activity-provider div {
  float: left;
  width: 50%;
  font-weight: normal;
}

.bhcc-events-views .view-header {
  clear: both;
  margin-bottom: 20px;
  float: left;
}

.bhcc-events-views .view-footer {
  clear: both;
  margin-top: 20px;
  float: left;
}

.event-title-location p {
  margin-top: 0px !important;
}

.event-time {
  padding: 0 0 5px;
}

.node-event .field-label-inline .field-items {
  float: none;
}

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

  .bhcc-events-views .node-type-event .field .field-label {
    width: auto;
    margin-left: 0px;
  }

  .bhcc-events-views .views-field-field-start-location {
    float: left;
    clear: both;
  }

  .bhcc-events-views  .bhcc-events-views h3 {
    position: relative;
  }

  .bhcc-events-views .bhcc-events-views .views-row {
    margin-left: 0px;
  }

  .bhcc-events-views h3 {
    width: 100%;
  }

  .bhcc-events-views .view-content {
    width: 90%;
  }

  .bhcc-events-views div.article-body p {
    margin-left: 0;
    margin-right: 7.5%;
  }

  .bhcc-events-views .bhcc-events-views .views-row {
    width: 100%;
  }

  .bhcc-events-views .views-field-field-start-location {
    width: 100%;
  }

}

/* Target Groups list */
.view-bhcc-events-terms {
    margin-left: 2.5%;
}

.views-label-field-organisation-website {
  float: left;
  margin-right: 0.3em;
}

/* Nodequeue button */
nav.node-links {
  margin: 15px;
}