/* 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;
     }



   }

/* 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;
}
 
/* provider info */

.view-display-id-activity_provider_display .views-field-picture{

}

.view-display-id-activity_provider_display .views-field-field-organisation-about{

}

@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;
}

/* label was misspelt "lable" previously so this wasn't working */
.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;
}
 
 /* this is broken */
 /* @media screen and (min-width: 1025px), @media screen and (max-width:767px){ */
  /* large screen two column layout but also mobile single column */
/*}
*/


/* 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;
  /* font: normal 1.15em 'FrutigerLTW01-55Roman'; */
  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;
/*  font-family: 'FrutigerLTW01-45Light'; */
  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%; 
}



/* view filter form */
.bhcc-events-views .views-field-field-price-bracket-event{
/* wide and narrow - left hand column*/
/*
  float: left; margin: 0 20px 0 0;
  */
}
.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%;}
 /* .bhcc-events-views  .view-content .event-teaser{height: 100px;}*/
}


/* 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;
}