/* 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;
}
.bg-video-collection {
    position: absolute;
    max-height: 345px;
    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;
}
.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;
}

/* */

.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 */
.wrapper {
    padding-bottom: 0;
}
.feedback-button {
    background: url(../img/feedback-button.png) no-repeat center center #e1ac0c;
    width: 60px;
    height: 160px;
    text-indent: -9999px;
    top: 50%;
    right: 0;
    margin-top: -80px;
    z-index: 500;
    position: fixed;
}
.feedback-button:hover {
    background: url(../img/feedback-button.png) no-repeat center center #edbe31;
}
.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: 10px 0 20px 48px;
  margin: 5px 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: 25px;
  height: 63px;
  margin-bottom: 10px;
  float: left;
}

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

.ccc-widget {
  display: block;
}

/* --- end LARGE breakpoint */