html body {
  font-size: 14px;
}
html .page>div.bg.stripe {
  display: none;
}
html .page {
  border-width: 5px;
}
html .page > div.bg.petals,
html .page > div.bg.footerpetals {
  left: -5px;
  top: -5px;
  right: -5px;
  bottom: -5px;
}
html .page>div.bg.petals {
  background-size: 140% auto;
}
html header {
  padding-top: 60px;
  position: relative;
}
html header h1 {
  position: absolute;
  left: 50%;
  top: 20px;
  width: 160px;
  height: 25px;
  margin-left: -80px;
  background: url("img/mobile-menu.png") no-repeat 0px -2px;
  background-size: 25px auto;
}
html header h1.menushown {
  background-position: 0px -27px;
}
html header h1 a {
  padding: 0;
  height: 25px;
  background-size: 125px auto;
  background-position: right top;
}
html header nav {
  display: none;
}
html header nav.shown {
  display: block;
  margin-top: -20px;
}
html header nav>ul {
  position: relative;
  margin-top: 20px;
}
html header nav>ul>li {
  display: block;
  line-height: 25px;
  font-size: 16px;
  margin-bottom: 11px;
}
html header nav>ul>li a {
  line-height: 25px;
}
html header nav>ul>li>ul {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}
html header nav>ul>li>ul>li {
  display: block;
}
html .pgcontainer {
  margin: 0 -5px;
}
html .pgcontent {
  margin: 0;
  width: auto;
}
html .maincontent {
  margin-right: 6.25%;
  margin-left: 5px;
}
html .maincontent .content {
  width: 100%;
  margin-top: -55px;
  margin-left: 0px;
}
html .maincontent .shadow {
  margin-top: 100px;
  margin-left: 0;
  padding: 0 0 45px;
  width: auto;
  margin-right: 25px;
}
html .maincontent .whitepaper {
  margin-left: 0;
  margin-top: -45px;
  padding: 5px 10px 5px 15px;
}
html .container {
  min-width: 90%;
}
html .event.small,
html .event.big,
html .event.medium {
  float: none;
  width: auto;
  margin-left: 0;
}
html .newsbox {
  margin-left: 0;
  width: auto;
}
html .wquote {
  display: none;
}
html .winfo {
  display: none;
}
html .glyph.lips {
  display: none;
}
html .carouselcontainer h2 {
  font-size: 42px;
  line-height: 37px;
  width: 90%;
}
html .mainimg .quote {
  display: none;
}
html .carousel .prev,
html .carousel .next {
  display: none;
}
html #popphoto2 .carousel .prev,
html #popphoto2 .carousel .next {
  display: block;
  width: 30px;
  top: 40px;
  margin-top: 0;
}
html #popphoto2 h3 {
  padding-top: 40px;
}
html #popphoto2 .carousel .prev {
  left: 15px;
}
html #popphoto2 .carousel .next {
  right: 0;
  margin: 0;
}
html #popphoto2 .carousel .prev a,
html #popphoto2 .carousel .next a {
  width: 0;
}
html #popphoto2 .carousel .prev a em i,
html #popphoto2 .carousel .next a em i {
  margin: 0;
}
html .carousel p,
html .event.big>p,
html .event.small>p {
  position: relative;
  width: 100%;
  font-size: 14px;
  left: 0;
  margin-top: 5px;
}
html .carousel .socshare {
  display: none;
}
html .carousel .eventbutton {
  left: 0;
  right: auto;
  bottom: 78%;
  bottom: 82%;
  font-size: 1em;
}
html footer h3 {
  font-size: 32px;
  width: auto;
  padding: 0 5px;
}
html footer .info {
  padding-left: 10px;
  padding-right: 10px;
}
html .carouselcontainer {
  width: 100%;
}
html .carousel .squaredate {
  left: 0;
}
html .carousel .mainimg {
  margin-right: -0px;
  border-right: 0px none;
}
html .squaredate.horizontal date,
html .squaredate.vertical date {
  top: 0;
  left: 0;
  width: 32px;
  height: 28px;
  line-height: 31px;
  border-width: 5px;
  font-size: 24px;
}
html .squaredate.horizontal span,
html .squaredate.vertical span {
  left: 0;
  top: 40px;
  font-size: 32px;
}
html .squaredate.horizontal em,
html .squaredate.vertical em {
  left: 0;
  top: 68px;
  font-size: 14px;
}
html .event.big .squaredate {
  top: 33%;
}
html .event.big .eventbutton {
  top: 13%;
}
html .event.big h2,
html .event.medium h2,
html .event.small h2,
html .galleryparts h2,
html h2.jobs,
html .findus h2,
html .membership h2,
html .jobs .edetails h2,
html .employees .edetails h2,
html .galleryphotos.hire h2,
html .maincolumn.supporters h2 {
  font-size: 2.28em;
}
html .galleryparts h3,
html .jobs .edetails h3,
html .employees .edetails h3 {
  font-size: 1.5em;
}
html footer .subscribe.complete form {
  width: 80%;
  height: 62px;
}
html footer .subscribe form input {
  height: 29px;
  font-size: 14px;
  -webkit-appearance: none;
  border-radius: 0;
}
html footer .subscribe form button {
  height: 29px;
  font-size: 16px;
}
html footer .social li {
  width: 24px;
  height: 24px;
}
html footer .social li a {
  background-size: 500% auto;
  width: 24px;
  height: 24px;
}
html footer .social li.fb a {
  background-position: 0 0;
}
html footer .social li.tw a {
  background-position: -24px 0;
}
html footer .social li.yt a {
  background-position: -48px 0;
}
html footer .social li.ig a {
  background-position: -72px 0;
}
html footer .social li.em a {
  background-position: -96px 0;
}
html .footericons {
/*   display: none; */
  bottom: 15px;
}
html .footericons li {
  display: block;
  margin-right: 15px;
  text-align: right;
  position: absolute;
  bottom: 58px;
  right: 0;
}
html .footericons li img {
  display: inline-block;
/*   width: 100px; */
}
html .footericons li:first-child {
  bottom: 0;
}
html .footericons li:last-child {
  bottom: 140px;
}
html .footericons li:first-child img {
/*   width: 125px; */
}
html .footericons li:last-child img {
/*   width: 62px; */
}
html footer {
  padding-bottom: 330px;
  padding-bottom: 290px;
}
html .page>div.bg.footerbg {
  background-size: 880px auto;
  padding-top: 350px;
/*   background-position: -25px; */
}
html .calendar .weekdays {
  display: none;
}
html .calendar .cal>ul>li {
  display: block;
  float: none;
  width: auto;
  margin: 0 -13px;
  padding-top: 0;
/*  height: 290px; */
/*   overflow: hidden; */
}
html .calendar .cal>ul>li.inactive {
  display: none;
}
html .calendar .cal>ul>li>div {
  position: relative;
  height: auto;
  min-height: 100px;
  padding: 6px 0;
}
html .calendar .cal>ul>li date {
  float: left;
  width: 27px;
  font-size: 24px;
}
html .calendar .cal>ul>li .event {
  margin-left: 64px;
  height: auto;
  padding-bottom: 20px;
  width: auto;
  margin-right: 5%;
}
html .calendar .cal li>div>.event:hover>div {
  display: none;
}
html .calendar .cal li>div>date {
  margin: 0;
  left: 5%;
  position: absolute;
}
html .calendar .cal li>div>.month,
html .calendar .cal li>div>.weekday {
  display: block;
  position: absolute;
  left: 5%;
}
html .calendar .cal li>div>.month {
  top: 50px;
  font-family: "BodoniBECn", serif;
  font-style: italic;
  font-size: 32px;
}
html .calendar .cal li>div>.weekday {
  top: 76px;
}
html .filter {
  padding-top: 34px;
  margin-top: 24px;
  margin-right: -20px;
}
html .filter>ul>li {
  display: none;
  line-height: 32px;
  float: none;
}
html .filter>ul>li>label {
  float: none;
}
html .filter>ul>li>label.select {
  display: none;
}
html .filter>ul>li>ul {
  display: block;
  padding: 0;
}
html .filter>ul>li>ul>li>a {
  font-style: italic;
  font-weight: 800;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
html .filter>ul>li>ul>li.active a {
  background: #e51937;
}
html .filter>ul>li>ul>li>a:hover {
  background: transparent;
}
html .filter>ul>li.mobiletext:first-child,
html .filter>ul>li:first-child {
  display: block;
}
html .filter>ul {
  background: #242021;
}
html .filter>ul>li.mobiletext em {
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
}
html .filter>ul>li.mobiletext a {
  background: url("img/filter-icons.png") no-repeat scroll 100% 50%;
  padding-right: 20px;
}
html .filter>ul>li .calendar {
  background-size: 16px auto;
  padding-left: 22px;
}
html .filter form {
  z-index: 1;
  width: 30%;
}
html .filter form.mobileshown {
  width: 100%;
}
html .filter form.mobileshown input {
  float: left;
  width: 70%;
  display: block;
}
html .filter form.mobileshown button {
  float: right;
  width: 30%;
}
html .filter form input {
  display: none;
}
html .filter form button {
  width: 100%;
  line-height: 26px;
  font-size: 15px;
}
html .filter .selected label a {
  margin: 0;
}
html .pagecaption {
  position: relative;
}
html .pagecaption.navig {
  padding: 0 38px;
  position: relative;
}
html .pagecaption.navig.navig2 {
  padding: 0;
}
html .pagecaption>p,
html .pagecaption.navig.navig2>p {
  display: none;
}
html .pagecaption.navig>p {
  display: block;
}
html .pagecaption h2 {
  font-size: 42px;
}
html .pagecaption span {
  top: auto;
  bottom: 33px;
}
html .pagecaption span.prev {
  right: auto;
  left: -20px;
  margin: 0;
}
html .pagecaption span.next {
  right: 30px;
  margin: 0;
  left: auto;
}
html .pagecaption .prev a,
html .pagecaption .next a {
  overflow: hidden;
  text-indent: -10000px;
  font-size: 2px;
}
html .pagecaption .prev a i,
html .pagecaption .next a i {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
html .pagecaption .prev em,
html .pagecaption .next em {
  display: none;
}
html .pagecaption p {
  line-height: 1.5em;
  font-size: 32px;
  margin-top: 0px;
  padding-bottom: 0;
  width: auto;
  padding-top: 0.3em;
}
html .pagecaption p i {
  top: 0;
}
html .pagecaption.whatsonnavig span.next {
  left: auto;
}
html .pagecaption.whatsonnavig span {
  bottom: 36%;
}
html .caption {
  margin-bottom: 0px;
}
html .columns .maincolumn {
  margin: 0;
  float: none;
  width: 100%;
}
html .columns aside {
  float: none;
  width: 100%;
  display: none;
}
html .columns aside.mobile {
  display: block;
}
html .carousel .mainimg {
  /*width: 100%;
  margin: 0;*/
}
html .carouselcontainer.eventc .mainimg,
html #evlist .carousel .mainimg {
  width: auto;
  margin-left: 24.64%;
}
html .carousel .smallimg {
  display: none;
}
html .event .carousel .squaredate {
  display: none;
}
html .event .carousel .eventbutton {
  display: none;
}
html .details {
  padding-left: 0;
  font-size: 12px;
}
html .details .socshare {
  width: 27px;
}
html .details .socshare a {
  height: 27px;
}
html .details h3 {
  padding-left: 35px;
  font-size: 32px;
}
html .edates {
  margin-top: 0;
  margin-left: -15px;
  margin-right: -10px;
  padding: 0 10px 0 15px;
}
html .edates ul {
  padding: 0;
}
html .edates ul>li {
  padding-top: 0;
}
html .edates ul li > div {
  position: static;
  overflow: hidden;
}
html .edates ul li > div .squaredate {
  float: left;
  height: auto;
  padding-bottom: 5px;
}
html .edates ul li > div .squaredate date,
html .edates ul li > div .squaredate span,
html .edates ul li > div .squaredate em {
  position: static;
  display: block;
}
html .edates ul li > div .squaredate date {
  float: left;
}
html .edates ul li > div .squaredate span,
html .edates ul li > div .squaredate em {
  margin-left: 45px;
  line-height: 1em;
  font-size: 16px;
  margin-top: 4px;
}
html .edates ul li > div .squaredate em {
  font-size: 14px;
}
html .edates ul li > div .eventbutton {
  width: auto;
  float: right;
  margin-top: 10px;
  position: static;
}
html .edates .head h3 {
  font-size: 32px;
}
html .edates .head {
  margin-left: -15px;
  margin-right: -10px;
}
html .edates>a.more {
  margin-left: -15px;
  margin-right: -10px;
}
html .erating {
  padding-left: 50px;
}
html .erating .lips {
  padding-top: 80px;
}
html .erating h2 {
  font-size: 56px;
  margin-left: -50px;
}
html .erating .rating li {
  margin-left: -50px;
  padding-left: 50px;
  background-size: 24px auto;
}
html .erating .rating h4 {
  font-size: 24px;
}
html .erating .rating p {
  font-size: 12px;
}
html .erating .rating p i {
  width: 12px;
  background-size: 36px auto;
}
html .erating .video {
  margin-left: -50px;
  width: 120%;
}
html .erating .video a {
  border-width: 7px;
  background-size: 64px 64px;
}
html .erating .moreinfo li {
/*   display: none; */
  margin-left: -50px;
  padding-left: 50px;
}
html .erating .moreinfo.hire li {
  display: block;
}
html .erating .moreinfo li.teacher {
  display: block;
}
html .erating .moreinfo li h4 {
  font-size: 32px;
  line-height: 36px;
  padding-top: 7px;
  padding-bottom: 7px;
}
html .erating .moreinfo li p {
  font-size: 12px;
}
html .erating .moreinfo li.info {
  display: block;
}
html .footnote {
  font-size: 10px;
}
html .newsitem {
  padding-top: 50px;
}
html .newsitem h2 {
  font-size: 24px;
 
}
html .newsitem.main h2 {
  font-size: 32px;
}
html .newsitem .hr {
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
}
html .newsitem .squaredate {
  margin-left: 0;
  top: 6px;
}
html .newsitem .squaredate.vertical date {
  top: 0;
  left: 0;
  width: 28px;
}
html .newsitem .squaredate.vertical span {
  left: 42px;
  top: 0;
}
html .newsitem .squaredate.vertical em {
  left: 42px;
  top: 25px;
}
html  div.newsitem .socshare {
  top: 9px;
  right: 0;
  left: auto;
  width: 60px;
  position: absolute;
}
html  div.newsitem .socshare li {
  float: left;
  width: 27px;
  margin-left: 3px;
}

html .whitepaper>.content>.spacer {
  margin-top: 60px;
}

html .details .socshare {
  position: static;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
html .shifted {
  margin: 0;
}
html .halfcolumn {
  float: none;
  width: auto;
  padding-right: 0;
}
html .bardesc h2 {
  font-size: 3em;
  position: relative;
  z-index: 1;
}
html .bardesc .bar {
  width: auto;
}
html .bardesc .bar li {
  padding: 0;
}
html .bardesc .bar p {
  line-height: 1.2em;
}
html .bardesc .bar li>div {
  position: static;
  line-height: 1.2em;
}
html .carousel .boxtext {
  position: static;
}
html .maincolumn .event.medium {
  width: auto;
  margin: 3% 0;
}
html .podcast {
  padding-left: 50px;
}
html .podcast .socshare {
  left: 0;
  margin-top: 0;
  top: 100px;
}
html .podcast .squaredate.vertical date,
html .podcast .squaredate.vertical span,
html .podcast .squaredate.vertical em {
  left: 0;
  right: auto;
}

html .pagecaption.navig2 span.prev,
html .pagecaption.navig2 span.next {
  display: none;
}
html .carousel.app .iphoneimg {
  margin-left: 0;
  width: auto;
  padding-top: 50%;
}
html .galleryphotos.hire li {
  width: auto;
  float: none;
  margin-bottom: 15px;
}
html .galleryphotos li h4 {
  font-size: 1.2em;
}

html .mainimg:hover .overlaytext,
html .bardesc .mainimg:hover .overlay {
  display: none;
}
html ul.supporters {
  margin: 0;
}
html .text+ul.supporters {
  margin-top: 8%;
}
html ul.supporters+ul.supporters {
  margin-bottom: 8%;
}
html .membership {
  padding-left: 0;
}
html .membership h2 > span {
  position: static;
  float: right;
  margin-top: 8px;
}
html .donationfield {
  width: auto;
  vertical-align: middle;
  font-size: 1.3em;
}
html .donationfield input {
  vertical-align: middle;
}
html .donationfield button {
  vertical-align: middle;
  font-size: 0.9em;
}
html .bar.contact {
  margin-left: 0;
}
html .findus {
  margin-left: 0;
}
html .bar.contact li {
  float: none;
  width: auto;
}
html .ways > li.withmap {
  margin-left: 0;
}
html .ways > li > div.bordershadow {
  float: none;
  margin: 0 auto;
  width: 60%;
}
html .jobs.contact > li > div.bordershadow {
  float: none;
  margin: 0 auto;
  width: 60%;
}
html .jobs.contact .edetails, .employees .edetails {
  margin-left: 0;
}
html .details .info b {
  display: block;
}
html .details .info a {
  white-space: nowrap;
}
html .bar.contact.withsunday li {
  width: auto;
}


html .carousel .squaredate {
  top: 72px;
}


html .largephoto h3 {
  float: none;
  width: auto;
}


html .mobilenextmonth {
  display: block;
  text-align: right;
  margin: 30px 10px;
}
html .mobilenextmonth a {
  font-family: "BodoniBECn", serif;
  font-weight: 500;
  font-style: italic;
  font-size: 2.28em;
  display: inline-block;
}
html .mobilenextmonth a i {
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url("img/carousel-arrows.png") no-repeat;
  background-size: 300% 300%;
  vertical-align: middle;
  background-position: top right;
  margin: -6px 0 0 10px;
}
html .event.small h2 {
  padding-top: 10px !important;
}

html #basket { top: 14px; width: 43px; font-size: 0.65em;}
html #basket .content { height: 40px; background-size: 22px auto; background-position: 50% 50% }
html #basket .content>em, html #basket .content>a {
  width: 105px; padding-left: 28px; top: 133px; }
html #basket .content>em {
  display: none }
html #basket .content>a {
  overflow: hidden; text-indent: -1000px; width: 43px; top: 40px; padding: 0; height: 40px; }
html #basket .content>em {
  height: 18px; padding-top: 9px; line-height: 18px; }
html #basket .content>a {
  height: 16px; padding-top: 27px; line-height: 11px; }
html #basket>a { padding: 3px 6px; display: none; }

html .eventyear { margin-left: -7px; margin-right: -20px; padding: 5px }
html .eventyear a { font-size: 1em; }


.petalsleftborder { display: none; }
.nomobile { display: none; }