/** NEW HOMEPAGE REDESIGN STYLES using Flex - August 2018 **/
/** fixing styles **/
/** needs the  body class .homepage-revised **/
/* line 6, ../sass/front.scss */
.featured-box-revised .view-promotions .view-content {
  height: 498px;
}

/* line 14, ../sass/front.scss */
.main-container {
  padding-left: 1.5% !important;
  padding-right: 1.5% !important;
  max-width: 100% !important;
}

/* line 20, ../sass/front.scss */
.main-body-content {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0;
  /* we can change the margins after we go live */
  margin: 6px 0 0 0 !important;
}

/* line 32, ../sass/front.scss */
.region-content, .front .region-content-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* line 38, ../sass/front.scss */
.front .search-revised {
  flex: 100%;
}

/* line 42, ../sass/front.scss */
.page-header {
  display: none;
}

/** Search interface */
/* line 48, ../sass/front.scss */
.onesearch_input {
  height: 50px;
  border: 2px solid lightblue;
  margin-right: 50px;
  width: 95% !important;
}

/* line 55, ../sass/front.scss */
.revised-search-wrapper {
  display: flex;
  flex: 1 1 100%;
  flex-wrap: wrap;
  flex-direction: row;
}
/* line 61, ../sass/front.scss */
.revised-search-wrapper.not-logged-in {
  margin-top: 50px !important;
}

/* line 66, ../sass/front.scss */
form {
  position: relative;
}

/* line 70, ../sass/front.scss */
.search-box {
  flex: 1 1 auto;
  width: 50%;
  align-items: center;
  justify-content: center;
  padding: 25px 50px 0 !important;
}
@media (max-width: 1024px) {
  /* line 70, ../sass/front.scss */
  .search-box {
    padding: 25px !important;
  }
}
@media (max-width: 767px) {
  /* line 70, ../sass/front.scss */
  .search-box {
    flex: 1 1 100%;
    padding: 0 10px !important;
  }
}

/** Search right box - Catalogue, Articles, Databases **/
/* line 91, ../sass/front.scss */
.search-right {
  flex: 1 1 50%;
  order: 1;
}
/* line 95, ../sass/front.scss */
.search-right li {
  background: whitesmoke;
  border: 1px solid #efefef;
  padding: 0px 30px;
  margin-bottom: .5%;
}
/* line 103, ../sass/front.scss */
.search-right li a {
  color: lightblue !important;
  color: black !important;
}
/* line 108, ../sass/front.scss */
.search-right li p {
  padding-bottom: 10px;
  margin: 5px 0;
}
@media (max-width: 767px) {
  /* line 108, ../sass/front.scss */
  .search-right li p {
    display: none;
  }
}
/* line 117, ../sass/front.scss */
.search-right li li:last-child {
  margin-bottom: 0px;
}
/* line 121, ../sass/front.scss */
.search-right li h2 {
  font-size: 1.4em;
  padding-bottom: 0;
}
/* line 125, ../sass/front.scss */
.search-right li h2 a {
  color: #973027 !important;
}
@media (max-width: 767px) {
  /* line 91, ../sass/front.scss */
  .search-right {
    flex: 1 1 100%;
    margin-top: 20px;
  }
  /* line 138, ../sass/front.scss */
  .search-right li {
    background: #337AB7;
  }
  /* line 141, ../sass/front.scss */
  .search-right li a {
    color: white;
  }
  /* line 145, ../sass/front.scss */
  .search-right li h2 {
    padding: 10px;
    text-align: center;
  }
  /* line 149, ../sass/front.scss */
  .search-right li h2 a {
    color: white !important;
    text-align: center;
    margin: 0;
  }
}
/* line 158, ../sass/front.scss */
.search-right .featured-box .col-sm-12 {
  flex-direction: column;
  flex: 1 1 50%;
  background: whitesmoke;
}

/* line 165, ../sass/front.scss */
.search-choices {
  font-size: 1.2em;
}
/* line 170, ../sass/front.scss */
.search-choices checkbox {
  -webkit-appearance: none;
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  border-radius: 3px;
  display: inline-block;
  position: relative;
}

/* line 182, ../sass/front.scss */
.searchButton {
  height: 50px;
  width: 50px;
  position: absolute;
  right: -35px;
  top: 24px;
}
@media (max-width: 767px) {
  /* line 182, ../sass/front.scss */
  .searchButton {
    right: -10px;
  }
}

/* line 194, ../sass/front.scss */
h2 {
  margin: 0;
  padding: 10px 0;
}

/* line 199, ../sass/front.scss */
ul {
  list-style-type: none;
}

/* line 203, ../sass/front.scss */
.more {
  text-align: center;
  border: 1px solid #ccc;
  transition: all 0.35s ease;
  padding: 4px;
  width: 75%;
  margin: 0 auto;
  background: white;
  position: relative;
  margin-bottom: 15px;
  margin-top: 15px;
  background: whitesmoke;
  color: white;
}
/* line 208, ../sass/front.scss */
.more a {
  font-size: 1em !important;
}
/* line 222, ../sass/front.scss */
.more:hover {
  background: #337ab7;
  transition: all 0.35s ease;
}
/* line 226, ../sass/front.scss */
.more:hover a {
  color: white;
}

/** BASE STYLE FOR CARDS **/
/* line 233, ../sass/front.scss */
.news-box-revised, .featured-box-revised, .boundless-box-revised, .using-box, .workshops-box, .research-box {
  padding: 15px 2% 10px;
  flex: 1 1 30%;
  border: 1px solid #efefef;
  margin: .5%;
  position: relative;
}
@media (max-width: 1024px) {
  /* line 233, ../sass/front.scss */
  .news-box-revised, .featured-box-revised, .boundless-box-revised, .using-box, .workshops-box, .research-box {
    flex: 1 1 50%;
    margin: 0;
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  /* line 233, ../sass/front.scss */
  .news-box-revised, .featured-box-revised, .boundless-box-revised, .using-box, .workshops-box, .research-box {
    flex: 1 1 100%;
    margin: 0;
    width: 100%;
  }
}
/* line 253, ../sass/front.scss */
.news-box-revised h2, .featured-box-revised h2, .boundless-box-revised h2, .using-box h2, .workshops-box h2, .research-box h2 {
  text-align: center;
  padding-bottom: 20px;
  font-size: 1.5em;
  font-weight: normal;
}
/* line 260, ../sass/front.scss */
.news-box-revised ul, .featured-box-revised ul, .boundless-box-revised ul, .using-box ul, .workshops-box ul, .research-box ul {
  width: 100%;
  padding: 0;
}

/************************** HOMEPAGE CARDS ******************/
/** NEWS BOX **/
/* line 270, ../sass/front.scss */
.news-box-revised {
  position: relative;
}
/* line 275, ../sass/front.scss */
.news-box-revised .news-wrapper {
  font-size: 1em;
  line-height: 1.6em;
  width: 100%;
  clear: both;
  float: left;
  margin-bottom: 10px;
}
/* line 283, ../sass/front.scss */
.news-box-revised .news-wrapper img {
  float: left;
  margin-right: 15px;
  height: auto;
}
/* line 290, ../sass/front.scss */
.news-box-revised h2 {
  padding-bottom: 25px !important;
}
/* line 294, ../sass/front.scss */
.news-box-revised .twitter-newsbox {
  position: absolute;
  top: 10px;
  right: 30px;
  text-align: center;
}

/* line 302, ../sass/front.scss */
.featured-box-revised {
  background: whitesmoke;
  float: left;
  padding: 0;
}
/* line 305, ../sass/front.scss */
.featured-box-revised .more {
  background: white !important;
}
/* line 308, ../sass/front.scss */
.featured-box-revised .more:hover {
  background: #337ab7 !important;
}
@media (max-width: 767px) {
  /* line 302, ../sass/front.scss */
  .featured-box-revised {
    flex: 1 1 100%;
  }
}
/* line 320, ../sass/front.scss */
.featured-box-revised .col-md-12 {
  padding: 0;
}
/* line 324, ../sass/front.scss */
.featured-box-revised .view-promotions {
  margin-top: 0;
}
/* line 328, ../sass/front.scss */
.featured-box-revised span {
  float: left;
  display: block !important;
  padding: 0px 25px !important;
  line-height: 20px;
}
/* line 335, ../sass/front.scss */
.featured-box-revised .featured-footer {
  float: left;
  background: #337ab7;
}
/* line 339, ../sass/front.scss */
.featured-box-revised .featured-footer h3, .featured-box-revised .featured-footer h3 a {
  color: white !important;
}
/* line 343, ../sass/front.scss */
.featured-box-revised .featured-footer img {
  float: left;
  height: auto;
  width: 50% !important;
  margin-right: 15px;
}
@media (max-width: 767px) {
  /* line 343, ../sass/front.scss */
  .featured-box-revised .featured-footer img {
    width: 100% !important;
  }
}
/* line 355, ../sass/front.scss */
.featured-box-revised .featured-footer .text {
  clear: both;
  font-size: 1em;
  padding: 0 15px 10px 0 !important;
  color: white;
  overflow: hidden;
}
@media (max-width: 767px) {
  /* line 355, ../sass/front.scss */
  .featured-box-revised .featured-footer .text {
    padding: 10px !important;
  }
}
@media (max-width: 767px) {
  /* line 302, ../sass/front.scss */
  .featured-box-revised {
    width: 100%;
  }
}
/* line 377, ../sass/front.scss */
.featured-box-revised img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 0;
}

/* line 385, ../sass/front.scss */
.boundless-box-revised {
  float: left;
  background: white;
  padding: 0px;
}
/* line 389, ../sass/front.scss */
.boundless-box-revised img {
  width: 100%;
}
/* line 393, ../sass/front.scss */
.boundless-box-revised .more {
  background: whitesmoke !important;
}
/* line 396, ../sass/front.scss */
.boundless-box-revised .more:hover {
  background: #337ab7 !important;
}
@media (max-width: 767px) {
  /* line 385, ../sass/front.scss */
  .boundless-box-revised {
    flex: 1 1 100%;
  }
}
/* line 405, ../sass/front.scss */
.boundless-box-revised h2 {
  text-align: center;
  padding-bottom: 20px;
  font-size: 1.5em;
  font-weight: normal;
}
/* line 412, ../sass/front.scss */
.boundless-box-revised h3 {
  margin: 15px 0 10px;
  padding: 0 2%;
}
/* line 417, ../sass/front.scss */
.boundless-box-revised p {
  padding: 0 2% !important;
  line-height: 1.6em;
}
/* line 422, ../sass/front.scss */
.boundless-box-revised .featured-footer {
  float: left;
  background: #337ab7;
}
/* line 426, ../sass/front.scss */
.boundless-box-revised .featured-footer h3, .boundless-box-revised .featured-footer h3 a {
  color: white !important;
  margin-bottom: 10px;
  padding: 0;
}
/* line 432, ../sass/front.scss */
.boundless-box-revised .featured-footer img {
  float: left;
  height: auto;
  width: 100% !important;
  margin-right: 15px;
}
@media (max-width: 767px) {
  /* line 432, ../sass/front.scss */
  .boundless-box-revised .featured-footer img {
    width: 100% !important;
  }
}
/* line 444, ../sass/front.scss */
.boundless-box-revised .featured-footer .text {
  clear: both;
  font-size: .9em;
  line-height: 1.4em;
  padding: 0 15px 10px 10px !important;
  color: white;
  overflow: hidden;
}
@media (max-width: 767px) {
  /* line 444, ../sass/front.scss */
  .boundless-box-revised .featured-footer .text {
    padding: 10px !important;
  }
}
@media (max-width: 767px) {
  /* line 385, ../sass/front.scss */
  .boundless-box-revised {
    width: 100%;
    padding: 10px 0px;
  }
}

/** PROMOTIONAL CARD Contains random featured view, Robarts Common footer, random  Boundless view **/
/* line 471, ../sass/front.scss */
.promo-wrapper {
  flex: 1 1 66.6666%;
  flex: 1 1 63.5%;
  margin: 0;
  padding: 0;
  max-width: 67%;
}
@media (max-width: 767px) {
  /* line 471, ../sass/front.scss */
  .promo-wrapper {
    flex: 1 1 100%;
  }
}
/* line 484, ../sass/front.scss */
.promo-wrapper .panel-panel {
  float: left !important;
}
/* line 488, ../sass/front.scss */
.promo-wrapper .featured-box {
  background: white;
  border: 1px solid #efefef;
  margin: .5%;
  float: left;
  padding: 0;
}
/* line 493, ../sass/front.scss */
.promo-wrapper .featured-box .col-md-12 {
  padding: 0;
}
/* line 497, ../sass/front.scss */
.promo-wrapper .featured-box .view-promotions {
  margin-top: 0;
}
/* line 501, ../sass/front.scss */
.promo-wrapper .featured-box span {
  float: left;
  display: block !important;
  padding: 0px 25px !important;
  line-height: 20px;
}
/* line 508, ../sass/front.scss */
.promo-wrapper .featured-box .featured-footer {
  float: left;
  background: #337ab7;
}
/* line 512, ../sass/front.scss */
.promo-wrapper .featured-box .featured-footer h3, .promo-wrapper .featured-box .featured-footer h3 a {
  color: white !important;
}
/* line 516, ../sass/front.scss */
.promo-wrapper .featured-box .featured-footer img {
  float: left;
  height: 150px;
  width: auto !important;
  margin-right: 15px;
}
/* line 523, ../sass/front.scss */
.promo-wrapper .featured-box .featured-footer .text {
  font-size: 1.1em;
  padding: 0 15px 5px 0 !important;
  color: white;
}
@media (max-width: 767px) {
  /* line 488, ../sass/front.scss */
  .promo-wrapper .featured-box {
    width: 100%;
  }
}
/* line 539, ../sass/front.scss */
.promo-wrapper .featured-box img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 0;
}
/* line 547, ../sass/front.scss */
.promo-wrapper .boundless-box {
  margin: .5%;
  border: 1px solid #efefef;
  float: left;
  background: whitesmoke;
  padding: 10px 20px;
}
/* line 551, ../sass/front.scss */
.promo-wrapper .boundless-box h2 {
  text-align: center;
  padding-bottom: 20px;
  font-size: 1.5em;
  font-weight: normal;
}
/* line 558, ../sass/front.scss */
.promo-wrapper .boundless-box .featured-footer {
  float: left;
  background: #337ab7;
}
/* line 562, ../sass/front.scss */
.promo-wrapper .boundless-box .featured-footer h3, .promo-wrapper .boundless-box .featured-footer h3 a {
  color: white !important;
}
/* line 566, ../sass/front.scss */
.promo-wrapper .boundless-box .featured-footer img {
  float: left;
  height: auto;
  width: 50% !important;
  margin-right: 15px;
}
@media (max-width: 767px) {
  /* line 566, ../sass/front.scss */
  .promo-wrapper .boundless-box .featured-footer img {
    width: 100% !important;
  }
}
/* line 578, ../sass/front.scss */
.promo-wrapper .boundless-box .featured-footer .text {
  font-size: 1em;
  padding: 0 15px 10px 0 !important;
  color: white;
  overflow: hidden;
}
@media (max-width: 767px) {
  /* line 578, ../sass/front.scss */
  .promo-wrapper .boundless-box .featured-footer .text {
    padding: 10px !important;
  }
}
@media (max-width: 767px) {
  /* line 547, ../sass/front.scss */
  .promo-wrapper .boundless-box {
    width: 100%;
  }
}

/** USING THE LIBRARY CARD **/
/* line 603, ../sass/front.scss */
.using-box {
  background: whitesmoke;
  box-shadow: none !important;
}
/* line 609, ../sass/front.scss */
.using-box .home-icons img {
  margin-right: 0 !important;
}
/* line 613, ../sass/front.scss */
.using-box h2 {
  font-size: 1.5em !important;
}
/* line 617, ../sass/front.scss */
.using-box li {
  float: left;
  width: 33.33333%;
  text-align: center;
  margin-bottom: 25px !important;
}
@media (max-width: 767px) {
  /* line 617, ../sass/front.scss */
  .using-box li {
    width: 50%;
    min-height: 80px;
  }
}
/* line 628, ../sass/front.scss */
.using-box li img {
  height: 40px !important;
  width: auto !important;
  margin-right: 0;
}
/* line 641, ../sass/front.scss */
.using-box .chat-wrapper {
  padding: 0;
  margin: 0;
  width: 100%;
  float: left;
  padding: 10px 25px 0;
  border-radius: 8px;
  margin-bottom: 10px;
  border: 1px solid transparent;
}
/* line 650, ../sass/front.scss */
.using-box .chat-wrapper p {
  color: #bc412e;
}
/* line 653, ../sass/front.scss */
.using-box .chat-wrapper:hover {
  background: white;
  border: 1px solid #ccc !important;
}
/* line 656, ../sass/front.scss */
.using-box .chat-wrapper:hover img {
  box-shadow: 1px 1px 4px #ccc !important;
}
/* line 659, ../sass/front.scss */
.using-box .chat-wrapper:hover h3 a {
  color: #bc412e !important;
  cursor: pointer;
}
/* line 663, ../sass/front.scss */
.using-box .chat-wrapper:hover p {
  color: #025385;
}
/* line 670, ../sass/front.scss */
.using-box .ask {
  width: 100%;
  border-top: 1px solid #ccc;
}
/* line 674, ../sass/front.scss */
.using-box .ask h3 {
  text-align: left !important;
  color: #c74337;
}
/* line 679, ../sass/front.scss */
.using-box .ask .ask-widget {
  position: relative !important;
  float: left;
  bottom: auto !important;
  right: auto !important;
  width: auto !important;
  margin-right: 15px !important;
}
/* line 687, ../sass/front.scss */
.using-box .ask .ask-widget img {
  height: 125px !important;
  min-height: 125px !important;
  width: auto !important;
  margin-right: 15px !important;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 10px;
  background: white;
  box-shadow: 1px 1px 2px #efefef;
}
/* line 697, ../sass/front.scss */
.using-box .ask .ask-widget img:hover {
  box-shadow: 1px 1px 4px #ccc;
}

/** WORKSHOPS CARD **/
/* line 711, ../sass/front.scss */
.workshops-box .more a {
  padding-bottom: 0;
}
/* line 715, ../sass/front.scss */
.workshops-box .views-row a, .workshops-box a {
  display: block;
  font-size: 1.1em !important;
  padding-bottom: 5px;
  font-weight: normal !important;
  line-height: 20px;
}
/* line 723, ../sass/front.scss */
.workshops-box .block-content h2 {
  display: block;
}
/* line 727, ../sass/front.scss */
.workshops-box h2 a {
  font-size: 1em !important;
}

/* line 732, ../sass/front.scss */
.research-box {
  background: whitesmoke;
}
/* line 735, ../sass/front.scss */
.research-box h3 {
  font-size: 1.35em !important;
}
/* line 739, ../sass/front.scss */
.research-box p {
  font-size: 1em;
  line-height: 1.6em;
}

/* line 747, ../sass/front.scss */
.homepage-revised.not-front.logged-in .main-container, .homepage-revised.no-sidebars.not-front.not-logged-in .main-container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 1.5% !important;
  padding-right: 1.5% !important;
  padding-top: 75px !important;
  padding-bottom: 0px !important;
}

/* line 756, ../sass/front.scss */
.front .main-container {
  padding: 0;
}

/* line 760, ../sass/front.scss */
.not-logged-in #full_top {
  margin-top: 0 !important;
}