/* Bartik Custom Blocks CSS - WCYPSC */
/* This is for blocks that are not an integral part of the site layout
   Blocks such as those involved in the header, footer, map or slideshow 
   should be placed in the appropriate scss files */
/* Site Search Form in Content */
#content .site-search-form {
  position: relative;
  top: auto;
  left: auto;
}

/* Breadcrumbs */
#content #breadcrumbs {
  overflow: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

#content #breadcrumbs NAV {
  margin: 0.5em 1em;
  padding-bottom: 0.5em;
  border-bottom: #eee 1px solid;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 80%;
}

#breadcrumbs .content A,
#breadcrumbs .content A:visited {
  color: #444444;
  text-decoration: none;
}

#breadcrumbs .content A:hover {
  color: #34b56d;
}

/* Google Translate Fixes */
.block-gtranslate H2 {
  text-align: center;
  border-bottom: 1px solid #dddddd;
  color: #444444;
  font-family: Times New Roman, serif;
  font-size: 24px;
  font-weight: normal;
  margin: 5px 0px;
  padding: 0px 0px 4px 0px;
  text-transform: capitalize;
}

.block-gtranslate .content .switcher {
  margin: auto;
}

.block-gtranslate .content {
  text-align: center;
}

.block-gtranslate .content SELECT {
  display: block;
  margin: auto;
}

.block-gtranslate .content A.glink {
  display: inline-block;
  margin: 2px;
}

.block-gtranslate .content A.glink IMG {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
}

/* Video block text link */
A.video-content-link {
  display: inline-block;
  width: 80%;
  max-width: 500px;
  padding: 1em;
  font-size: 130%;
  margin: 1em 0;
}

/* CYPP Launch Video Promotional Link */
.block.video-content-link {
  display: block;
  position: relative;
  float: left;
  max-width: none;
  overflow: hidden;
  padding: 0;
  margin: 20px;
  margin-top: 7px;
  margin-left: 0;
  text-align: center;
  font-size: 0.95em;
  font-family: alial, sans-serif;
  border-radius: 5px;
  box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.25);
  background-color: #04acdb;
  color: white;
}

.block.video-content-link .content {
  overflow: hidden;
  min-height: 100px;
  padding: 0;
  margin: 0;
}

.block.video-content-link .content img {
  position: relative;
  float: none !important;
  display: block;
  width: 100%;
  height: auto !important;
  top: 0;
  left: 0;
  margin: 0px;
}

.block.video-content-link .content .field > P:first-child {
  margin: 0;
}

.block.video-content-link .content .field P:first-child IMG {
  height: 100px;
  width: 100%;
}

.block.video-content-link .content a {
  color: white;
  display: block;
}

.block.video-content-link h1,
.block.video-content-link P {
  margin: 10px;
  font-size: 1em;
}

.block.video-content-link h1 {
  margin: 10px;
  font-family: alial, sans-serif;
  font-size: 130%;
  font-weight: bold;
}

.block.video-content-link .full-block-link {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#content .block.video-content-link .field {
  margin: 0;
}

#content .block.video-content-link .content .field H2,
#content .block.video-content-link .content .field P {
  margin-top: 0.3em;
  margin-left: 30%;
  padding-left: 1em;
}

#content .block.video-content-link .content .field > P:first-child {
  position: absolute;
  width: 30%;
  top: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

#content .block.video-content-link .content .field P:first-child A {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* In Sidebar */
.sidebar .block.video-content-link {
  float: none;
  width: auto;
  padding: 0;
  font-size: 1em;
  margin: 20px 10px;
}

.sidebar .block.video-content-link .content {
  padding: 0;
}

.sidebar .block.video-content-link .content img {
  position: relative;
  float: none !important;
  display: block;
  width: 100%;
  height: auto !important;
  top: 0;
  left: 0;
  margin: 0px;
}

.sidebar .block.video-content-link .content H1 {
  margin: 10px;
  font-size: 130%;
}

.sidebar .block.video-content-link .content P {
  margin: 10px;
  font-weight: normal;
}

@media screen and (max-width: 999px) {
  #sidebar .block.video-content-link,
  .block.video-content-link {
    float: none;
    width: auto;
    max-width: 449px;
    margin: 1em auto;
  }
  .block.video-content-link h1,
  .block.video-content-link P {
    margin-left: 0;
  }
}
@media screen and (max-width: 449px) {
  #sidebar .block.video-content-link {
    margin: 1em;
  }
}
/* Service and Link Page Headers */
/* Image and title layout shared with taxonomy.scss */
.service-header .service-address .field-content P {
  text-align: center;
  font-weight: bold;
  margin: 1em;
}

.service-header .service-address .field-content SPAN {
  display: inline;
}

.service-header .service-address .field-content SPAN::after {
  content: ",";
}

.service-header .service-address .field-content SPAN:last-child::after {
  content: "";
}

.service-header .service-address .field-content BR {
  display: none;
}

.service-header .service-telephone,
.service-header .service-email,
.service-header .service-website {
  text-align: center;
}

.service-header .service-telephone .field-content,
.service-header .service-email .field-content,
.service-header .service-website .field-content {
  display: inline;
  vertical-align: middle;
}

/* Programme Info and Dates */
.programme-info H2.programme-title {
  padding: 4px 10px;
  text-align: center;
  font-weight: normal;
  border-radius: 20px;
}

.programme-info H2.programme-title A {
  display: block;
  color: white;
}

.programme-info H2:hover {
  background-color: #444444;
}

.programme-info .view-content > TABLE {
  margin-top: 0;
  margin-bottom: 0;
}

.programme-info .views-row {
  margin: 30px 0;
  border-top: solid 2px #444444;
}

.programme-no-dates {
  text-align: center;
  background-color: #dfdfdf;
  padding: 2px 10px;
  margin: 0 40px;
}

.programme-info .address BR {
  display: none;
}

.programme-info .address SPAN::after {
  content: ",";
}

.programme-info .address SPAN.country {
  display: none;
}

.programme-info .address SPAN.administrative-area::after,
.programme-info .address SPAN.postal-code::after {
  content: normal;
}

.programme-info .address SPAN.postal-code::before {
  content: ",";
}

.programme-view-more,
.programme-dates .view-header {
  text-align: center;
  font-weight: bold;
  color: #444;
  background-color: #eee;
  border-color: #777;
  border-radius: 20px 20px 0 0;
  border-top: solid 1px;
  border-left: solid 1px;
  border-right: solid 1px;
}

.programme-view-more {
  text-align: center;
  padding: 2px 10px;
  margin: 0;
  border-radius: 0 0 20px 20px;
  border-top: 0;
  border-bottom: solid 1px;
}

DIV.programme-view-more > A {
  color: #444;
}

DIV.programme-view-more > A:hover {
  text-decoration: underline;
}

.programme-dates {
  margin-top: 30px;
}

.programme-dates .pager {
  margin: 10px 0;
}

.programme-dates .view-header H3 {
  padding: 4px 10px;
  margin: 0;
}

.programme-dates TH {
  padding: 0 10px;
  border: solid 1px #777;
  background-color: #444;
  color: white;
  text-shadow: none;
  text-align: center;
}

.programme-dates TABLE {
  margin: 0;
  border: 0;
  table-layout: fixed;
}

.programme-dates TABLE TD {
  position: relative;
  padding: 2px 10px;
  background-clip: padding-box; /* Fix for cell borders obscured by background color */
  border: solid 1px #777;
  border-top: 0;
  border-bottom: 0;
}

.programme-dates TABLE TR TH:first-child {
  width: 8em;
}

#content .programme-dates TD.programme-date-field {
  font-weight: bold;
  background-color: #444444;
  color: white;
  border-top: solid 1px #777;
}

.programme-dates TD.programme-date-field .edit-link {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 5px;
  background-color: rgba(0, 0, 0, 0.7);
}

.user-logged-in .programme-dates TD.programme-date-field:hover .edit-link {
  display: block;
}

/* Change table to single column for mobile */
@media screen and (max-width: 799px) {
  .programme-dates .views-table TH {
    display: none;
  }
  .programme-dates .views-table TD {
    display: block;
    width: auto;
    text-align: center;
  }
  .programme-dates .views-table TD:last-child {
    padding-bottom: 1em;
  }
}
/* Parent Hub Grouped Dates Lists */
.programme-dates.grouped {
  margin-right: 10px;
}

.programme-dates.grouped .view-header {
  border: 0;
}

.programme-dates.grouped .view-grouping-header {
  display: none;
}

.programme-dates.grouped .view-content H3 {
  padding: 2px 10px;
  text-align: center;
  font-size: 0.8em;
  margin: 0;
}

.programme-dates.grouped .views-row {
  overflow: hidden;
  line-height: 1.25em;
  border-radius: 5px;
  border-left: solid 20px;
  margin: 2px 0;
  padding-left: 10px;
}

.programme-dates.grouped .programme-description {
  padding-right: 10px;
}

.programme-dates.grouped .programme-title A {
  display: block;
  padding: 4px 0px;
  margin-bottom: 2px;
  color: #444;
  font-weight: bold;
}

.programme-dates.grouped .open .programme-title A,
.programme-dates.grouped .programme-title A:hover {
  /*background-color: #2688B0;
  background-color: #BB5AD4;*/
  text-decoration: underline;
}

.programme-dates.grouped .programme-link {
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center;
}

.programme-dates.grouped .programme-link A {
  display: inline-block;
  padding: 4px 10px;
  background-color: #F58020;
  color: white;
}

.programme-dates.grouped .programme-link A::after {
  content: "\f0a9";
  display: inline-block;
  padding-left: 10px;
  font-family: "FontAwesome";
  font-weight: 900;
  color: white;
}

.programme-dates.grouped .programme-date-edit {
  padding: 4px 10px;
  margin: 10px 0;
  text-align: center;
}

.parents-hub-calendar .mobile-panel .item .programme-address,
.parents-hub-calendar .mobile-panel .item .programme-date,
.parents-hub-calendar .mobile-panel .item .programme-date-tel,
.programme-dates.grouped .programme-address,
.programme-dates.grouped .programme-date,
.programme-dates.grouped .programme-date-tel {
  position: relative;
  padding-left: 30px;
  margin-top: 5px;
  font-weight: bold;
}

.programme-dates.grouped .programme-date-tel UL,
#content .parents-hub-calendar .mobile-panel .item .programme-date-tel UL {
  list-style: none;
  margin: 0;
  padding: 0;
}

.parents-hub-calendar .mobile-panel .item .programme-address::before,
.parents-hub-calendar .mobile-panel .item .programme-date::before,
.parents-hub-calendar .mobile-panel .item .programme-date-tel::before,
.programme-dates.grouped .programme-address::before,
.programme-dates.grouped .programme-date::before,
.programme-dates.grouped .programme-date-tel::before {
  font-family: "FontAwesome";
  font-weight: 900;
  font-size: 1.2em;
  position: absolute;
  top: 0px;
  left: 5px;
  color: #05ac5f;
}

.parents-hub-calendar .mobile-panel .item .programme-date::before,
.programme-dates.grouped .programme-date::before {
  content: "\f017";
}

.parents-hub-calendar .mobile-panel .item .programme-date-tel::before,
.programme-dates.grouped .programme-date-tel::before {
  content: "\f095";
}

.parents-hub-calendar .mobile-panel .item .programme-address::before,
.programme-dates.grouped .programme-address::before {
  content: "\f041";
}

#content .grouping-title {
  text-align: center;
  padding: 5px 20px;
}

#content .grouping-title .year {
  display: none;
}

@media screen and (min-width: 0px) and (max-width: 999px) {
  .programme-dates.grouped {
    margin: 20px;
  }
}
/* Parents Hub Admin Tools Block */
.parents-hub-admin-block {
  margin-top: 40px;
}

.parents-hub-admin-block H2 {
  border: 0;
  padding: 20px 0 0 0;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 1.2em;
  text-align: center;
}

.parents-hub-admin-block .add-link {
  display: block;
  padding: 10px 20px;
  margin: 10px;
  text-align: center;
  text-decoration: none;
  color: white;
  background-color: #05ac5f;
}

.parents-hub-admin-block .alt-link {
  background-color: #ed3c43;
}

.parents-hub-admin-block .add-link:visited {
  color: white;
}

.parents-hub-admin-block .add-link:hover {
  background-color: #2688B0;
}

.user-roll-parents-hub-editor A[href*=content-admin] {
  display: none;
}

.user-roll-editor A[href*=content-admin] {
  display: inherit;
}/*# sourceMappingURL=blocks.css.map */