/* content styles (quick answers & co.) */
@import url("content-lg.css");

/* --- start LARGE breakpoint */

.page-wrap {
    padding: 0;
}
body {
    background: #F3F4FF;
    margin: 0;
}
.collections-page .page-title {
    margin: 0;
    padding: 0;
    background-size: cover;
    position: relative;
}
.bg-video-collection {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.collections-page .page-title .go-up {
    top: 82px;
}
.collections-page .page-title h1 {
    font-size: 40px;
    margin: 60px 0 15px;
    padding: 30px 15px 30px 90px;
}
.collections-page .page-title h1 span:before {
    top: 33px;
}
.collections-page .page-title h2 {
    margin-bottom: 60px;
}
.page-title {
    margin: 30px 0 20px;
    padding: 0;
    z-index:10;
}
.page-frontpage .page-title {
    margin: 20px 0 10px;
}
.page-title h1 {
    font-size: 50px;
    margin: 36px 0;
}
.search-box {
    margin: 0;
    padding: 0;
}
.search-box form {
    margin: 0 0;
}
.page-frontpage .top-bar .time-wrap {
  right: -10px;
}
/*.not-front .top-bar .logo {
  left: -20px;
}*/
.home-sections .section {
    padding: 0 0 60px;
    margin-top: 60px;
}
.home-sections .section .title {
    position: relative;
    top: -60px;
    height: 60px;
    background: rgba(11, 34, 101, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#990B2265,endColorstr=#990B2265);
}
.home-sections .section .title h2 {
    background: none;
    font-size: 28px;
    padding: 10px 0 13px;
}
.home-sections .section.links ul {
    padding-bottom: 0;
}
.home-sections .section.pane-front-page-short-answers-list {
    padding: 10px 0 120px;
    margin-top: -10px;
    position: relative;
}
.home-sections .section.pane-front-page-short-answers-list .title {
    display: none;
}
.home-sections .section.pane-front-page-short-answers-list li {
    padding: 0 10px;
    margin: 10px 0;
}
.home-sections .section.pane-front-page-short-answers-list li a {
    display: block;
    text-align: center;
    height: 180px;
    padding-top: 120px;
    line-height: 1.1;
    background: rgba(253, 199, 37, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFDC725,endColorstr=#CCFDC725);
}
.home-sections .section.pane-front-page-short-answers-list li a:hover {
    background: #fdc725;
}
.home-sections .section.pane-front-page-short-answers-list li a span {
    display: block;
}
.home-sections .section.pane-front-page-short-answers-list li a [class*="icon-"]:before {
    width: 100%;
    left: 0;
    top: 34px;
    background: none;
    font-size: 99.2px;
    color: #292b36;
}
.home-sections .section.pane-front-page-short-answers-list li a:hover [class*="icon-"]:before {
    color: #1c1c1c;
}
.home-sections .section.pane-front-page-short-answers-list:before {
    display: block;
    position: absolute;
    left: 0;
    bottom: 50px;
    color: #fff;
    text-align: center;
    width: 100%;
    font-size: 73px;

    animation: 2s infinite bounce;
    -webkit-animation: 2s infinite bounce;
}
@keyframes bounce {
  0% {
    bottom: 50px;
  }
  35% {
    bottom: 40px;
  }
  40% {
    bottom: 40px;
  }
  80% {
    bottom: 50px;
  }
}
@-webkit-keyframes bounce {
  0% {
    bottom: 50px;
  }
  35% {
    bottom: 40px;
  }
  40% {
    bottom: 40px;
  }
  80% {
    bottom: 50px;
  }
}
.home-sections .section.contrast {
    background: rgba(224, 227, 246, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCE0E3F6,endColorstr=#CCE0E3F6);
}
.home-sections .section.contrast table a {
    background: #404352;
    color: #fff;
}
.home-sections .section.contrast table a:hover {
    background: #292b36
}
.home-sections .section.contrast table a [class*="icon-"]:before {
    background: #292b36;
    color: #fdc929;
}
.home-sections .view-front-page-extra-information table a {
    background: #fff;
    color: #292b36;
}
.home-sections .view-front-page-extra-information table a:hover {
    background: #ffdc53
}
.home-sections .view-front-page-extra-information table a [class*="icon-"]:before {
    background: #ffdc53;
    color: #282c36;
}
.home-sections .section.news {
    background: rgba(41, 43, 54, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99292B36,endColorstr=#99292B36);
}
.home-sections .section.news .title.primary {
    display: block;
}
.home-sections .section.news .title.secondary {
    display: none;
}
.home-sections .section.news .news {
    margin-top: 0;
}
.home-sections .section.news .news li h3 {
    font-size: 24px;
    margin-bottom: 8px;
}
.home-sections .section.news .news li .date {
    font-size: 18px;
}
.section.news .tab-content {
  display: block;
}
.home-sections td a.tabledrag-handle {
    position: absolute;
    width: 5%;
    z-index: 2;
    left: -38px;
}
.home-sections .draggableviews-processed {
    float: none;
}
.home-sections .draggableviews-processed li {
    float: left;
    width: 33.33333%;
    height: auto;
    cursor: move !important;
    margin: 0;
    position: relative;
}
.home-sections .draggableviews-processed li:hover {
    cursor: move;
}
.home-sections .draggableviews-processed li>div:last-child {
    margin: 0;
    position: absolute;
    left: 10px;
    bottom: 2px;
    width: 34px;
    height: 34px;
    background: url(../../../modules/contrib/panels/panels_ipe/images/icon-draggable.png) no-repeat 3px 3px;
    opacity: 0.4;
}
.home-sections .draggableviews-processed li:hover>div:last-child {
    opacity: 1
}
.home-sections .draggableviews-processed li.ui-sortable-helper {
    border: 2px dotted blue !important;
    padding: 0 !important;
}
.home-sections .draggableviews-processed li.views-row {
    border: 0
}
.main-footer {
    margin: 0;
}
.main-footer .pre-cont > .row,
.main-footer .content > .row,
.main-footer .post-cont > .row {
    padding: 0 10px;
}
.node-quick-answer .sp-content {
    max-width: 510px;
}
.sp-content.full-w {
    max-width: none;
}

.simple-page .other-relevant-links {
    position: absolute;
    width: 300px;
    top: 0;
    right: -70px;
    margin-top: 0;
}
.simple-page #webchat-wrapper {
    display: block;
    position: absolute;
    width: 300px;
    top: 0;
    right: -70px;
}

/* frontpage footer */

.frontpage-footer {
    text-align: left;
}
.frontpage-footer .primary li {
    margin: 0 0 0 20px;
}
.frontpage-footer .primary li:first-child {
    margin-left: 0;
}
footer .f-links li {
    float: left;
    margin: 0;
}
.not-front footer .last-bar .inner {
    padding: 0 10px;
}

/* */

.page-customerror-404 input.go-home-button {
    max-width: 280px;
}
.page-customerror-404 .page-404-previous {
    margin-bottom: 180px;
}

.bg-video {
    display: block;
}

#wcc-planning-form-pre-app .form-item,
#wcc-planning-form-pre-app .form-actions-wrapper {
    max-width: 500px;
}
.wcc-planning-form-desktop {
    display: block;
}
.wcc-planning-form-mobile {
    display: none;
}

/* feedback button */

.feedback-button.desktop {
    background: url(../img/feedback-button.png) no-repeat center center #e1ac0c !important;
    width: 60px;
    height: 160px;
    text-indent: -9999px;
    top: 50%;
    right: 0;
    margin-top: -80px;
    z-index: 500;
    position: fixed;
}
.feedback-button.desktop:hover {
    background: url(../img/feedback-button.png) no-repeat center center #edbe31 !important;
}
@media (min-width: 1080px) {
    .wrapper {
        padding-bottom: 0;
    }
    .feedback-button.desktop {
        display: block;
    }
    .feedback-button.mobile {
        display: none;
    }
}


/* beta wrapper */

.beta-wrapper {
  /*padding: 20px 0 0 0;*/
}
@media screen and (max-width: 1080px) {
    .beta-wrapper .row {
        /*margin-left: 70px;*/
    }
}
.beta-wrapper .info {
    position: relative;
    /*padding: 0px 0 20px 100px;*/
    /*margin: 0px 0 0 10px;*/
    text-align: left;
}
.page-frontpage .beta-wrapper .info {
    margin-left: 0;
}
.beta-wrapper .info:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 92px;
    height: 90px;
    margin-bottom: 10px;
    float: left;
}

/* Cookie Control widget (hide on mobile) */

.ccc-widget {
    display: block;
}

.tabs {
    height: 41px;
}
.tabs ul.primary {
  border-bottom:medium none;
  float:right;
  font-size:0.923em;
  height:2.6em;
  margin:5px 14px 6px 0;
  padding-top:0;
  text-transform:uppercase;
}

.tabs ul.primary li {
  float:left;/* LTR */
  list-style:none;
  margin:0 2px;
}

.tabs ul.primary li a:link, .tabs ul.primary li a.active, .tabs ul.primary li a:active,.tabs  ul.primary li a:visited,.tabs ul.primary li a:hover,.tabs ul.primary li.active a {
  display:block;
  float:left;/* LTR */
  line-height: 18px;
  background-color:#a6a7a2;
  color:#000;
  font-weight:normal;
  border-width:1px 1px 0 1px;
  border-style:solid;
  border-color:#a6a7a2;
  font-family: Open Sans,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: 300;
  margin:0;
  padding:10px 20px 7px 20px;
  text-transform:none;
}

.tabs ul.primary li.active a,.tabs ul.primary li.active a.active,.tabs ul.primary li.active a:active,.tabs ul.primary li.active a:visited {
  background-color:#fff;
  border:none;
  border-top:5px solid #0074BD;
  margin-top:-4px;
}

.tabs ul.primary li a:hover {
  color:#fff;
}

.tabs ul.primary li.active a:hover {
  color:#000;
  }

#wcc_emergency {top: 0;}

#wcc_emergency a,
#wcc_emergency a:visited,
#wcc_emergency a:hover,
#wcc_emergency a:active {
  text-decoration: underline;
}


/* --- end LARGE breakpoint */

/* --- CCK and webform Blocks --- */

.block-cck-blocks,
.block-webform {
  margin: 0 auto;
  max-width: 58.75rem;
}

.block-webform {
  clear: both;
}

.block-cck-blocks .content {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  padding-left: 80px;
  padding-right: 80px;
  padding-bottom: 10px;
  position: relative;  
  background: none repeat scroll 0 0 #fff;
}

.block-webform .content {
  margin-right: 0.625rem;
  padding-right: 80px;
  padding-bottom: 10px;
  position: relative;  
  background: none repeat scroll 0 0 #fff;
}

/* 
 * Non-node and non-taxonomy pages and node pages have different containers
 * so we adjust accordingly 
 */
.region-content .block-webform .content {
  margin-left: 0;
  padding-left: 0;
}

.page-node .region-content .block-webform .content,
.page-taxonomy .region-content .block-webform .content {
  margin-left: 0.625rem;
  padding-left: 80px;
}

/* End page margin adjustments */

.block-webform .content .form-item {
  /*float: left;*/
  margin-top: 0;
}

.block-webform h2 {
  color: #2457b5;
  font-weight: 400;
  font-size: 24px;
  margin-top: 0;
  padding-top: 1em;
  /*display: none;*/
}

.block-webform .content .form-text {
    border: 1px solid #b9bcce;
    border-radius: 0;
    color: #292b36;

}

.block-webform label {
  font-weight: normal;
}

/* Fivestar module customisations */

.field-type-fivestar .field-label {
  font-weight: normal;
}

.field-type-fivestar .field-items {
  padding-top: 3px;
}


.node-type-unbranded-page .block-webform {
  display: none;
}

/* Unbranded Page content type */
body.node-type-unbranded-page {
  background: #000000 !important;
}



/* City4all */
.landing-callout h3 {
  font-size: 1.7em;
}

.city-intro {
  font-size: 2em;
}
.city-intro img {
  position: absolute;
  left: -90px;
  top: 0;
  width: 250px;
}

th.collectiondays {
  width: 11em;
}

div.waste-schedule-header {
  /*float: left;*/
  width: 100%;
}

div.waste-schedule-header img.waste-icon {
  width: 70px;
  /*float: left;*/
}

div.waste-schedule-header h2 {
  width: auto;
  /*float: left;*/
}