/** NEW HOMEPAGE REDESIGN STYLES using Flex - August 2018 **/
/** fixing styles **/
/** needs the  body class .homepage-revised **/
/** hide site alert for not front pages */
/* line 9, ../sass/front.scss */
.not-front .alert {
  display: none !important;
}

/* line 13, ../sass/front.scss */
.news-box-revised, .featured-box-revised, .boundless-box-revised, .promo-wrapper .featured-box, .promo-wrapper .boundless-box, .using-box, .workshops-box, .research-box {
  flex: 1 1 auto;
  width: 30%;
  max-width: 32%;
}
@media (max-width: 1024px) {
  /* line 13, ../sass/front.scss */
  .news-box-revised, .featured-box-revised, .boundless-box-revised, .promo-wrapper .featured-box, .promo-wrapper .boundless-box, .using-box, .workshops-box, .research-box {
    margin: 0;
    width: 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  /* line 13, ../sass/front.scss */
  .news-box-revised, .featured-box-revised, .boundless-box-revised, .promo-wrapper .featured-box, .promo-wrapper .boundless-box, .using-box, .workshops-box, .research-box {
    margin: 0;
    width: 100%;
    max-width: 100%;
  }
}

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

/* line 45, ../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 57, ../sass/front.scss */
.region-content, .front .region-content-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

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

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

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

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

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

/* line 95, ../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 95, ../sass/front.scss */
  .search-box {
    padding: 25px !important;
  }
}
@media (max-width: 767px) {
  /* line 95, ../sass/front.scss */
  .search-box {
    flex: 1 1 100%;
    padding: 0 10px !important;
  }
}

/** Search right box - Catalogue, Articles, Databases **/
/* line 116, ../sass/front.scss */
.search-right {
  flex: 1 1 50%;
  order: 1;
}
/* line 120, ../sass/front.scss */
.search-right li {
  background: whitesmoke;
  border: 1px solid #efefef;
  padding: 0px 30px;
  margin-bottom: .5%;
}
/* line 128, ../sass/front.scss */
.search-right li a {
  color: lightblue !important;
  color: black !important;
}
/* line 133, ../sass/front.scss */
.search-right li p {
  padding-bottom: 10px;
  margin: 5px 0;
}
@media (max-width: 767px) {
  /* line 133, ../sass/front.scss */
  .search-right li p {
    display: none;
  }
}
/* line 142, ../sass/front.scss */
.search-right li li:last-child {
  margin-bottom: 0px;
}
/* line 146, ../sass/front.scss */
.search-right li h2 {
  font-size: 1.4em;
  padding-bottom: 0;
}
/* line 150, ../sass/front.scss */
.search-right li h2 a {
  color: #973027 !important;
}
@media (max-width: 767px) {
  /* line 116, ../sass/front.scss */
  .search-right {
    flex: 1 1 100%;
    margin-top: 20px;
  }
  /* line 163, ../sass/front.scss */
  .search-right li {
    background: #337AB7;
  }
  /* line 166, ../sass/front.scss */
  .search-right li a {
    color: white;
  }
  /* line 170, ../sass/front.scss */
  .search-right li h2 {
    padding: 10px;
    text-align: center;
  }
  /* line 174, ../sass/front.scss */
  .search-right li h2 a {
    color: white !important;
    text-align: center;
    margin: 0;
  }
}
/* line 183, ../sass/front.scss */
.search-right .featured-box .col-sm-12 {
  flex-direction: column;
  flex: 1 1 50%;
  background: whitesmoke;
}

/* line 190, ../sass/front.scss */
.search-choices {
  font-size: 1.2em;
}
/* line 195, ../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 207, ../sass/front.scss */
.searchButton {
  height: 50px;
  width: 50px;
  position: absolute;
  right: -35px;
  top: 24px;
}
@media (max-width: 767px) {
  /* line 207, ../sass/front.scss */
  .searchButton {
    right: -10px;
  }
}

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

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

/* line 228, ../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 233, ../sass/front.scss */
.more a {
  font-size: 1em !important;
}
/* line 247, ../sass/front.scss */
.more:hover {
  background: #337ab7;
  transition: all 0.35s ease;
}
/* line 251, ../sass/front.scss */
.more:hover a {
  color: white;
}

/** BASE STYLE FOR CARDS **/
/* line 258, ../sass/front.scss */
.news-box-revised, .featured-box-revised, .boundless-box-revised, .promo-wrapper .featured-box, .promo-wrapper .boundless-box, .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 258, ../sass/front.scss */
  .news-box-revised, .featured-box-revised, .boundless-box-revised, .promo-wrapper .featured-box, .promo-wrapper .boundless-box, .using-box, .workshops-box, .research-box {
    flex: 1 1 50%;
    margin: 0;
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  /* line 258, ../sass/front.scss */
  .news-box-revised, .featured-box-revised, .boundless-box-revised, .promo-wrapper .featured-box, .promo-wrapper .boundless-box, .using-box, .workshops-box, .research-box {
    flex: 1 1 100%;
    margin: 0;
    width: 100%;
  }
}
/* line 278, ../sass/front.scss */
.news-box-revised h2, .featured-box-revised h2, .boundless-box-revised h2, .promo-wrapper .featured-box h2, .promo-wrapper .boundless-box h2, .using-box h2, .workshops-box h2, .research-box h2 {
  text-align: center;
  padding-bottom: 20px;
  font-size: 1.5em;
  font-weight: normal;
}
/* line 285, ../sass/front.scss */
.news-box-revised ul, .featured-box-revised ul, .boundless-box-revised ul, .promo-wrapper .featured-box ul, .promo-wrapper .boundless-box ul, .using-box ul, .workshops-box ul, .research-box ul {
  width: 100%;
  padding: 0;
}

/************************** HOMEPAGE CARDS ******************/
/** NEWS BOX **/
/* line 298, ../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 306, ../sass/front.scss */
.news-box-revised .news-wrapper img {
  float: left;
  margin-right: 15px;
  height: auto;
}
/* line 313, ../sass/front.scss */
.news-box-revised h2 {
  padding-bottom: 25px !important;
}
/* line 317, ../sass/front.scss */
.news-box-revised .twitter-newsbox {
  position: absolute;
  top: 10px;
  right: 30px;
  text-align: center;
}

/* line 325, ../sass/front.scss */
.featured-box-revised {
  background: whitesmoke;
  float: left;
  padding: 0;
}
/* line 330, ../sass/front.scss */
.featured-box-revised .more {
  background: white !important;
}
/* line 333, ../sass/front.scss */
.featured-box-revised .more:hover {
  background: #337ab7 !important;
}
@media (max-width: 767px) {
  /* line 325, ../sass/front.scss */
  .featured-box-revised {
    flex: 1 1 100%;
  }
}
/* line 344, ../sass/front.scss */
.featured-box-revised .col-md-12 {
  padding: 0;
}
/* line 348, ../sass/front.scss */
.featured-box-revised .view-promotions {
  margin-top: 0;
}
/* line 352, ../sass/front.scss */
.featured-box-revised span {
  float: left;
  display: block !important;
  padding: 0px 25px !important;
  line-height: 20px;
}
/* line 359, ../sass/front.scss */
.featured-box-revised .featured-footer {
  float: left;
  background: #337ab7;
}
/* line 363, ../sass/front.scss */
.featured-box-revised .featured-footer h3, .featured-box-revised .featured-footer h3 a {
  color: white !important;
}
/* line 367, ../sass/front.scss */
.featured-box-revised .featured-footer img {
  float: left;
  height: auto;
  width: 50% !important;
  margin-right: 15px;
}
@media (max-width: 767px) {
  /* line 367, ../sass/front.scss */
  .featured-box-revised .featured-footer img {
    width: 100% !important;
  }
}
/* line 379, ../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 379, ../sass/front.scss */
  .featured-box-revised .featured-footer .text {
    padding: 10px !important;
  }
}
@media (max-width: 767px) {
  /* line 325, ../sass/front.scss */
  .featured-box-revised {
    width: 100%;
  }
}
/* line 401, ../sass/front.scss */
.featured-box-revised img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 0;
}

/* line 409, ../sass/front.scss */
.boundless-box-revised {
  float: left;
  background: white;
  padding: 0px;
}
/* line 413, ../sass/front.scss */
.boundless-box-revised img {
  width: 100%;
}
/* line 417, ../sass/front.scss */
.boundless-box-revised .more {
  background: whitesmoke !important;
}
/* line 420, ../sass/front.scss */
.boundless-box-revised .more:hover {
  background: #337ab7 !important;
}
@media (max-width: 767px) {
  /* line 409, ../sass/front.scss */
  .boundless-box-revised {
    flex: 1 1 100%;
  }
}
/* line 429, ../sass/front.scss */
.boundless-box-revised h2 {
  text-align: center;
  padding-bottom: 20px;
  font-size: 1.5em;
  font-weight: normal;
}
/* line 436, ../sass/front.scss */
.boundless-box-revised h3 {
  margin: 15px 0 10px;
  padding: 0 2%;
}
/* line 441, ../sass/front.scss */
.boundless-box-revised p {
  padding: 0 2% !important;
  line-height: 1.6em;
}
/* line 446, ../sass/front.scss */
.boundless-box-revised .featured-footer {
  float: left;
  background: #337ab7;
}
/* line 450, ../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 456, ../sass/front.scss */
.boundless-box-revised .featured-footer img {
  float: left;
  height: auto;
  width: 100% !important;
  margin-right: 15px;
}
@media (max-width: 767px) {
  /* line 456, ../sass/front.scss */
  .boundless-box-revised .featured-footer img {
    width: 100% !important;
  }
}
/* line 468, ../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 468, ../sass/front.scss */
  .boundless-box-revised .featured-footer .text {
    padding: 10px !important;
  }
}
@media (max-width: 767px) {
  /* line 409, ../sass/front.scss */
  .boundless-box-revised {
    width: 100%;
    padding: 10px 0px;
  }
}

/** PROMOTIONAL CARD Contains random featured view, Robarts Common footer, random  Boundless view **/
/* line 495, ../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 495, ../sass/front.scss */
  .promo-wrapper {
    flex: 1 1 100%;
  }
}
/* line 508, ../sass/front.scss */
.promo-wrapper .panel-panel {
  float: left !important;
}
/* line 512, ../sass/front.scss */
.promo-wrapper .featured-box {
  background: white;
  border: 1px solid #efefef;
  margin: .5%;
  float: left;
  padding: 0;
}
/* line 519, ../sass/front.scss */
.promo-wrapper .featured-box .col-md-12 {
  padding: 0;
}
/* line 523, ../sass/front.scss */
.promo-wrapper .featured-box .view-promotions {
  margin-top: 0;
}
/* line 527, ../sass/front.scss */
.promo-wrapper .featured-box span {
  float: left;
  display: block !important;
  padding: 0px 25px !important;
  line-height: 20px;
}
/* line 534, ../sass/front.scss */
.promo-wrapper .featured-box .featured-footer {
  float: left;
  background: #337ab7;
}
/* line 538, ../sass/front.scss */
.promo-wrapper .featured-box .featured-footer h3, .promo-wrapper .featured-box .featured-footer h3 a {
  color: white !important;
}
/* line 542, ../sass/front.scss */
.promo-wrapper .featured-box .featured-footer img {
  float: left;
  height: 150px;
  width: auto !important;
  margin-right: 15px;
}
/* line 549, ../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 512, ../sass/front.scss */
  .promo-wrapper .featured-box {
    width: 100%;
  }
}
/* line 565, ../sass/front.scss */
.promo-wrapper .featured-box img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 0;
}
/* line 573, ../sass/front.scss */
.promo-wrapper .boundless-box {
  margin: .5%;
  border: 1px solid #efefef;
  float: left;
  background: whitesmoke;
  padding: 10px 20px;
}
/* line 579, ../sass/front.scss */
.promo-wrapper .boundless-box h2 {
  text-align: center;
  padding-bottom: 20px;
  font-size: 1.5em;
  font-weight: normal;
}
/* line 586, ../sass/front.scss */
.promo-wrapper .boundless-box .featured-footer {
  float: left;
  background: #337ab7;
}
/* line 590, ../sass/front.scss */
.promo-wrapper .boundless-box .featured-footer h3, .promo-wrapper .boundless-box .featured-footer h3 a {
  color: white !important;
}
/* line 594, ../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 594, ../sass/front.scss */
  .promo-wrapper .boundless-box .featured-footer img {
    width: 100% !important;
  }
}
/* line 606, ../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 606, ../sass/front.scss */
  .promo-wrapper .boundless-box .featured-footer .text {
    padding: 10px !important;
  }
}
@media (max-width: 767px) {
  /* line 573, ../sass/front.scss */
  .promo-wrapper .boundless-box {
    width: 100%;
  }
}

/** USING THE LIBRARY CARD **/
/* line 631, ../sass/front.scss */
.using-box {
  background: whitesmoke;
  box-shadow: none !important;
}
/* line 637, ../sass/front.scss */
.using-box .home-icons img {
  margin-right: 0 !important;
}
/* line 641, ../sass/front.scss */
.using-box h2 {
  font-size: 1.5em !important;
}
/* line 645, ../sass/front.scss */
.using-box li {
  float: left;
  width: 33.33333%;
  text-align: center;
  margin-bottom: 25px !important;
}
@media (max-width: 767px) {
  /* line 645, ../sass/front.scss */
  .using-box li {
    width: 50%;
    min-height: 80px;
  }
}
/* line 656, ../sass/front.scss */
.using-box li img {
  height: 40px !important;
  width: auto !important;
  margin-right: 0;
}
/* line 669, ../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 678, ../sass/front.scss */
.using-box .chat-wrapper p {
  color: #bc412e;
}
/* line 681, ../sass/front.scss */
.using-box .chat-wrapper:hover {
  background: white;
  border: 1px solid #ccc !important;
}
/* line 684, ../sass/front.scss */
.using-box .chat-wrapper:hover img {
  box-shadow: 1px 1px 4px #ccc !important;
}
/* line 687, ../sass/front.scss */
.using-box .chat-wrapper:hover h3 a {
  color: #bc412e !important;
  cursor: pointer;
}
/* line 691, ../sass/front.scss */
.using-box .chat-wrapper:hover p {
  color: #025385;
}
/* line 698, ../sass/front.scss */
.using-box .ask {
  width: 100%;
  border-top: 1px solid #ccc;
}
/* line 702, ../sass/front.scss */
.using-box .ask h3 {
  text-align: left !important;
  color: #c74337;
}
/* line 707, ../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 715, ../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 725, ../sass/front.scss */
.using-box .ask .ask-widget img:hover {
  box-shadow: 1px 1px 4px #ccc;
}

/** WORKSHOPS CARD **/
/* line 739, ../sass/front.scss */
.workshops-box .more a {
  padding-bottom: 0;
}
/* line 743, ../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 751, ../sass/front.scss */
.workshops-box .block-content h2 {
  display: block;
}
/* line 755, ../sass/front.scss */
.workshops-box h2 a {
  font-size: 1em !important;
}

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

/* line 775, ../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 784, ../sass/front.scss */
.front .main-container {
  padding: 0;
}

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