/*  TAKE IELTS white label site, based on SUI bc-subtheme-ielts
 *  @file take-ielts.css
 */

/* News alert - highlight */
#highlight .alert.bc-alert-news {
  margin: 0;
  background-color: #414042;
  font-size: 24px;
  color: #fff;
  padding: 19px 17px 19px 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#highlight .alert.bc-alert-news p {
  max-width: 85%;
  order: 0;
}

#highlight .alert.bc-alert-news .close {
  right: 0;
  top: 0;
  margin-left: 20px;
  order: 1;
}

#highlight .alert.bc-alert-news svg {
  width: 34px;
  height: 34px;
}

@media (min-width: 850px) {
  #highlight .alert.bc-alert-news {
    font-size: 26px;
    padding: 30px;
  }

  #highlight .alert.bc-alert-news svg {
    width: 38px;
    height: 38px;
  }
}

/* Fonts override */
.bc-subtheme-ielts .bc-filter-title,
.bc-subtheme-ielts .bc-h2-style,
.bc-subtheme-ielts .bc-h3-style,
.bc-subtheme-ielts .bc-h4-style,
.bc-subtheme-ielts .h1,
.bc-subtheme-ielts .h2,
.bc-subtheme-ielts .h3,
.bc-subtheme-ielts .h4,
.bc-subtheme-ielts .h5,
.bc-subtheme-ielts .h6,
.bc-subtheme-ielts h1,
.bc-subtheme-ielts h2,
.bc-subtheme-ielts h3,
.bc-subtheme-ielts h4,
.bc-subtheme-ielts h5,
.bc-subtheme-ielts h6,
.bc-subtheme-ielts .bc-list-item .bc-list-item-title,
.bc-subtheme-ielts .bc-list-item-linear .bc-list-item-title,
.bc-subtheme-ielts .bc-list-item-standard .bc-list-item-title,
.bc-subtheme-ielts .bc-list-item-visual .bc-list-item-title,
.bc-subtheme-ielts .nav li > a,
.bc-subtheme-ielts .nav li > span {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/* Backgrounds and borders colours for panels,
    quotes, show/hide, tables, RHS nav */
.bc-subtheme-ielts .bc-list-item-linear,
.bc-subtheme-ielts .bc-media-detail-caption,
.bc-subtheme-ielts .panel-highlight .panel-body,
.bc-subtheme-ielts .bc-quote-panel,
.bc-subtheme-ielts blockquote,
.bc-subtheme-ielts .bc-carousel,
.bc-subtheme-ielts .bg-theme .bc-link-panel-text,
.bc-subtheme-ielts .bg-theme .bc-form-panel {
  background-color: #fff;
}

.bc-subtheme-ielts .bc-list-item-standard.bc-list-item-has-border {
  border-color: #fff;
}

.bc-subtheme-ielts .bc-multicolor-rows {
  background-color: #fff;
  border-top: 1px solid #ebeff0;
}

.bc-subtheme-ielts .bc-nav-subnav,
.bc-subtheme-ielts .bc-show-hide-content,
.bc-subtheme-ielts .bc-col-sidebar .has-padding,
.bc-subtheme-ielts .bc-form-panel.bc-panel-country-listing,
.bc-subtheme-ielts form[id^='ctools-jump-menu'] {
  background: #ddd;
}

.bc-subtheme-ielts table > tbody > tr > td {
  border-color: #ebeff0;
  background-color: #fff;
}

.bc-subtheme-ielts .bc-tabs-nav,
.bc-subtheme-ielts .bc-tabs-nav ul > li.bc-active,
.bc-subtheme-ielts .bc-tabs-nav ul > li.is-active {
  background-color: #c2cbce;
}

@media (min-width: 850px) {
  .bc-subtheme-ielts .bc-tabs.bc-processed .bc-show-hide-content {
    background-color: #c2cbce;
  }
}

.bc-subtheme-ielts .bc-tabs-nav ul > li:not(.is-active) {
  background-color: #dfdfdf;
}

/* Header */
.bc-subtheme-ielts .bc-navbar-default {
  border-color: #e31837;
}

.bc-subtheme-ielts .mega-menu a {
  text-decoration: none;
}

/* IELTS logo */
.bc-subtheme-ielts .bc-brand-logo {
  background: url("take-ielts.svg") 0 0/contain no-repeat;
}

/* Main nav and support nav */
@media (min-width: 850px) {
  .bc-subtheme-ielts .bc-navbar-default .navbar-nav > li > a {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.14);
  }
  .bc-subtheme-ielts .bc-navbar-support .navbar-nav > li > a {
    background-color: #c01a34;
  }
}

/* Link and variations */
.bc-subtheme-ielts a,
.bc-subtheme-ielts .bc-tabs-paging ul li {
  color: #414042;
  text-decoration: underline;
}

.bc-subtheme-ielts a:hover,
.bc-subtheme-ielts a:focus,
.bc-subtheme-ielts .bc-list-item-visual > a:hover .bc-list-item-title,
.bc-subtheme-ielts .bc-list-item-visual > a:focus .bc-list-item-title,
.bc-subtheme-ielts .bc-list-item-standard > a:hover .bc-list-item-title,
.bc-subtheme-ielts .bc-list-item-standard > a:focus .bc-list-item-title,
.bc-subtheme-ielts .bc-tabs-paging ul li:hover,
.bc-subtheme-ielts .bc-tabs-paging ul li:focus,
.bc-subtheme-ielts .nav li > a.active,
.bc-subtheme-ielts .nav li > span.active {
  color: #e31837;
}

.bc-subtheme-ielts .bc-footer li a,
.bc-subtheme-ielts .bc-list-item-standard a,
.bc-subtheme-ielts .bc-list-item-visual a,
.bc-subtheme-ielts .nav li > a {
  text-decoration: none;
}

.bc-subtheme-ielts .bc-footer li a:hover,
.bc-subtheme-ielts .bc-footer li a:focus {
  text-decoration: underline;
}

/* Content button */
.bc-subtheme-ielts .btn,
.bc-subtheme-ielts .btn:hover,
.bc-subtheme-ielts .btn:focus {
  text-decoration: none;
}

.bc-subtheme-ielts .btn-primary {
  color: #333;
  border-color: #333;
}

@media (min-width: 850px) {
  .bc-subtheme-ielts .form-wrapper .btn {
    min-width: 0;
    width: 100%;
  }
}

.bc-subtheme-ielts .btn-primary:hover,
.bc-subtheme-ielts .btn-primary:focus,
.bc-subtheme-ielts .btn-primary:not(.btn-is-loading):hover,
.bc-subtheme-ielts .btn-primary:not(.btn-is-loading):focus {
  color: #fff;
  border-color: transparent;
  background-color: #e31837;
}

/* Small devices secondary nav "In this section" link */
.bc-btn-secondary-nav-group .btn:only-child {
  color: #fff;
}

.bc-btn-secondary-nav-group .btn:only-child:hover,
.bc-btn-secondary-nav-group .btn:only-child:focus {
  color: #e31837;
  background-color: #333;
}

/* Promotions */
.bc-subtheme-ielts .bc-link-panel-text a:hover .bc-link-panel-text-desc {
  color: #e31837;
}

.bc-subtheme-ielts .bc-link-panel-image a .bc-link-panel-image-title {
  background: #424242;
  color: #fff;
}

.bc-subtheme-ielts .bc-link-panel-image a:hover,
.bc-subtheme-ielts .bc-link-panel-image a:focus,
.bc-subtheme-ielts .bc-link-panel-image a:hover .bc-link-panel-image-title,
.bc-subtheme-ielts .bc-link-panel-image a:focus .bc-link-panel-image-title {
  background: #fff;
  color: #424242;
}

/* Countries side bar drop down menu */
.bc-subtheme-ielts .bc-col-sidebar .bc-form-panel {
  margin-bottom: 20px;
}
.bc-subtheme-ielts .bc-col-sidebar .bc-form-panel .view-country-sites {
  padding: 0 10px;
}

/* Carousel at the bottom of the page */
.bc-carousel button.slick-next,
.bc-carousel button.slick-prev {
  top: 44.5%;
}

.takeielts-tags {
  margin-left: 0;
}

.takeielts-tags li {
  display: inline-block;
  font-size: 0.75em;
  background-color: #ddd;
  border-radius: 20px;
  padding: 5px 15px;
}

.takeielts-pill a {
  text-decoration: none;
}

.takeielts-organisation dt {
  padding: 0.4em 0 0 0;
}

.takeielts-organisation dd {
  padding: 0;
}

.node-type-recognising-organisations .takeielts-organisation .website-links p {
  margin: 0;
}

.node-type-recognising-organisations .takeielts-organisation .website-links p:last-child {
  margin: 0 0 25px;
}

.node-type-recognising-organisations #bc-country-selector {
  background: #ccc;
  padding: 1em;
}

.node-type-recognising-organisations #bc-country-selector form {
  padding: 0;
  margin: 0 !important;
}

.node-type-recognising-organisations .website-links a {
  font-weight: bold;
}

/* BC logo in the Footer  */
.bc-footer .container::before {
  content: "British Council logo";
  font: 0/0 a;
  color: transparent;
  display: block;
  width: 125px;
  height: 36px;
  margin: 0 0 30px 0;
  background: url("https://sui.britishcouncil.org/0.1.6/img/bc-logo-white.svg") 0 0/cover no-repeat;
}

/* Footer Social Media display */
.bc-subtheme-ielts ul.bc-social-media li {
  display: inline-block;
  width: auto;
  margin-bottom: 2em;
}

.bc-subtheme-ielts ul.bc-social-media li a {
  font: 0/0 a;
  color: transparent;
  width: 0;
  overflow: hidden;
}