/* Sample ology project SCSS
 * Author:  Paul Felton <paul.felton@bt.com>
 *          Syed Latif <syed.latif@bt.com>
 */
/* BT Base and Foundation Mixins
 * --------------------------- */
@font-face {
  font-family: 'new-bt-icons';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/new-bt-icons.woff") format("woff"), url("../fonts/new-bt-icons.ttf") format("truetype"); }

@font-face {
  font-family: 'bt_font';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/BTFont-Regular.woff") format("woff"), url("../fonts/BTFont-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'bt_font_bd';
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/BTFont-Bold.woff") format("woff"), url("../fonts/BTFont-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'bt_font_lt';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/BTFont-Light.woff") format("woff"), url("../fonts/BTFont-Light.ttf") format("truetype"); }

h4, h5, h6 {
  font-family: "bt_font", Calibri, Arial, sans-serif !important; }

h1,
.s1 {
  font-size: 32px;
  line-height: 36px; }

h2,
.s2 {
  font-size: 26px;
  line-height: 30px; }

h3,
.s3 {
  font-size: 22px;
  line-height: 26px; }

h4,
.s4 {
  font-size: 18px;
  line-height: 23px; }

.notes {
  font-size: 14px;
  line-height: 19px; }

.bold {
  font-family: "bt_font_bd", Calibri, Arial, sans-serif, "Calibri", "Arial", sans-serif; }

.regular {
  font-family: "bt_font", Calibri, Arial, sans-serif, "Calibri", "Arial", sans-serif; }

.regular-size {
  font-size: 16px; }

nav .is-drilldown {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0px 6px 20px 0px rgba(0, 0, 0, 0.19); }

@media print, screen and (min-width: 37.5em) {
  .vertical.menu.submenu.is-dropdown-submenu {
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0px 6px 20px 0px rgba(0, 0, 0, 0.19); } }

@media (min-width: 768px) {
  h1,
  .s1 {
    font-size: 40px;
    line-height: 44px; }
  h2,
  .s2 {
    font-size: 32px;
    line-height: 36px; }
  h3,
  .s3 {
    font-size: 24px;
    line-height: 28px; }
  h4,
  .s4 {
    font-size: 20px;
    line-height: 25px; } }

@media (min-width: 1200px) {
  h1,
  .s1 {
    font-size: 48px;
    line-height: 51px; }
  h2,
  .s2 {
    font-size: 36px;
    line-height: 40px; }
  h3,
  .s3 {
    font-size: 28px;
    line-height: 32px; }
  .margin0 {
    margin: 0; }
  .margin-top0 {
    margin-top: 0; }
  .margin-bottom0 {
    margin-bottom: 0; } }

h1,
h2,
h3,
h4,
.s1,
.s2,
.s3,
.s4,
p {
  margin-bottom: 10px; }

h1, .s2, h2, .s2, h3, .s3, li span.s3 {
  color: #5514B4; }

.text-black {
  color: #333333; }

li span.s3 {
  padding-right: 0.5em; }

body {
  background-color: white; }

.bt-logo {
  min-width: 75px;
  content: initial; }

/* Layouts
 * --------------------------- */
/* Components
 * --------------------------- */
.header-masthead a:link, .header-masthead a:visited, .header-masthead a:focus, .header-masthead a:hover, .header-masthead a:active, #header-masthead a:link, #header-masthead a:visited, #header-masthead a:focus, #header-masthead a:hover, #header-masthead a:active {
  color: #262626;
  text-decoration: none; }

@media print, screen and (max-width: 37.5em) {
  .header-masthead .site-title, #header-masthead .site-title {
    margin-top: 0px;
    font-size: 1rem; } }

#my-site-navigation.top-bar nav li > a:focus, #my-site-navigation.top-bar nav li > a:hover, #my-site-navigation.top-bar nav li > a.is-active, .my-site-navigation.top-bar nav li > a:focus, .my-site-navigation.top-bar nav li > a:hover, .my-site-navigation.top-bar nav li > a.is-active {
  color: white;
  border-bottom: 2px solid white;
  font-family: bt_font,Calibri,Arial,sans-serif; }

#my-site-navigation.top-bar nav li > a, .my-site-navigation.top-bar nav li > a {
  color: white; }

#my-site-navigation.top-bar nav .is-drilldown li > a:focus, #my-site-navigation.top-bar nav .is-drilldown li > a:hover, #my-site-navigation.top-bar nav .is-drilldown li > a.is-active, #my-site-navigation.top-bar #overflow li > a:focus, #my-site-navigation.top-bar #overflow li > a:hover, #my-site-navigation.top-bar #overflow li > a.is-active, #my-site-navigation.top-bar .is-dropdown-submenu li > a:focus, #my-site-navigation.top-bar .is-dropdown-submenu li > a:hover, #my-site-navigation.top-bar .is-dropdown-submenu li > a.is-active, .my-site-navigation.top-bar nav .is-drilldown li > a:focus, .my-site-navigation.top-bar nav .is-drilldown li > a:hover, .my-site-navigation.top-bar nav .is-drilldown li > a.is-active, .my-site-navigation.top-bar #overflow li > a:focus, .my-site-navigation.top-bar #overflow li > a:hover, .my-site-navigation.top-bar #overflow li > a.is-active, .my-site-navigation.top-bar .is-dropdown-submenu li > a:focus, .my-site-navigation.top-bar .is-dropdown-submenu li > a:hover, .my-site-navigation.top-bar .is-dropdown-submenu li > a.is-active {
  color: white;
  border-bottom: 0px;
  font-family: bt_font,Calibri,Arial,sans-serif;
  background-color: #00a0d6; }

@media (max-width: 599px) {
  #my-site-navigation.top-bar, .my-site-navigation.top-bar {
    background-color: white;
    height: 0px; } }

.title-bar {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center; }
  .title-bar .bt-logo {
    height: 30px; }

.sticky, .sticky.is-stuck {
  z-index: 15; }

.hero-section {
  background-color: #333333;
  background: url(../images/welcome_hero.jpg) 40% no-repeat;
  background-size: cover; 

}
  .hero-section .hero-section-text {
    text-align: left;
    padding-top: 60px; }
    .hero-section .hero-section-text h1, .hero-section .hero-section-text .s4 {
      color: white; }
  @media print, screen and (max-width: 37.5em) {
    .hero-section {
      height: 9em; }
      .hero-section .hero-section-text {
        padding-top: 0px; } }

.hero-section.what-we-buy {
  background: url(../images/what_we_buy_hero.jpg) 40% no-repeat;
  background-size: cover; }

.hero-section.our-expectations {
    background: url(../images/Banners/Procurement_Act.png) 40% no-repeat;
    background-size: cover;
}
.hero-section.early_payment_overview {
    background: url(../images/Banners/early_payment_overview.png) 40% no-repeat;
    background-size: cover;
}
.hero-section.early_payment_How_we_get_started {
    background: url(../images/Banners/early_payment_overview_how_we_get_sarted.png) 40% no-repeat;
    background-size: cover;
}
.hero-section.local_environment_action {
    background: url(../images/Banners/Local_environement_Action.png) 40% no-repeat;
    background-size: cover;
}

.hero-section.what-we-buy-networks {
    background: url(../images/Banners/what-we-buy-networks.png) 40% no-repeat;
    background-size: cover;
}
.hero-section.what-we-buy-IT {
    background: url(../images/Banners/what-we-buy-IT.png) 40% no-repeat;
    background-size: cover;
}
.hero-section.what-we-buy-Services {
    background: url(../images/Banners/what-we-buy-Services.png) 40% no-repeat;
    background-size: cover;
}
.hero-section.what-we-buy-Business {
    background: url(../images/Banners/what-we-buy-Business.png) 40% no-repeat;
    background-size: cover;
}
.hero-section.accounts-payable {
    background: url(../images/accounts_payable_hero.jpg) 40% no-repeat;
    background-size: cover;
}

.hero-section.health-safety {
  background: url(../images/health_safety_hero.jpg) 40% no-repeat;
  background-size: cover; }

.hero-section.contact-us {
  background: url(../images/contact_us_hero.jpg) 40% no-repeat;
  background-size: cover; }

.hero-section.faqs {
  background: url(../images/faqs_hero.jpg) 40% no-repeat;
  background-size: cover; }

.hero-section.shade-20:before {
  background-color: rgba(0, 0, 0, 0.3);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)); }

.hero-section.responsible_sourcing {
    background: url(../images/Banners/Responsible_Sourcing.png) 40% no-repeat;
    background-size: cover;
}

.hero-section.what-we-buy:before,
.hero-section.our-expectations:before,
.hero-section.faqs.shade-20:before,
.hero-section.contact-us.shade-20:before,
.hero-section.responsible_sourcing:before,
.hero-section.early_payment_overview:before,
.hero-section.early_payment_How_we_get_started:before,
.hero-section.local_environment_action:before,
.hero-section.what-we-buy-networks:before,
.hero-section.what-we-buy-IT:before,
.hero-section.what-we-buy-Business:before,
.hero-section.what-we-buy-Services:before{
        background-color: rgba(0, 0, 0, 0.2);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
    }

.hero-section.health-safety:before,
.hero-section.accounts-payable:before {
  background-color: rgba(0, 0, 0, 0.2);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); }

.article-heading {
  background-color: #666666;
  color: white;
  padding-top: 30px;
  padding-bottom: 30px; }
  .article-heading h1 {
    color: white; }

.process-menu p {
  /* This style is immediatly overriden.
           It is however required so that in I.E.
           The text decoration can be removed by the later style.
           If this was not set, the set decoration in I.E. will not be set
           to none by the latter css.
            */ }
  .process-menu p a:after {
    padding-left: 10px;
    content: '\E80F';
    font-family: new-bt-icons;
    font-style: normal;
    font-weight: normal;
    font-size: 18px; }
  .process-menu p a:hover:after, .process-menu p a:focus:after {
    text-decoration: underline; }
  .process-menu p a:hover:after, .process-menu p a:focus:after {
    text-decoration: none;
    display: inline-block; }

.process-menu img {
  padding: 10px; }

.markdown.responsive-table table th,
.markdown.responsive-table table td {
  text-align: left; }

@media screen and (max-width: 966px) {
  .markdown.responsive-table table thead {
    display: none; }
  .markdown.responsive-table table tr {
    display: block; }
  .markdown.responsive-table table td {
    display: block;
    border-bottom: 1px dotted #ccc;
    text-align: right; }
  .markdown.responsive-table table td:last-child {
    border-bottom: 0; }
  .markdown.responsive-table table td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold; } }

.what-do-we-buy .card {
  position: relative; }
  .what-do-we-buy .card button, .what-do-we-buy .card a {
    position: absolute;
    bottom: 20px; }

.what-do-we-buy .card-section {
  min-height: 12em;
  padding-top: 0; }

.who-we-are .callout {
  min-height: 6em; }

.faqs .accordion {
  /* This style is immediatly overriden.
           It is however required so that in I.E.
           The text decoration can be removed by the later style.
           If this was not set, the set decoration in I.E. will not be set
           to none by the latter css.
            */ }
  .faqs .accordion .accordion-title:before {
    top: inherit;
    font-size: 3em;
    content: '\EF04'; }
  .faqs .accordion .is-active > .accordion-title:before {
    content: '\EF05'; }
  .faqs .accordion .accordion-title:hover:before, .faqs .accordion .accordion-title:focus:before {
    text-decoration: underline; }
  .faqs .accordion .accordion-title:hover:before, .faqs .accordion .accordion-title:focus:before {
    text-decoration: none; }
  .faqs .accordion .accordion-item {
    border-bottom: 1px solid #dddddd;
    background-color: white; }
  .faqs .accordion .accordion-title {
    border: none;
    padding-left: 0;
    color: #5514B4;
    background-color: white; }
  .faqs .accordion .accordion-item :hover {
    background-color: white; }
  .faqs .accordion .accordion-content {
    border: none; }
  .faqs .accordion .accordion-title h4 {
    max-width: 90%; }

.faqs ul ul {
  margin-bottom: 10px; }

.faq-categories .card {
  position: relative; }
  .faq-categories .card button, .faq-categories .card a {
    position: absolute;
    bottom: 20px; }

.faq-categories .card-section {
  min-height: 10em;
  padding-top: 0; }

/* Modules
 * --------------------------- */
/* State
 * --------------------------- */
.no-padding-left {
  padding-left: 0; }

.no-padding-right {
  padding-right: 0; }

.no-padding {
  padding-right: 0;
  padding-left: 0; }

#mainContent, .mainContent {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 480px;
  min-height: 30rem; }

.page-section {
  padding-bottom: 30px; }

.padding-top20 {
  padding-top: 20px; }

.padding-top30 {
  padding-top: 30px; }

.padding-bottom30 {
  padding-bottom: 30px; }

.light-grey {
  background-color: #dddddd; }

ul.no-list-style, ol.no-list-style {
  list-style-type: none;
  margin-left: 0;
  padding: 0; }

ul.link-list li, ol.link-list li {
  /* This style is immediatly overriden.
           It is however required so that in I.E.
           The text decoration can be removed by the later style.
           If this was not set, the set decoration in I.E. will not be set
           to none by the latter css.
            */ }
  ul.link-list li a:after, ol.link-list li a:after {
    padding-left: 10px;
    content: '\E80F';
    font-family: new-bt-icons;
    font-style: normal;
    font-weight: normal;
    font-size: 18px; }
  ul.link-list li a:hover:after, ul.link-list li a:focus:after, ol.link-list li a:hover:after, ol.link-list li a:focus:after {
    text-decoration: underline; }
  ul.link-list li a:hover:after, ul.link-list li a:focus:after, ol.link-list li a:hover:after, ol.link-list li a:focus:after {
    text-decoration: none;
    display: inline-block; }

hr {
  border-bottom: 1px solid #dddddd; }

h3 {
  padding-top: 16px;
  padding-top: 1rem; }

/*Custom Video CSS*/
.player_canvas {
  width: 100%;
  height: 89%;
  position: relative; }

.canvas_full_width {
  width: 100%; }

.img_small {
  width: 50%;
  padding: 5px; }

.video_container {
  height: 360px;
  position: relative;
  width: 100%; }

.medium-2by5 {
  width: 25%; }

/*Override Joyride Default Style*/
joyride-tip-guide {
  left: 274.5px;
  top: -70.9px;
  display: block;
  visibility: visible;
  width: 640px !important;
  width: 40rem !important; }

joyride-hide-item {
  visibility: none; }
/*# sourceMappingURL=selling2bt.min.css.map */