/*
 * Custom styles and overrides for BASL site
 */

 body { color: #3b3b3b; font-size:15px; font-family: 'Roboto', sans-serif; }

 .label-as-badge {
     border-radius: 1em;
 }
 .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
     position: absolute;
     top: 85%;
     z-index: 5;
     display: inline-block;
 }
 
 .margin-top {margin-top:10px;}
 .margin-bottom {margin-bottom:10px;}
 .margin-top-large {margin-top:20px;}
 .margin-bottom-large {margin-bottom:20px;}

 .padding-top-large {padding-top:20px;}
 .padding-bottom {padding-bottom:10px;}

 .no-margin{
  margin:0 ! important;
  }

 .img-border {border: 1px #ccc solid;}
 
 
 .tag-label {font-size: 70% !important}
 
 /*.mce-content-body { color: #4d4d4d; font-size:14px; font-family: 'Droid Sans', sans-serif; }*/
 
 /* Image alignment */
 .imageFlowLeft { float:left; margin-right:10px; }
 .imageFlowRight { float:right; margin-left:10px; }
 
 h1, h2, h3 { margin:0 0 5px 0; padding:0;text-transform: uppercase; }
 h1 { font-size: 26px; line-height: 26px; margin-bottom:7px;height:40px; font-weight: bold;}
 h2 { color:#3b3b3b; font-size: 21px; line-height: 18px; }
 h3 { color:#952e63; font-size: 18px; line-height: 14px; font-weight: bold; margin-top: 15px; margin-bottom: 10px;}
 .with-margin { margin-bottom: 15px; }
 
 hr {
     margin-top: 10px;
     margin-bottom: 10px;
     border: 0;
     border-top: 3px solid #eee;
 }
 
.btn {font-family: 'Montserrat', sans-serif;}

 .btn-danger {
     color: #fff;
     background-color: #a22b17;
     border-color: #a22b17;
     height:35px;
     margin-top:2px;
     padding-left:20px;
     padding-right:20px;
 }
 .btn-primary {
     color: #fff;
     background-color: #124968;
     border-color: #124968;
 }
 .btn-purple {
  color: #fff;
  background-color: #8f4d7a;
  border-color: #8f4d7a;
  height:35px;
  margin-top:2px;
  padding-left:20px;
  padding-right:20px;
}
.btn-purple:hover, .btn-purple:focus {
  color: #fff;
  text-decoration: none;
}
.btn-blue {
  color: #fff;
  background-color: #7bb3e3;
  border-color: #7bb3e3;
  height:35px;
  margin-top:2px;
  padding-left:20px;
  padding-right:20px;
}
.btn-blue:hover, .btn-blue:focus {
  color: #fff;
  text-decoration: none;
}
 
 table { width:100%; padding:0; margin:0 0 10px 0; }
 
 a.button { color:#fff; display:table-cell; width:130px; height:46px; text-align:center; vertical-align:middle; text-decoration:none; font-size:15px; }
 a.button:hover { text-decoration:underline; }
 .button.blue { background-color: #0b3a5d; }
 .button.lightblue { background-color: #83aedc; }
 .button.purple { background-color: #973368; }
 .button.green { background-color: #66b393; }
 
 .padded {padding:20px}
 
 .blue {background-color:#a3c0e0;}
 .red {background-color:#9c3d6e;}
 .green {background-color:#75b89c;}
 
 .large-margin-top {margin-top:20px;}
 
 /* Table cell colours */
 .paleblue { background-color:#daeef3; }
 .offwhite { background-color:#eeece1; }
 .brightpurple { background-color:#97406b; }
 .pink { background-color:#e5b8b7; }
 .brightblue { background-color:#73b1ff; }
 .mintgreen { background-color:#6ab395; }
 .lilac { background-color:#d0d4fc; }
 .pastelpurple { background-color:#b2a1c7; }
 .peach { background-color:#fabf8f; }
 .navyblue { background-color:#063b5b; }
 .paleblue { background-color:#e9f1f8; }
 /* .palepink { background-color:#faebf3; }
 .palegreen { background-color:#f1fbf7; }
 .verypaleblue { background-color:#d3e3f4; }*/
 .palepink { background-color:#f8f1f6; }
 .palegreen { background-color:#f4fcf3; }
 .verypaleblue { background-color:#eff5fa; }
 .darkblue { background-color:#173454; }
 .redpink { background-color:#a81c63; }
 .lightblue { background-color:#9abce2; }

 .basl-events {background-color:#a54e78}
 .basl-endorsed-events {background-color:#18b594}
 .other-events {background-color:#7bb3e3}
 .all-events {background-color:#eff5fa}

 .homepagepalerblue { background-color:#eff2f7; }
 .homepagepaleblue { background-color:#e7eefa; }
 
 .pinkyred-text { color:#952e63; }
 .pastelgreen-text { color:#6ab395; }
 .lightblue-text { color:#6cb0ff; }
 .green-text {color:#18b594;}
 
 .palepink .eventDate {color:#952e63;}
 .palegreen .eventDate {color:#6ab395;}
 .verypaleblue .eventDate {color:#558ac6;}
 
 .palepink a {color:#952e63;text-decoration: underline;}
 .palegreen a {color:#6ab395;text-decoration: underline;}
 .verypaleblue a {color:#558ac6;text-decoration: underline;}
 
 .palepink .fa {color:#952e63;}
 .palegreen .fa {color:#6ab395;}
 .verypaleblue .fa {color:#558ac6;}

 .oddItem {background-color:#f4fcf3}
 .evenItem {background-color:#f8f1f6}
 .evenItemHome {background-color:#eff5fa}

 .evenItemEventHome {background-color:#eceaeb}
 .oddItemEventHome {background-color:#f8f1f6}

 .error {color:red;font-size: 12px;}
 
 .header-bar {
   height: 166px;
   overflow: visible;
   background-color: #033a5c;
   min-width: 100%;
 }

 .back-to-top {
   font-family: Roboto
 }

.member-nav {
  margin-top: 20px;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
  color: #fff;
  background-color: #033a5c;
}
 
 .login-panel {background-color:#fff;padding-left:10px;}
 
 .intro-section {background-color: #6ab395;color:#fff;font-size:18px;font-family:'Open Sans',sans-serif;font-weight:600;padding:20px;}
 .large-image-section {padding-left:0;padding-right:0;}
 
 .inp-search { width:221px; height:34px; float:right; background-color:#fff; position:relative; color:#b3b3b3; margin-top:2px; }
 .inp-search input { width:188px; color:#003b5c; height:34px; margin-right:33px;  border: none !important; border-color: transparent !important; }
 /*.inp-search .fa.fa-search { position:absolute; right:10px; top:5px; font-size:22px; }*/
 .inp-search .fa.fa-search { position:absolute; right:3px; top:5px; font-size:22px; background:none; border:0; outline:0; }
 .inp-search a { color:#b3b3b3; }
 .inp-search .fa.fa-search:hover { color:#003b5c; }
 
 .col-header-contacts { text-align:right; margin-top: 59px; }
 .col-footer-contacts { text-align:left; }
 .header-contacts { list-style:none; margin: 0 0 25px 10px;padding-top:10px; }
 .header-contacts li { color:#fff; font-size: 12px; line-height:22px; }
 .header-contacts li .fa { font-size: 16px; }
 .footer-contacts { list-style:none; margin: 5px 5px 0 0;padding:0 0 0 0; }
 .footer-contacts li { font-size: 15px; line-height:22px; margin-bottom: 12px;}
 .footer-contacts li .fa { font-size: 18px; }

 .bottomFooter {
    background-color: #18b594;
    color: #fff;
 }
 .bottomNav li {
    font-size: 15px;
 }
 .bottomNav li a {
  color: #fff;
}

 .site-logo {margin-left:10px;}
 
 #nav-trail { padding:5px 0 0 30px; }
 #nav-trail li { padding:0; }
 #nav-trail li a { color:#fb8f00; display:block; padding:15px; }
 #nav-trail li a:hover { background-color:#efe8e6; text-decoration:none; }
 #nav-trail li.active { background-color:#efe8e6; }
 #nav-trail a.active {  }
 #nav-trail .navbar-nav li a { padding:0 20px 0 20px; }
 
 #subpage { padding-top:30px; }
 
 .main-content { padding:0 0 40px 0; }
 .homepage { padding-top:20px; margin-bottom:30px }
 .homepage h1{font-size:24px;font-weight:300;width: 100%;}
 .footer-right { text-align:right; }

.page-header {
    padding-bottom: 9px;
    margin: 30px 0 10px;
    border-bottom: none;
  }
 .page-header h1 {
  line-height: 35px;
}
.sub-header-left {border-left: 2px solid #18b594; padding-left:10px;line-height: 25px; margin-bottom: 20px; font-weight: bold}
.sub-header-right {border-right: 2px solid #18b594; padding-right:10px;display:inline-block;margin-bottom: 20px;line-height: 25px;font-weight: bold;}
 
.interior-page .sub-header-left {margin-bottom: 0px;}
.interior-page {margin-bottom: 10px;margin-top: 20px;}
.left-hand-content h4 {
  background-color: #7d3666;
  color: #fff;
  padding: 15px;
}
.right-hand-content img {
  margin-bottom: 20px;
}

.news-lh h4 {
  background-color: #7d3666;
  color: #fff;
  padding: 15px;
  text-transform: uppercase;
}

.news-cat {
  padding: 10px;
  margin-bottom:3px;
  background-color: #eff5fa;
}
.news-cat:hover {
  background-color: #7bb3e3;
  color: #fff
}
.active {
  background-color: #7bb3e3;
  color: #fff
}
.news-lh a {
  text-decoration: none;
  color: #3b3b3b;
}
.news-lh a:hover {
  color: #fff;
}

.news-date {
  background-color: #7bb3e3;
  color: #fff;
  min-height: 60px;
  text-align: center;
  padding-top:5px;
}

.event-date {
  color: #fff;
  min-height: 60px;
  text-align: center;
  padding-top:5px;
}

.pagination {
  margin: 10px 0;
}
.pagination-item {
  margin-bottom: 10px;
  display: inline-block !important;
}

.groups-table {font-size:15px}
.groups-table tr {margin-bottom:20px}
.groups-table img {padding:10px;}
.groups-table a {float:right; color:#7d3666;text-decoration: underline}

 .home-box { padding:10px 15px 15px 15px; margin-bottom:20px; }
 .home-box.type1 { background-color:#83aedc; color:#fff; min-height:166px; }
 .home-box.type1 h2 { color:#fff; }
 .home-box.type1 a { color:#fff; text-decoration:underline; }
 .home-box.type2 { background-color:#edeae8; min-height:323px; }
 .home-box.type3 { background-color:#fb9104; color:#fff; min-height:323px; }
 .home-box.type3 h2 { color:#fff; }
 .home-box.type4 { background-color:#0b3a5d; color:#fff; text-align:center; margin-top:10px; min-height:279px; }
 .home-box.type4 h2 { color:#fff; margin:15px 0 15px 0; }
 .home-box.type4 p { line-height:14px; }
 
 .homepageGallery {background-color: #fff;height:100%;margin-right:0px;margin-left:0px;}

 .leftGalleryText {
  background-color: #3f3472;
  color: #fff;
  font-size: 16px;
  padding-top: 40px;
  padding-bottom: 20px;
  height: 480px;
  line-height: 30px;
 }
 .rightGalleryMenu {
  font-size: 16px;
  color: #fff;
 }
 .rightGalleryMenu .row {
  background-color: #3f3472;
  margin-bottom: 5px;
  padding: 27px;
 }


 
 
 .home-main hr { width:300px; height:5px; border-top:2px #edeae8 solid; }
 .home-image hr.thin { margin-top:25px; }
 .home-image hr.thick { margin-bottom:15px; }
 .home-box table { margin-top:20px; }
 .home-box p a { color:#0b3a5d; }
 .home-box p a:hover { text-decoration:underline; }
 .home-box img {margin-bottom:10px; }
 .home-box .newsItemArea {padding: 10px;border-bottom: none}
 
 .timeline {background-color:#e7eefa;}
 
 hr.thin { border-top:2px #edeae8 solid; }
 hr.thick { border-top:5px #edeae8 solid; }
 
 #footer { font-size:14px; padding-top:30px; min-height: 400px; color: #fff; background: url(/img/bgs/large-b.png) bottom right no-repeat #043b5d;}
 #footer h2 {color:#fff}

 .about-footer h2 {border-left: 2px solid #18b594; padding-left:10px;width:50px;line-height: 25px; font-family: 'Montserrat', sans-serif;margin-bottom: 20px}
 .intouch-footer h2 {border-right: 2px solid #18b594;width:100px; padding-right:10px;display:inline-block;margin-bottom: 20px;line-height: 25px;font-family: 'Montserrat', sans-serif;}
 
 .footer-webdev { position:relative; padding:0 93px 0 0; }
 .footer-webdev img { position:absolute; right:0; bottom:3px; }
 
 ul#search-results { padding-top:5px; margin:0; padding:0 0 0 15px; }
 ul#search-results li { padding:5px 0 0 0;  list-style:none; }
 ul#search-results li .fa { font-size:12px; }
 
 .navbar-collapse {
  padding-right: 0px;
  padding-left: 0px;
 }

 /* Bootstrap overrides */
 .navbar { background-color:#033a5c; border-radius:0;margin-bottom: 0px;border: 0 solid transparent;font-family: 'Montserrat', sans-serif; }
 .navbar-default .navbar-nav li a { color:#fff; font-size:12px; text-transform: uppercase }
 .navbar-default .navbar-nav li a:hover,.navbar-default .navbar-nav a:focus, .navbar-default .navbar-nav li a.active, .navbar-nav li.open a.dropdown-toggle { background-color:#8f4d7a !important; color:#fff !important; }
  
 /* Set height of navbar */
 .navbar-inner { min-height: 0px; }
 .navbar-brand,
 .navbar-nav li a { line-height: 45px; height: 45px; padding-top: 0; padding-left: 7px; padding-right:7px; }
 
 .navbar-nav a.home { font-size:18px !important; }
 
.dropdown>.open .dropdown-menu {
  display: block;
}

.dropdown-menu {
  background-color: #8f4d7a;
}


 .nav-and-image-container {background-color: #124968;margin:0;padding:0;margin-bottom:20px;}
 .side-nav-container {background-color: #124968;color:#fff;height:100%;}
 .sidebar {border:0 !important;}
 /* make sidebar nav vertical */
 @media (min-width: 768px) {
   .sidebar-nav .navbar .navbar-collapse {
     padding: 0;
     max-height: none;
     background-color: #124968;
     color:#fff;
   }
   .sidebar-nav .navbar ul {
     float: none;
     color:#fff;
   }
   .sidebar-nav .navbar ul:not {
     display: block;
   }
   .sidebar-nav .navbar li {
     float: none;
     display: block;
     color:#fff;
   }
   .sidebar-nav .navbar li a {
     padding-top: 0px;
     padding-bottom: 12px;
     color:#fff;
   }
   .sidebar-nav .navbar li .active {
     background-color: #a22b17;
     color:#fff;
   }
 }
 .sidebar-nav .navbar li .active {
   background-color: #a22b17;
   color:#fff;
 }

 .annualConference {
   color: #fff;
 }
.annualConference img {
  margin-top: 20px;
}


 .contentBlock {
   padding: 15px;
   margin-right: 23px;
   text-align: center;
 }
 
 /* news styles */
 
 .newsItem {
   margin-bottom: 20px;
   border-bottom: #a3c0e0 3px solid;
 }

 .newsItemHeader h3 { color:#3b3b3b; line-height: 20px;}
 .newsItemArea {padding: 10px;margin-bottom:5px;}
 .newsItemArea a {color:#952e63;text-decoration: underline}

 .eventItemHeader h3 { color:#3b3b3b; line-height: 20px; float:pull-right}
 .eventArea h2 {color:#952e63;margin-top: 20px; margin-bottom:10px;}
 .eventItemArea {padding: 10px;margin-bottom: 10px;}

.event-cats a {text-decoration: none;}

 .quickLink { margin-bottom: 20px;text-align: center}
 .quickLink h3 { color:#3b3b3b; line-height: 20px;}
 
 /*.navbar-collapse { padding-left:32px; }*/
 .sub-nav a {font-size: 12px !important;}
 .main-container { margin-left: 0px; }
 
 .label {
     display: inline;
     padding: .3em .8em .4em;
     font-size: 100%;
     font-weight: 700;
     line-height: 1;
     color: #fff;
     text-align: center;
     white-space: nowrap;
     vertical-align: baseline;
     border-radius: .25em;
 }
 
 .gallery-thumbnail {height:100px;margin-bottom:5px;}
 #links {text-align:center !important}
 
 input.error {border: 1px solid red;}
 
.rightGalleryMenu a {
  color: #fff;
  text-decoration: none;
}
.galleryLink:hover {
  background-color: #922664;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.galleryLink:active {
  background-color: #922664;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.activeGalleryLink {
  background-color: #922664 !important;
  color: #fff !important;
  text-decoration: none;
  cursor: pointer;
}

.fold-header {
  background-color: #ccc !important;
  border: 1px solid #000;
  color: #000 !important;
  cursor: pointer;
}

.fold {
  cursor: pointer;
}

 @media (max-width: 768px) {
   
 
 }
 
 /* Large Devices, Wide Screens */
 @media only screen and (max-width : 1200px) {
 
 }
 
 /* Medium Devices, Desktops */
 @media only screen and (min-width : 992px) and (max-width : 1200px) {
  .contentBlock {
    padding: 15px;
    margin-right: 19px;
    text-align: center;
  }
  #footer {
    min-height: 420px;
  }
  .navbar {
    position: relative;
    min-height: 35px;
    margin-bottom: 20px;
  }
  .navbar-default .navbar-nav li a {
    font-size: 11px;
  }
  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .navbar-brand, .navbar-nav li a {
    line-height: 37px;
    height: 37px;
    padding-top: 0;
    padding-left: 5px;
    padding-right: 5px;
  }
  .leftGalleryText {
    background-color: #3f3472;
    color: #fff;
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 390px;
    line-height: 29px;
  }
  .rightGalleryMenu {
    font-size: 14px;
    color: #fff;
  }
  .rightGalleryMenu .row {
    background-color: #3f3472;
    margin-bottom: 6px;
    padding: 20px;
  }
 }
 
 /* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  .leftGalleryText {
    height: auto;
  }
  #homepage-gallery-image {padding:0px}
  .page-header {
    padding-bottom: 0px;
    margin: 10px 0 0px;
    border-bottom: none;
  }
  .sub-header-left {border-left: none; padding-left:10px;line-height: 25px; margin-bottom: 20px; font-weight: bold}
  .sub-header-right {border-right: none; padding-right:10px;display:inline-block;margin-bottom: 20px;line-height: 25px;font-weight: bold;}
  .page-header h1 {
    font-size: 20px;
    line-height: 25px;
  }
  .contentBlock {
    margin-right: 0px !important;
  }
  h3 {
    line-height: 20px;
  }
  .footer-contacts li {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 12px;
  }
  .intouch-footer h2 {
    padding-right: 10px !important;
    margin-bottom: 10px !important;
    width: auto !important;
  }
  .intouch-footer {
    font-size: 12px;
  }
  .intouch-footer .row {
    margin-bottom:5px;
    text-align: center;
  }
  .bottomFooter {
    font-size:12px;
  }
  .hh-logo {
    text-align: right;
    margin-bottom: 20px;
  }
  .bottomNav li {
    font-size: 12px;
  }
  .bottomNav {
    margin-top: 20px;
  }
  .col-header-contacts {
    margin-top: 20px;
    text-align: center;
  }
  .navbar-default .navbar-nav li a {
    color: #fff;
    font-size: 11px !important;
    text-transform: uppercase;
    overflow-wrap: break-word;
    white-space: normal;
    word-break: break-all;
  }
  .navbar-brand, .navbar-nav li a {
    line-height: 30px;
    height: 30px;
    padding-top: 0;
    padding-left: 4px;
    padding-right: 4px;
    white-space: normal;
  }
  .nav {
    white-space: normal;
  }
  .navbar-nav .open .dropdown-menu {
    background-color: #8f4d7a;
    border: solid 1px #fff;
    text-align: left;
    white-space: normal;
    min-width: 260px;
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
  }
  .btn-purple {
    height:35px;
    padding-left:10px;
    padding-right:10px;
    font-size:13px;
  }
  .btn-blue {
    height:35px;
    padding-left:10px;
    padding-right:10px;
    font-size:13px;
  }
  #footer {padding-top:10px;min-height:490px;}
  .contentBlock {
    padding: 15px;
    margin-right: 0px;
    text-align: center;
  }
  .intouch-footer .row {
    text-align: left;
  }
  .navbar-header {
    float: none;
}
}

 
 /* Extra Small Devices, Phones */
 @media only screen and (max-width : 480px) {
 
 }
 
 /* Custom, iPhone Retina */
 @media only screen and (max-width : 320px) {
   .inp-search { border:5px black solid; }
 }


  /* RTE styles */
 .mce-content-body h4 {
  background-color: #7d3666;
  color: #fff;
  padding: 15px;
}
 
.mce-content-body .fold {
  background-color: #ccc !important;
  border: 1px solid #000;
  color: #000 !important;
  cursor: pointer;
}

/* cookie acceptance widget styles */

#ccc {
  font-family: 'Roboto', sans-serif !important;
}
#ccc h2, #ccc h3 {
  color: #fff !important;
}
#ccc[light] #ccc-icon {
  fill: #7d3666 !important;
}

.help-block {
  font-size: 12px;
}

.required {
  color: red;
}
.required::after {
  content: " *";
}