@charset "UTF-8";

/*** Native Intruments Fonts ***/


@font-face {
    font-family: "Graphik";
    font-style: normal;
    font-weight: 400;
    src: local("Graphik"),
        url("https://storage.googleapis.com/ni-assets/assets/fonts/Graphik-Regular-Web.woff2")
            format("woff2"),
        url("https://storage.googleapis.com/ni-assets/assets/fonts/Graphik-Regular-Web.woff")
            format("woff");
}

@font-face {
    font-family: "Graphik";
    font-style: italic;
    font-weight: 400;
    src: local("Graphik"),
        url("https://storage.googleapis.com/ni-assets/assets/fonts/Graphik-RegularItalic-Web.woff2")
            format("woff2"),
        url("https://storage.googleapis.com/ni-assets/assets/fonts/Graphik-RegularItalic-Web.woff")
            format("woff");
}


@font-face {
    font-family: "Graphik";
    font-style: normal;
    font-weight: 500;
    src: local("Graphik"),
        url("https://storage.googleapis.com/ni-assets/assets/fonts/Graphik-Medium-Web.woff2")
            format("woff2"),
        url("https://storage.googleapis.com/ni-assets/assets/fonts/Graphik-Medium-Web.woff")
            format("woff");
}

@font-face {
    font-family: "Graphik";
    font-style: italic;
    font-weight: 500;
    src: local("Graphik"),
        url("https://storage.googleapis.com/ni-assets/assets/fonts/Graphik-MediumItalic-Web.woff2")
            format("woff2"),
        url("https://storage.googleapis.com/ni-assets/assets/fonts/Graphik-MediumItalic-Web.woff")
            format("woff");
}

@font-face {
    font-family: "Graphik";
    font-style: normal;
    font-weight: 600;
    src: local("Graphik"),
        url("https://storage.googleapis.com/ni-assets/assets/fonts/Graphik-Semibold-Web.woff2")
            format("woff2"),
        url("https://storage.googleapis.com/ni-assets/assets/fonts/Graphik-Semibold-Web.woff")
            format("woff");
}

@font-face {
    font-family: "Graphik";
    font-style: italic;
    font-weight: 600;
    src: local("Graphik"),
        url("https://storage.googleapis.com/ni-assets/assets/fonts/Graphik-SemiboldItalic-Web.woff2")
            format("woff2"),
        url("https://storage.googleapis.com/ni-assets/assets/fonts/Graphik-SemiboldItalic-Web.woff")
            format("woff");
}

.invisible{
  opacity:0;
}

p.note {
    font-style: italic;
    background-color: #e7f3fe;
}

p.hidden {
    display:none;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #eee;
}

/* BRAZE BANNER*/

  /*Override Braze content card stylesheet props*/
  body .ab-feed {
   width:100%;
   padding: 0 !important;
 
}
  
  body .ab-feed-body {
    padding:0px !important;
  }
  
  
body .ab-feed .ab-card {
     margin-bottom: 0 !important; 
     border: 0 !important;
  }
  

  body .ab-effect-slide{
     transform: unset !important;
     transition: unset !important;
  }
  
  
  body .ab-image-area{
     z-index: 1;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    height: 60px !important;
    position: absolute !important;
    left: 5px !important;
    top: -10px !important;
    } 
  

   .ab-card-body {
   background-color:#E7F2F9; 
   display:flex !important;  
  } 


.ab-feed-body div:nth-child(even) {
  margin-top:5px;
}

/*non-mobile layout rules*/
@media (min-width: 768px) {
  body .ab-feed .ab-card .ab-description  {
   font-size: 1.3em !important;
   line-height: 1.4 !important;
   padding: 25px 50px !important;
   display:flex !important;  
   justify-content: space-between !important;  
   flex-grow: 1 !important; 
  }
  
  body .ab-url-area {
  padding: 5px !important;
  flex-shrink: 0 !important;
  margin: 10px 12px !important;
  border: 1px solid !important; 
  background-color: #222;
  border-color: #222;
  color: #f5f5f5 !important;  
  }
  
  .ab-url-area:hover{
  background-color: #3c3c3c;
  border-color: #3c3c3c;
}

}


  body .ab-feed .ab-card .ab-description  {
   font-family: Graphik, Helvetica, Arial, sans-serif !important;
   color: rgb(34, 34, 34) !important; 
  }


     
  body .ab-feed-buttons-wrapper {
  display:none;
}

body .ab-unread-indicator {
  background-color: unset !important;
}

.ab-url-area a:hover{
   text-decoration: none !important; /* Ensures no underline appears on hover */
}


/* BRAZE BANNER */

html, body { max-width: 100% !important; overflow-x: hidden !important; }



/*fixes endless lines when user uses "Code" style in WYSIWIG editor*. !important overrides styles to match accordion article headline*/
pre {
	white-space: normal;
  background-color: #e7f3fe !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  font-family: TradeGothicLTCom-BdCn20, Helvetica, Arial, sans-serif !important;
  margin:10px;
  cursor: pointer;
}

pre:hover {
  background-color: #cee0f0 !important;
}

pre:hover .language-auto {
  background-color: #cee0f0 !important;
}
pre:after {
     content: '\002B';  /*Unicode character for "plus" sign (+)*/
    font-size: 17px;
    float: right;
    line-height:20px;
}

pre code {
	white-space: normal;
  background-color: #e7f3fe !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  font-family: TradeGothicLTCom-BdCn20, Helvetica, Arial, sans-serif !important;
  margin:10px;
  cursor: pointer;
}

/*Accordion article*/

.accordion {
  padding-top: 0;
  margin-bottom: calc(16px * 1.5);
  border: 1px solid #ddd;
  border-radius: 6px;
  font-family: Roboto,Helvetica,Arial,sans-serif;
  font-weight: 300;
  font-size: 16px;
}

.accordion__item-title {
  position: relative;
  padding: 15px 20px 15px 52px;
  font-size: calc(16px * 1.25);
  cursor: pointer;
}
.accordion__item-title:not(.accordion__item-title--active) {
    border-bottom: 1px solid #ddd;
  }
.accordion__item-title:before {
    position: absolute;
    content: "";
  }
.accordion__item-content {
  display: none;
  padding: 20px;
  border-bottom: 1px solid #ddd;
}
.accordion__item-content p:last-child {
    margin-bottom: 0;
  }
.accordion__item:last-child .accordion__item-title {
  border-bottom: none;
}
.accordion--default .accordion__item-title:before {
    top: 50%;
    left: 22px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-bottom: 2px solid rgba(9, 178, 222, 1);
    border-left: 2px solid rgba(9, 178, 222, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
.accordion--default .accordion__item-title--active {
    background-color: #f0f0f0;
  }
.accordion--default .accordion__item-title--active:before {
      -webkit-transition: -webkit-transform 0.3s;
      transition: -webkit-transform 0.3s;
      transition: transform 0.3s;
      transition: transform 0.3s, -webkit-transform 0.3s;
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg);
    }
.accordion--colored .accordion__item-title {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
.accordion--colored .accordion__item-title:before,
    .accordion--colored .accordion__item-title:after {
      top: 50%;
    }
.accordion--colored .accordion__item-title:before {
      left: 20px;
      width: 10px;
      height: 2px;
      margin-top: -1px;
      background-color: #818a91;
    }
.accordion--colored .accordion__item-title:after {
      position: absolute;
      left: 24px;
      width: 2px;
      height: 10px;
      margin-top: -5px;
      content: "";
      background-color: #818a91;
    }
.accordion--colored .accordion__item-title--active {
      color: #fff;
      background-color: rgba(9, 178, 222, 1);
      -webkit-transition: background-color 0.3s;
      transition: background-color 0.3s;
    }
.accordion--colored .accordion__item-title--active:before {
        background-color: #fff;
      }
.accordion--colored .accordion__item-title--active:after {
        display: none;
}



/* Style the buttons that are used to open the tab content */
.tablink{
    padding: 8px 30px;
    margin: 0;
    font-weight: 600;
    background-color: #fff !important;
    cursor: pointer;
    border: 1px solid #ccc;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-width: 0;
}



/* Create an active/current tablink class */

.tablink.active {
  color: #3e8cbb;
  cursor: pointer;
  border-color: #ddd;
} 

.tablink.active:hover {
    color: #3e8cbb;
    cursor: default;
  }
@media (min-width: 768px) {
.tablink.active {
    border-bottom: 1px solid #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}
  }

/* Style the tab content */
.tabcontents {
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.tabcontents {
  display: block;
  padding: 30px;
  margin-top: -1px;
  border: 1px solid #ddd;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.tabcontents p:last-child {
    margin-bottom: 0;
  }
@media (min-width: 768px) {
.tabcontents {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}
  }
.tabcontents:nth-child(2) {
  border-top-left-radius: 0;
}



/*Utility class for css switch*/

.hidden {
  display:none;
}



/*Hidden for screenreaders only*/
.sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap; /* added line */
      border: 0;
}



/***** Freeshipping Labels removed from NI-Styles.css due to compatibility issues with Asset placeholders *****/
.footer-primary .column1 .freeshipping:before {
	background: url("$assets-main_sprites-png") -302px -50px no-repeat
}

.footer-primary .column1 .freeshipping .freeshipping__logos {
  background: url("$assets-main_sprites-png") -211px -100px no-repeat
}

.footer-primary .column2 .connect-facebook {
    background: url("$assets-main_sprites-png") -340px -48px no-repeat
}

.footer-primary .column2 .connect-twitter {
    background: url("$assets-main_sprites-pngs") -376px -48px no-repeat
}

.footer-primary .column2 .connect-youtube {
    background: url("$assets-main_sprites-png") -416px -48px no-repeat
}

.footer-primary .column2 .connect-instagram {
    background: url("$assets-main_sprites-png") -454px -48px no-repeat
}

.footer-primary .column2 .connect-soundcloud {
    background: url("$assets-main_sprites-png") -494px -48px no-repeat
}

@media (min-width: 768px) and (max-width: 992px) {
    .footer-primary .column1 .freeshipping .freeshipping__logos {
        background: url("$assets-main_sprites-png") -211px -170px no-repeat
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .footer-primary .column1 .freeshipping .freeshipping__logos {
        background: url("$assets-main_sprites_2x-png") -211px -100px no-repeat;
    }

    .footer-primary .column2 .connect-facebook {
        background: url("$assets-main_sprites_2x-png") -340px -48px no-repeat;
    }

    .footer-primary .column2 .connect-twitter {
        background: url("$assets-main_sprites_2x-png") -376px -48px no-repeat;
    }

    .footer-primary .column2 .connect-youtube {
        background: url("$assets-main_sprites_2x-png") -416px -48px no-repeat;
    }

    .footer-primary .column2 .connect-instagram {
        background: url("$assets-main_sprites_2x-png") -454px -48px no-repeat;
    }

    .footer-primary .column2 .connect-soundcloud {
        background: url("$assets-main_sprites_2x-png") -494px -48px no-repeat;
    }

    .footer-brand {
        background: url("$assets-main_sprites_2x-png") -4px -86px no-repeat #2a2c2e;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (max-width: 992px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (max-width: 992px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (max-width: 992px) and (min-device-pixel-ratio: 1.5) {
    .footer-primary .column1 .freeshipping .freeshipping__logos {
        background: url("$assets-main_sprites_2x-png") -211px -170px no-repeat;
    }
}

/***** Buttons *****/
.button, [role=button] {
  border: 1px solid $color_1;
  color: $color_1;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  padding: 5px 15px;
  text-align: center;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, color .15s ease-in-out;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
  -webkit-touch-callout: none;
}

@media (min-width: 768px) {
  .button, [role=button] {
    width: auto;
  }
}

.button:after, [role=button]:after {
  color: $color_1;
}

.button:hover, .button:active, .button:focus, .button[aria-selected=true], [role=button]:hover, [role=button]:active, [role=button]:focus, [role=button][aria-selected=true] {
  background-color: $color_1;
  color: $color_2;
  text-decoration: none;
}

.button[aria-selected=true]:hover, .button[aria-selected=true]:focus, .button[aria-selected=true]:active, [role=button][aria-selected=true]:hover, [role=button][aria-selected=true]:focus, [role=button][aria-selected=true]:active {
  background-color: $color_4;
  border-color: $color_4;
}

.button-large, input[type=submit] {
    margin: 5px 0;
    padding: 7px 13px;
    background-color: #000 !important;
    border-color: #000 !important;
    color: #f5f5f5;
    font-family: TradeGothicLTCom-Cn18, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3;
    white-space: nowrap;
    border-radius: 0;
    width: auto;
    text-transform: uppercase;
}

@media (min-width: 768px) {
  .button-large, input[type=submit] {
    width: auto;
  }
}

.button-large:hover, .button-large:active, .button-large:focus, input[type=submit]:hover, input[type=submit]:active, input[type=submit]:focus {
  background-color: $color_4;
}


/***** Tables *****/

/*width fix for table kb editor*/
.wysiwyg-table {
  width: auto !important;
}


.hscroll{
overflow-x: auto; /* Horizontal */
}

table {
    max-width: 100%
}


th {
    text-align: left
}

.hc-table {
    width: 100%;
    margin-bottom: 20px;
    border:0;
}

.hc-table > tbody > tr > td, .hc-table > tbody > tr > th, .hc-table > tfoot > tr > td, .hc-table > tfoot > tr > th, .hc-table > thead > tr > td, .hc-table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857;
    border-top: 1px solid #ddd
}

.hc-table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.hc-table > caption + thead > tr:first-child > td, .hc-table > caption + thead > tr:first-child > th, .hc-table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .hc-table > thead:first-child > tr:first-child > td, .hc-table > thead:first-child > tr:first-child > th {
    border-top: 0
}

.hc-table > tbody + tbody {
    border-top: 2px solid #ddd
}

.hc-table .hc-table {
    background-color: #fff
}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px
}

.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd
}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-bottom-width: 2px
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-], table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover {
    background-color: #e8e8e8
}

.hc-table > tbody > tr.success > td, .hc-table > tbody > tr.success > th, .hc-table > tbody > tr > td.success, .hc-table > tbody > tr > th.success, .hc-table > tfoot > tr.success > td, .hc-table > tfoot > tr.success > th, .hc-table > tfoot > tr > td.success, .hc-table > tfoot > tr > th.success, .hc-table > thead > tr.success > td, .hc-table > thead > tr.success > th, .hc-table > thead > tr > td.success, .hc-table > thead > tr > th.success {
    background-color: #dff0d8
}

.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover {
    background-color: #d0e9c6
}

.hc-table > tbody > tr.info > td, .hc-table > tbody > tr.info > th, .hc-table > tbody > tr > td.info, .hc-table > tbody > tr > th.info, .hc-table > tfoot > tr.info > td, .hc-table > tfoot > tr.info > th, .hc-table > tfoot > tr > td.info, .hc-table > tfoot > tr > th.info, .hc-table > thead > tr.info > td, .hc-table > thead > tr.info > th, .hc-table > thead > tr > td.info, .hc-table > thead > tr > th.info {
    background-color: #d9edf7
}

.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover {
    background-color: #c4e3f3
}

.hc-table > tbody > tr.warning > td, .hc-table > tbody > tr.warning > th, .hc-table > tbody > tr > td.warning, .hc-table > tbody > tr > th.warning, .hc-table > tfoot > tr.warning > td, .hc-table > tfoot > tr.warning > th, .hc-table > tfoot > tr > td.warning, .hc-table > tfoot > tr > th.warning, .hc-table > thead > tr.warning > td, .hc-table > thead > tr.warning > th, .hc-table > thead > tr > td.warning, .hc-table > thead > tr > th.warning {
    background-color: #fcf8e3
}

.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover {
    background-color: #faf2cc
}

.hc-table > tbody > tr.danger > td, .hc-table > tbody > tr.danger > th, .hc-table > tbody > tr > td.danger, .hc-table > tbody > tr > th.danger, .hc-table > tfoot > tr.danger > td, .hc-table > tfoot > tr.danger > th, .hc-table > tfoot > tr > td.danger, .hc-table > tfoot > tr > th.danger, .hc-table > thead > tr.danger > td, .hc-table > thead > tr.danger > th, .hc-table > thead > tr > td.danger, .hc-table > thead > tr > th.danger {
    background-color: #fff
}

.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover {
    background-color: #f2f2f2
}

.mh-tr {
  display: table-row;
  border-bottom: 1px solid #ddd;
}

.mh-tr:nth-child(odd) > td {
  background-color: #f9f9f9;
}


/*original live theme*/
.table {
  width: 100%;
  table-layout: fixed;
   overflow: auto;

}

  @media (min-width: 768px) {
  .table {
    table-layout: auto;
  }
}

.table th,
.table th a {
  color: lighten($color_3, 20%);
  font-size: 13px;
  font-weight: 300;
  text-align: left;
}

[dir=rtl] .table th, [dir=rtl]
.table th a {
  text-align: right;
}

.table tr {
  border-bottom: 1px solid #ddd;
  display: block;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .table tr {
    display: table-row;
  }
}


.first {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

@media (min-width: 768px) {
  .first {
    display: table-row;
  }
}


.table td {
  display: block;
}

@media (min-width: 768px) {
  .table td {
    display: table-cell;
  }
}

@media (min-width: 1024px) {
  .table td, .table th {
    padding: 20px 30px;
  }
}

@media (min-width: 768px) {
  .table td, .table th {
    padding: 10px 20px;
    height: 60px;
  }
}

/*KB table*/
.table-striped thead th {
  font-size:15px;
  font-weight: bolder;
}

.user-nav {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .user-nav {
    position: relative;
  }
}

.user-nav[aria-expanded=true] {
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ddd;
  right: 0;
  left: 0;
  top: 71px;
  z-index: 1;
}

.user-nav[aria-expanded=true] > a {
  display: block;
  margin: 20px;
}

.nav-wrapper a {
  border: 0;
  color: $color_4;
  display: none;
  font-size: 14px;
  padding: 0 20px 0 0;
  width: auto;
}

@media (min-width: 768px) {
  .nav-wrapper a {
    display: inline-block;
  }
}

[dir=rtl] .nav-wrapper a {
  padding: 0 0 0 20px;
}

.nav-wrapper a:hover, .nav-wrapper a:focus, .nav-wrapper a:active {
  background-color: transparent;
  color: $color_4;
  text-decoration: underline;
}

.nav-wrapper a.login {
  display: inline-block;
}

.nav-wrapper .icon-menu {
  display: inline-block;
  margin-right: 10px;
  color: $color_4;
}

@media (min-width: 768px) {
  .nav-wrapper .icon-menu {
    display: none;
  }
}

[dir=rtl] .nav-wrapper .icon-menu {
  margin-left: 10px;
  margin-right: 0;
}



/***** User info in header *****/
.user-info {
  display: inline-block;
}

.user-info .dropdown-toggle:after {
  display: none;
}

@media (min-width: 768px) {
  .user-info .dropdown-toggle:after {
    display: inline-block;
  }
}

.user-info > [role="button"] {
  border: 0;
  color: $color_4;
  min-width: 0;
  padding: 0;
  white-space: nowrap;
}

.user-info > [role="button"]:hover {
  color: $color_4;
  background-color: transparent;
}

.user-info > [role="button"]:after {
  color: $color_4;
  padding-right: 15px;
}

[dir=rtl] .user-info > [role="button"]:after {
  padding-left: 15px;
  padding-right: 0;
}


#user #user-name {
  display: none;
  font-size: 14px;
}

@media (min-width: 768px) {
  #user #user-name {
    display: inline-block;
  }
}

#user #user-name:hover {
  text-decoration: underline;
}

.sign-in {
  font-size:12px;
}

/* account icons in top navbar */
  .dropdown-toggle {      background:url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%3E%3Cpath%20d%3D%22M11.3%209.75c-1.87-.41-3.58-.81-2.77-2.36C11.05%202.6%209.18%200%206.5%200S2%202.68%204.47%207.39c.9%201.61-.89%202-2.76%202.36S.12%2011%200%2013h13c-.14-2%20.17-2.76-1.7-3.25z%22%20fill%3D%22%233e8cbb%22%2F%3E%3C%2Fsvg%3E');  
} 

.sign-in { background:url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2013%22%3E%3Ctitle%3Ezendesk_account%3C%2Ftitle%3E%3Cpath%20class%3D%22a%22%20d%3D%22M11.3%209.75c-1.87-.41-3.58-.81-2.77-2.36C11.05%202.6%209.18%200%206.5%200S2%202.68%204.47%207.39c.9%201.61-.89%202-2.76%202.36S.12%2011%200%2013h13c-.14-2%20.17-2.76-1.7-3.25z%22%2F%3E%3C%2Fsvg%3E'); 
}

.sign-in, .dropdown-toggle {
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0;
  margin: 0;
  border: none;
  font-size: 0;
}


.user-info .user-avatar {
  display: none !important;
}

#user #user-name {
  display: none !important;
}

.user-info .dropdown-toggle:after {
  display: none !important;
}

.dropdown-menu-end.dropdown-menu-caret:before,
.dropdown-menu-end.dropdown-menu-caret:after {
  display: none !important;
}

.user-info .dropdown-menu {
  top: 43px;
  right: -127px;
  left: auto;
  border-radius: 0;
  border-right: none;
  box-shadow: none;
}

@media (min-width: 768px) {
  .user-info .dropdown-menu {
    top: 42px;
    right: -40px;
  }
}

.user-info {
    float: right;
    padding: 15px 30px 0 0 !important;
}

@media (min-width: 768px) {
  .user-info {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 25%;
    float: none;
    padding: 0 40px 0 0 !important;
  }
}

/***** User avatar *****/
.user-avatar {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

.avatar {
  display: inline-block;
  position: relative;
}

.avatar img {
  height: 40px;
  width: 40px;
}

.avatar .icon-agent::before {
  bottom: -4px;
  background-color: $color_1;
  border-radius: 50%;
  color: $color_2;
  content: "\1F464";
  font-size: 14px;
  height: 14px;
  line-height: 14px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 14px;
}

/***** Footer *****/
.footer-language-selector {
  color: lighten($color_3, 20%);
  display: inline-block;
  font-weight: 300;
}

/***** Breadcrumbs *****/
.breadcrumbs {
  margin: 0 0 15px 0;
  padding: 0;
}

@media (min-width: 768px) {
  .breadcrumbs {
    margin: 0;
  }
}

.breadcrumbs li {
  
  display: inline;
  font-weight: 300;
  font-size: 14px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumbs li + li:before {
  content: ">";
  margin: 0 4px;
}



/***** Search field *****/


@media (min-width: 768px) {

.search input[type="search"] {
 width:320px;
 height: 25px;
 padding: 10px 16px 10px 16px;
 border-radius: 24px;
 border: 1px solid #BBC1C7; 
 gap: 4px;
 position: relative; 
 padding-left: 40px;  
}
  
  .search:before {
    position: absolute;
    color: #000000;
    content: "\1F50D";
    font-size: 18px;
    left: 15px;
    top: 13px;
    z-index: 999; 
  }
  
}  

.search input[type="search"] {
  width: 295px;
  height: 25px;
 padding: 10px 16px 10px 16px;
 border-radius: 24px;
 border: 1px solid #BBC1C7; 
 gap: 4px;
 position: relative; 
 padding-left: 40px; 
}

hero-container input[type="search"]:hover{
  border: 1px solid #495057;
}


.search-results-header .search input[type="search"]{
  width:100%;
  border: solid 1px
}


.contact-img{
  width:60px;
  height: 60px;
}



.contact-us-btn {
  align-self:end;
}



.page-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  height: auto;
  border-bottom: 0px none #eee !important;   /*added by Marius to overwrite rule in ni-style.css*/
  margin: 0px 0 !important;
  padding-bottom:0 !important;
  
}

@media (min-width: 768px) {
  .page-header {
    align-items: baseline;
    flex-direction: row;
    margin: 0;
  }
}



.topbar__search {
  display: flex;
  width: 320px;
  height: 44px;
  align-items: center;
  flex-shrink: 0;
  height: 40px;
 border: unset;
}

.topbar__search input[type="submit"] {
    display: none;
  }
@media (max-width: 767px) {
.topbar__search {
    display: block !important;
    margin-bottom: calc(16px * 1.5 / 2)
      
}
  }
@media (min-width: 768px) {
.topbar__search {
    display: inline-block;
    margin-right: calc(12px * 2);
    height: auto;
}
  }

.topbar__search-bar {

  padding: 10px 16px 10px 16px;
  border-radius: 24px;
  padding-left:10px;
  border: 1px solid var(--sndw-neutrals-grey-50, #BBC1C7);
  background: var(--sndw-neutrals-white, #FFF);
}

  
@media (min-width: 768px) {

.topbar__search-bar:before {
    position: relative;
    color: #000000;
    content: "\1F50D";
    font-size: 18px;
    left: 5px;
    z-index: 999;
    margin-right:10px;
    }
  }


.topbar--small {
  color: #fff;
  background-color: rgba(9, 178, 222, 1);
}
.topbar--small .topbar__link {
  color: #fff;
}
.topbar--small .topbar__link:hover,
  .topbar--small .topbar__link:active,
  .topbar--small .topbar__link:focus {
    color: #e0e0e0;
  }
.topbar--small .login {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.topbar--small .login:hover,
  .topbar--small .login:focus,
  .topbar--small .login:active {
    color: #e0e0e0;
    background-color: transparent;
    border-color: #e0e0e0;
  }
.topbar--small .login:active {
    background-image: none;
  }
.topbar--small .topbar__btn-search svg circle {
      stroke: #fff;
    }
.topbar--small .topbar__btn-search svg path {
      fill: #fff;
    }



.topbar {
  position: relative;
  width: 100%;
}
.topbar__container-inner {
  position: relative;
  z-index: 4;
}
.topbar__inner {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
.topbar__inner {
    display: table
}
  }
.topbar__col {
  position: relative;
  padding: calc(16px * 1.5 / 2) 0;
}
@media (min-width: 768px) {
.topbar__col {
    display: table-cell;
    /*padding: 20px 0;*/
    vertical-align: middle
}
  }
@media (min-width: 768px) {
.topbar__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}
  }
@media (max-width: 767px) {
.topbar__collapse {
    /*display: none;*/
    padding-top: calc(16px * 1.5 / 2);
    padding-bottom: calc(16px * 1.5)
}
  }
@media (min-width: 768px) {
.topbar__collapse {
    display: block !important
}
  }





hero-container input[type="search"]:hover{
  border: 1px solid #495057;
}


.search-results-header .search input[type="search"]{
  width:100%;
  border: solid 1px
}

input[type=search]:focus {
	color: #303030;
}

input[type="search"]:-moz-placeholder {
  color: #666;
}

input[type="search"]::-webkit-input-placeholder {
  color: #666;
}

[dir=rtl] .search input[type="search"] {
  padding-right: 40px;
  padding-left: 20px;
}


[dir=rtl] .search:before {
  right: 15px;
  left: auto;
}

/* Search bar. Reset border style from ni-style.css. Set background color to corporate grey. */
@media (max-width: 767px) {

  
  .search-full input[type="search"] {
    background-color: #f0f0f5;
    border:none;
    width: 300px;
    padding: 10px;
}

  
  
}



#announcement_learn_more {
  font-weight: bold;
}


.sub-nav {
  display: flex;
  margin: 20px 0px;
  align-items: flex-start;
  gap: 8px;
  color: #161819;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .sub-nav {
    flex-direction: row;
  }
}

@media (max-width: 767px) {
  .sub-nav{
    flex-direction: column-reverse;
  }
  
}


@media (min-width: 1024px) {
  .sub-nav input[type="search"] {
    min-width: 300px;
    padding: 5px;
    border-radius: 4px;
    border: 1px #303030 solid;

  }
}

.sub-nav input[type="search"]:after {
  font-size: 16px;
}

.sub-nav input[type="search"]:focus-visible {
  outline: unset;
}


/***** Blocks *****/

.block-item-hp{
  width: 300px;
}

@media (orientation: portrait) and (min-width: 768px) and (max-width: 1024px) {
  /* Styles for iPads in portrait orientation */
.block-item-hp{
  width: 700px;
  }
}

.block-item-title{
  color: #222222;
  font-weight: 600;
  margin-bottom: 5px;
  margin-top: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;           /* Limits text to exactly 2 lines */
  overflow: hidden;
  line-height: 1.25em;             /* Define a clear height per line */
  height: 2.5em;                   /* Exactly 2 lines (1.25 * 2) */
  margin-bottom: 10px;             /* Space between title and excerpt */
  word-break: break-word;
}

.block-item-excerpt{
  font-size: 12px;
  color: #5d5d5d;
  display: -webkit-box;
  -webkit-line-clamp: 2;           /* Limits text to exactly 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4em;
  height: 2.8em;
  word-break: normal;        /* Prevents breaking words in the middle */
  overflow-wrap: break-word; /* Allows long strings (like URLs) to break if needed */

}





.block-item-section {
  margin:auto;
}


.block-item {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0 30px;
  box-shadow: -1px 7px 10px 2px rgba(0, 0, 0, 0.31);
  padding: 10px;
  
    border-radius: 5px;
    border: 1px solid var(--sndw-neutrals-grey-40, #DCE1E5);
    background: var(--sndw-neutrals-white, #FFF);
  
      
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
    cursor: pointer;
}

.promoted-articles .block-item {
  height:90%;
}


.block-item:hover {
    background-color: #e6f7ff;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    transform: translateY(-1px);
}

.block-item :hover a {
    color: #0077b6;
}


@media (min-width: 768px) {
  .block-item {
    margin-bottom: 24px;
  }
}


.block-item svg {
    margin-left: auto;
    margin-right: auto;
}

.block-item-icon{
    margin: 30px auto;
    width: 75px; 
    height: 60px;
   background-repeat: no-repeat;

 }


.block-item-section {
display: flex;
padding: 32px 18px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
align-self: stretch;
border-radius: 6px;
border: 1.014px solid var(--sndw-neutrals-grey-40, #DCE1E5);
background: var(--sndw-neutrals-white, #FFF);  
margin: 20px 0;  
}


.block-item-description {
font-size: 18px;
line-height: 150%;
text-align: center;

}



.greyed-out{
  background-color: #ccc8c8;
  opacity: .8;
}

.greyed-out:hover{
  background-color: #989898;
}

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: 999;
  display: block;
  border: 5px solid #2980b9;
}
.ribbon span {
    position: absolute;
    display: block;
    width: 105px;
    padding: 2px 3px;
    background-color: #3498db;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-align: center;
    font-size: 12px;
}




/***** Homepage *****/
.section {
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .section {
    margin-bottom: 60px;
  }
}

.section h2 {
  margin-bottom: 10px;
  text-align: center;
}

/***** Quicklinks *****/

/* Force 1 column on mobile (under 767px) */
@media (max-width: 767px) {
  .webex-grid.quicklinks {
    display: grid !important;
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    padding: 0 20px !important; /* Add some side padding for mobile */
  }
}

  
 .quicklinks{
   justify-content: center;
   align-items: center;
   gap: 10px;
   align-self: stretch;

}
  
  
	.quicklinks-item{
    margin: 0 10px;
    padding: 10px 20px;
    border: 1px solid #DCE1E5;
    border-radius: 5px;
    box-shadow: -1px 7px 10px 2px rgba(0,0,0,0.61);
    display: flex;
    justify-content: space-around;
    
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
    cursor: pointer;
    
	}

.quicklinks-item:hover {
    background-color: #e6f7ff; 
    box-shadow: -2px 10px 18px 4px rgba(0, 0, 0, 0.45);
    transform: translateY(-2px);
}

.quicklinks-item:hover a {
    color: #0077b6;
}


@media(max-width:768px) {
  	.quicklinks-item{
     margin-top:10px;
     margin-left:5px; 
	}
  

 
}


.quicklinks a {
  text-align:left;
  padding-left:0px;
  background:none;
  border: none;
  font-size:15px;
  font-weight:400;
  color: #000;
}

/* Standardizing the icon container */
.quicklinks-btn-icon {
  display: inline-block !important;
  background-color: #000000 !important;
  padding: 10px !important;
  border-radius: 4px !important;
  width: 40px !important;
  height: 40px !important;
  vertical-align: middle;
  box-sizing: border-box; /* Ensures padding is calculated within the 40px */

}

/* Forcing all inner elements to white */
.quicklinks-btn-icon path {
  fill: #FFFFFF !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Optional: Align the text better with the icon */
.quicklinks-item a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
/***** Announcement *****/

.announcement{
  display:flex;
  /*justify-content:space-around; Changed style for layout of Windows warning 2019/02/21 -see declaration below*/
  justify-content:space-evenly; 
  align-items:center;
  border-style: solid;
  border-width: 1px;
  border-color: gray;
  background-color: #3e8cbb;
  margin-bottom: 20px;
 }


.announcement p:first-child {
  margin: 20px 10px;
  color:white;
  letter-spacing:0.1em;
}

.custom-NI-button {
  margin: 10px 20px;
  /*padding: 5px 45px; Changed for Windows 10 announcement (see below) Feb 2019*/
  padding: 5px 15px;
  color:black;
  /*background-color: buttonface;Changed for Windows 10 announcement (see below) Feb 2019*/
  background-color:#f0f0f5;
  font-weight:bold;
  -webkit-appearance:none;
  border-radius:0;
}



/***** Promoted articles *****/
.promoted-articles {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom:48px;
}

@media (min-width: 1024px) {
  .promoted-articles {
    flex-direction: row;
  }
}

.promoted-articles-item {
  flex: 1;
}

@media (min-width: 1024px) {
  .promoted-articles-item {
    align-self: flex-end;
    flex: 0 0 33%;
    /* Three columns on desktop */
    padding-right: 30px;
  }
  [dir=rtl] .promoted-articles-item {
    padding: 0 0 0 30px;
  }
}

.promoted-articles-item:nth-child(3n) {
  padding-right: 0;
}

.promoted-articles-item a {
  border-bottom: 1px solid #ddd;
  color: $color_3;
  display: block;
  padding: 15px 0;
}

.promoted-articles-item:last-child a {
  border: 0;
}

@media (min-width: 1024px) {
  .promoted-articles-item:last-child a {
    border-bottom: 1px solid #ddd;
  }
}


/*CALLOUT MESSAGES LAYOUT**/

.callout {
  padding: calc(16px * 1.5) 20px;
  margin-bottom: calc(16px * 1.5);
  background-color: #f1f1f1;
  border-left: 5px solid;
}
.callout p:last-child {
    margin-bottom: 0;
  }
.callout--transparent {
  background-color: transparent;
  border: 1px #dedede;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.14);
}
.callout--success {
  color: rgba(19, 22, 26, 1);
  background-color: #fff;
  border-color: rgba(63, 191, 173, 1);
}
.callout--success .callout__title {
    color: rgba(63, 191, 173, 1);
  }
.callout--info {
  color: rgba(19, 22, 26, 1);
  background-color: #90e4fa;
  border-color: rgba(9, 178, 222, 1);
}
.callout--info .callout__title {
    color: rgba(9, 178, 222, 1);
  }
.callout--warning {
  color: rgba(19, 22, 26, 1);
  background-color: #f8b28b;
  border-color: rgba(242, 110, 38, 1);
}
.callout--warning .callout__title {
    color: rgba(242, 110, 38, 1);
  }
.callout--danger {
  color: rgba(19, 22, 26, 1);
  background-color: #fff0f1;
  border-color: rgba(255, 87, 102, 1);
}
.callout--danger .callout__title {
    color: rgba(255, 87, 102, 1);
  }
.callout--primary {
  color: rgba(19, 22, 26, 1);
  background-color: #f2fcfe;
  border-color: rgba(9, 178, 222, 1);
}
.callout--primary .callout__title {
    color: rgba(9, 178, 222, 1);
  }
.callout--dashed {
  border-style: dashed;
  border-width: 1px;
}



/*** Top Article list in section / category***/
.article-list-item {
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  padding: 15px 0;
}



.article-list-item svg {
  display: inline;
  margin-right: 10px;
}

.article-list-item a {
  color: #222222;
}

@media (max-width: 767px) {
  .article-list-item a {
  font-size: 16px;
}
  
}


.article-list li:nth-child(n+7) {
  display:none;
}



.article-back-to-home {
    text-align: center;
    border-top: 1px solid rgb(221, 221, 221);
    border-bottom: 1px solid rgb(221, 221, 221);
    padding: 10px 0px;
    margin-bottom: 1px;
}

.article-back-to-home a {
    color: rgba(9, 178, 222, 1);
    opacity: 0.8;
}

.navbar-back-to-home {
    border-top: 1px solid rgb(221, 221, 221);
    border-bottom: 2px solid rgb(221, 221, 221);
    padding: 10px 0px;
    margin: 1px 0px;
    font-size: 1.1em;
}


.icon-star:before {
  color: $color_1;
  font-size: 18px;
}



/***** Article *****/
.article {
  /*
  * The article grid is defined this way to optimize readability:
  * Sidebar | Content | Free space
  * 17%     | 66%     | 17%
  */
  flex: 1;
}

@media (min-width: 1024px) {
  .article {
    flex: 1 0 66%;
    max-width: 76%;
    min-width: 800px;
    padding: 0 30px;
  }
}

.article-container {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .article-container {
    flex-direction: row;
  }
}


.article-page{
  margin-top:50px;
}
  
.article__body p {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-weight: 300;
    font-size: 16px;
    margin: 0 0 calc(16px * 1.5);
} 


.article__body a {
  color: rgba(9, 178, 222, 1);
  text-decoration: none;
}


.article__body ol,
.article__body ul {
  /*margin: 20px 0 20px 50px;*/
}

.article__body ol li {
    list-style: decimal;
}

.article__body ul {
    padding: 0 20px;
}

.article__body ul li {
    list-style: disc;
}

.article__body li {
  padding-bottom: 10px;
}

/* This forces the paragraph inside bullets to lose its margin */
.article__body li p {
    margin-bottom: 0 !important;
}

.article__body ul, .article__body ol {
  padding-left: 20px;
  list-style-position: outside;
  font-size: 16px;
  font-weight:300;
}

.article__body ul > ul, .article__body ol > ol, .article__body ol > ul, .article__body ul > ol {
  margin: 0;
}

.article__body ul,
.article__body ul li {
  list-style-type: disc;
}

.article__body ol,
.article__body ol li {
  list-style-type: decimal;
}

.article__body > p:last-child {
  margin-bottom: 0;
}

.article__body a:visited {
  color: darken($color_4, 20%);
}



.article__title{
  margin-bottom: 20px;
  font-size: 24px;
}


.section-articles__item {
  margin-bottom: calc(16px * 1.5 / 2);
  font-size:14px;
  font-weight: 300px;
}

.section-articles__item a{
  color: rgba(9, 178, 222, 1);
}
  
.section-articles__title {
  margin-bottom: calc(16px * 1.5 / 2);
}

.article-header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
  margin-top: 20px;
  height: auto;
}

@media (min-width: 768px) {
  .article-header {
    flex-direction: row;
    margin-top: 0;
  }
}

.article-author {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .article-title {
    flex-basis: 100%;
    /* Take entire row */
  }
}

.article-title .icon-lock:before {
  content: "\1F512";
  font-size: 20px;
  position: relative;
  left: -5px;
  vertical-align: baseline;
}

.article [role="button"] {
  flex-shrink: 0;
  /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
  width: 100%;
}

@media (min-width: 768px) {
  .article [role="button"] {
    width: auto;
  }
}

.article-info {
  max-width: 100%;
}

.article footer {
	background-color: transparent;
}

.article-meta {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}

.article-body img {
  height: auto;
  max-width: 100%;
  margin: 10px 0;
}

.article-body ul, .article-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}

.article-body ul > ul, .article-body ol > ol, .article-body ol > ul, .article-body ul > ol {
  margin: 0;
}

.article-body ul,
.article-body ul li {
  list-style-type: disc;
}

.article-body ol,
.article-body ol li {
  list-style-type: decimal;
}

.article-body > p:last-child {
  margin-bottom: 0;
}

.article-body a:visited {
  color: darken($color_4, 20%);
}

.article-content {
  margin: 40px 0;
  word-wrap: break-word;
}

.article-footer {
  align-items: center;
  padding-bottom: 20px;
}

@media (min-width: 1024px) {
    .article, .article-footer {
        flex: 1 0 66%;
        max-width: 66%;
        min-width: 640px;
        padding: 0 30px;
    }
}

.article-comment-count {
  color: lighten($color_3, 20%);
  font-weight: 300;
}

.article-comment-count:hover {
  text-decoration: none;
}

.article-comment-count .icon-comments {
  color: $color_1;
  content: "\1F4AC";
  display: inline-block;
  font-size: 18px;
  padding: 5px;
}

.article-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1;
  margin-bottom: 20px;
  padding: 0;
}

@media (min-width: 1024px) {
  .article-sidebar {
    border: 0;
    /*flex: 0 0 17%;*/
    height: auto;
    margin-left: 1.7em;
  }
}

.article-relatives {
  border-top: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .article-relatives {
    flex-direction: row;
  }
}

.article-relatives > * {
  flex: 1;
  margin-right: 0;
}

.article-relatives > *:last-child {
  margin: 0;
}

@media (min-width: 768px) {
  .article-relatives > * {
    margin-right: 20px;
  }
}

.article-votes,.contact-form-no-password {
  border-top: 1px solid #ddd;
  padding: 30px 0;
  text-align: center;
}

.article-vote {
  background: transparent;
  border: 1px solid $color_1;
  color: $color_1;
  margin: 10px 5px;
  min-width: 90px;
  width: auto;
}

.article-vote:before {
  font-size: 8px;
  margin-right: 10px;
}

.article-vote:after {
  content: attr(title);
  /* Yes/No label*/
}

.article-vote:focus, .article-vote:active {
  background-color: transparent;
  color: $color_1;
}

.article-vote:hover {
  background-color: $color_1;
}

.article-vote:hover::before, .article-vote:hover::after, .article-vote[aria-selected=true]::before, .article-vote[aria-selected=true]::after {
  color: $color_2;
}

.article-vote-up::before {
  content: "\2713";
}

.article-vote-down::before {
  content: "\2715";
}

.article-more-questions {
  margin: 10px 0 20px;
  text-align: center;
}

.article-return-to-top {
  border-top: 1px solid #ddd;
}

@media (min-width: 1024px) {
  .article-return-to-top {
    display: none;
  }
}

.article-return-to-top a {
  color: $color_3;
  display: block;
  padding: 20px 0;
}

.article-return-to-top a:hover, .article-return-to-top a:focus {
  text-decoration: none;
}

.article-return-to-top .icon-arrow-up::before {
  font-size: 16px;
  margin-left: 5px;
}

[dir=rtl] .article-return-to-top .icon-arrow-up::before {
  margin-right: 10px;
}


.article-unsubscribe {
  background-color: $color_1;
  color: $color_2;
  text-decoration: none;
}

.article-unsubscribe:hover {
  background-color: $color_4;
  border-color: $color_4;
}

.sidenav-title {
  font-size: 16px;
  position: relative;
}

.sidenav-item {
  color: $color_3;
  display: block;
  font-size: 14px;
  font-weight: 300;
  /*margin-bottom: 10px;*/
  /*padding: 10px;*/
  padding:5px;
}

.sidenav-item.current-article, .sidenav-item:hover {
  background-color: $color_1;
  color: lighten($color_1, 60%);
  text-decoration: none;
}

h3 {
  text-transform: none !important;
}

.suggestion-list h2, .h3{
  font-size: 1.5em;
  margin: 10px 0; 
  font-weight: 600;
  font-style: normal;
  letter-spacing: .01em;
}

.recent-articles h3,
.related-articles h3 {
  font-size: 15px;
  margin: 20px 0;
}

.recent-articles li,
.related-articles li {
  margin-bottom: 15px;
}




/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
  background-color: #1eb848;
  color: #fff;
  font-size: 12px;
  margin-right: 2px;
  padding: 3px 10px;
  vertical-align: middle;
  white-space: nowrap;
}

.status-label:hover, .status-label:active, .status-label:focus {
  text-decoration: none;
}

.status-label-pinned, .status-label-featured, .status-label-official {
  background-color: $color_1;
}

.status-label-official {
  border-radius: 0;
  margin-right: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .status-label-official {
    border-radius: 0 0 4px 4px;
    right: 30px;
    width: auto;
  }
}

[dir=rtl] .status-label-official {
  left: 30px;
  right: auto;
}

.status-label-pending, .status-label-planned, .status-label-not-planned {/* Marius - added status-label-planned*/
  /* background-color: #eee;*/ /* Default - changed by Marius*/
  background-color: #5ebbde;
  /* color: lighten($color_3, 20%);/* Default - removed by Marius*/
}

.status-label-pending {
  display: block;
  text-align: center;
}

@media (min-width: 768px) {
  .status-label-pending {
    display: inline;
    float: right;
  }
}

[dir=rtl] .status-label-pending {
  float: left;
  margin-left: 20px;
}

.status-label-open {
  background-color: #e03b30;
}

.status-label-answered, .status-label-completed { /* status-label-completed added by Marius */
  /* background-color: #5ebbde;*/ /* Default - changed by Marius*/
  background-color: #1eb848;
}

.status-label-closed {
  background-color: #ddd;
}

.status-label-solved {
  background-color: #999;
}

.status-label-new {
  background-color: #ffd12a;
}

.status-label-hold {
  background-color: #000;
}

.status-label-open, .status-label-closed, .status-label-solved, .status-label-new, .status-label-hold, .status-label-answered {
 /* text-transform: lowercase;*/ /* Commented out by Marius*/ 
}


.search-results-filter {
    position: relative;
  display: inline-block;
  margin: 30px 0;
}

/*search results list of category filters*/
.search-results-dropdown-content {
  visibility:hidden;
}

/*Search Results filter bar --different style for mobile!*/
.search-results-dropdown-content li {
  display:inline-block;
}


/* Navigation element that collapses on mobile */
.collapsible-nav {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex-direction: column;
  max-height: 45px;
  overflow: hidden;
  font-size: 14px;
}

@media (min-width: 768px) {
  .collapsible-nav {
    border: 0;
    height: auto;
    flex-direction: row;
    max-height: none;
  }
}

.collapsible-nav-list {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .collapsible-nav-list {
    flex-direction: row;
  }
}

.collapsible-nav-list li {
  color: $color_3;
  line-height: 45px;
  order: 1;
}

@media (min-width: 768px) {
  .collapsible-nav-list li {
    line-height: normal;
    margin-right: 30px;
  }
  [dir=rtl] .collapsible-nav-list li {
    margin-left: 30px;
    margin-right: 0;
  }
  .collapsible-nav-list li a {
    text-decoration: none;
    padding: 15px 0;
  }
}

.collapsible-nav-list li a {
  color: $color_3;
  display: block;
  transition: none;
}

@media (min-width: 768px) {
  .collapsible-nav-list li:hover {
    border-bottom: 4px solid #ddd;
  }
  .collapsible-nav-list li:hover a {
    padding: 15px 0 11px 0;
    text-decoration: none;
  }
}

.collapsible-nav-list li[aria-selected=true] {
  order: 0;
  position: relative;
}

@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected=true] {
    border-bottom: 4px solid $color_1;
    order: 1;
    padding: 15px 0 11px 0;
  }
}

.collapsible-nav-list li[aria-selected=true] a {
  color: $color_3;
}

.collapsible-nav-list li[aria-selected=true]::after {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  content: "\25BE";
  position: absolute;
  right: 0;
}

@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected=true]::after {
    display: none;
  }
}

[dir=rtl] .collapsible-nav-list li[aria-selected=true]::after {
  left: 0;
  right: auto;
}

.collapsible-nav[aria-expanded=true] {
  max-height: none;
}

.collapsible-nav[aria-expanded=true] li[aria-selected=true]::after {
  content: "\2715";
}

/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar {
  flex: 1;
  max-height: 45px;
  overflow: hidden;
  padding: 15px 0;
  position: relative;
}

@media (min-width: 1024px) {
  .collapsible-sidebar {
    max-height: none;
    padding: 0;
  }
}

.collapsible-sidebar[aria-expanded=true] {
  max-height: none;
}

.collapsible-sidebar[aria-expanded=true] .collapsible-sidebar-title:after {
  content: "\2715";
}

@media (min-width: 1024px) {
  .collapsible-sidebar[aria-expanded=true] .collapsible-sidebar-title:after {
    display: none;
  }
}

.collapsible-sidebar-title {
  margin-top: 0;
  margin-bottom: 15px;
  line-height: 1;
}

.collapsible-sidebar-title:after {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  content: "\25BE";
  position: absolute;
  right: 10px;
}

@media (min-width: 1024px) {
  .collapsible-sidebar-title:after {
    display: none;
  }
}

[dir=rtl] .collapsible-sidebar-title:after {
  left: 10px;
  right: auto;
}

/***** My activities *****/
.my-activities-nav {
  background-color: #f2f2f2;
  border: 0;
  margin-bottom: 20px;
  padding: 0 5%;
}

.my-activities-sub-nav {
  background-color: transparent;
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .my-activities-sub-nav li:hover {
    border-bottom: 4px solid #ddd;
  }
}

.my-activities-sub-nav li[aria-selected=true] {
  border-color: $color_1;
}

.my-activities-table .striped-list-title {
  /* My activities tables */
  display: block;
  margin-bottom: 10px;
  max-width: 350px;
  white-space: normal;
}

@media (min-width: 1024px) {
  .my-activities-table .striped-list-title {
    margin-bottom: 0;
    max-width: 500px;
    min-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.my-activities-table thead {
  display: none;
}

@media (min-width: 768px) {
  .my-activities-table thead {
    display: table-header-group;
  }
}

.my-activities-table th:first-child,
.my-activities-table td:first-child {
  padding-left: 0;
}

@media (min-width: 1024px) {
  .my-activities-table th:first-child,
  .my-activities-table td:first-child {
    width: 500px;
  }
}

.my-activities-table th:last-child,
.my-activities-table td:last-child {
  padding-right: 0;
}

.my-activities-table td:not(:first-child) {
  display: none;
}

@media (min-width: 768px) {
  .my-activities-table td:not(:first-child) {
    display: table-cell;
  }
}

/* Requests table */
.requests-search {
  width: 100%;
}

.requests-table-toolbar {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .requests-table-toolbar {
    flex-direction: row;
    margin-bottom: 40px;
  }
}

.requests-table-toolbar .search {
  flex: 1;
  width: 100%;
}

.requests-table-toolbar .request-table-filter {
  width: 100%;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-table-filter {
    width: auto;
  }
}

.requests-table-toolbar .request-filter {
  display: block;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-filter {
    margin: 0 0 0 30px;
  }
  [dir=rtl] .requests-table-toolbar .request-filter {
    margin: 0 30px 0 0;
  }
}

.requests-table-toolbar .request-filter-label {
  font-size: 13px;
  margin-top: 30px;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-filter-label {
    margin-top: 0;
  }
}

.requests-table-toolbar select {
  max-height: 40px;
  margin-bottom: 30px;
  width: 100%;
}

@media (min-width: 768px) {
  .requests-table-toolbar select {
    margin-bottom: 0;
    max-width: 300px;
    width: auto;
  }
}

.requests-table-toolbar .organization-subscribe,
.requests-table-toolbar .organization-unsubscribe {
  line-height: 40px;
  margin-left: 10px;
  max-height: 40px;
  padding: 0 20px;
}

[dir=rtl] .requests-table-toolbar .organization-subscribe, [dir=rtl]
.requests-table-toolbar .organization-unsubscribe {
  margin: 0 10px 0 0;
}

.requests-table-toolbar .organization-unsubscribe {
  background-color: $color_1;
  color: $color_2;
}

.requests .requests-table-meta {
  display: block;
}

@media (min-width: 768px) {
  .requests .requests-table-meta {
    display: none;
  }
}

.requests .requests-table thead {
  display: none;
}

@media (min-width: 768px) {
  .requests .requests-table thead {
    display: table-header-group;
  }
}

.requests .requests-table-info {
  display: block;
}

@media (min-width: 768px) {
  .requests .requests-table-info {
    display: table-cell;
    vertical-align: middle;
    width: auto;
  }
}

.requests .requests-table .requests-link {
  position: relative;
}

.requests .requests-table .requests-sort-symbol {
  position: absolute;
  left: calc(100% + 3px);
  bottom: 0;
  font-size: 9px;
}

/* Following table */
.subscriptions-unsubscribe a {
  background: $color_1;
  color: $color_2;
  display: inline-block;
  font-size: 12px;
  line-height: 2.34;
  padding: 0 20px;
  text-align: center;
  width: 100%;
}

@media (min-width: 768px) {
  .subscriptions-unsubscribe a {
    width: auto;
  }
}

.subscriptions-unsubscribe a:hover {
  color: #fff;
  background-color: $color_4;
  text-decoration: none;
}

.subscriptions-table td:last-child {
  display: block;
}

@media (min-width: 768px) {
  .subscriptions-table td:last-child {
    display: table-cell;
  }
}

.subscriptions .user-avatar {
  margin-right: 10px;
}

.subscriptions .striped-list-title {
  display: inline-block;
  vertical-align: middle;
}

/* Contributions table */
.contributions-table td:last-child {
  color: lighten($color_3, 20%);
  font-size: 13px;
  font-weight: 300;
}

@media (min-width: 768px) {
  .contributions-table td:last-child {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
  }
}

.no-activities {
  color: lighten($color_3, 20%);
}

/***** Request *****/
.request-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .request-container {
    align-items: flex-start;
    flex-direction: row;
  }
}

.request-breadcrumbs {
  margin-bottom: 40px;
}

@media (min-width: 1024px) {
  .request-breadcrumbs {
    margin-bottom: 60px;
  }
}

.request-breadcrumbs {
  color: #222;
}

.request-breadcrumbs{
  color: #3e8cbb;
}



.request-main {
  flex: 1;
  order: 1;
}

@media (min-width: 1024px) {
  .request-main {
    flex: 0 0 67%;
    order: 0;
  }
}

.request-title {
  width: 100%;
}

@media (min-width: 1024px) {
  .request-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    max-width: 67%;
    padding-bottom: 20px;
  }
}

.request-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1;
  order: 0;
}

@media (min-width: 1024px) {
  .request-sidebar {
    background-color: #f8f8f8;
    border: 0;
    font-size: 13px;
    flex: 0 0 30%;
    padding: 0 20px;
  }
}

.request-sidebar h5 {
  font-size: 15px;
  font-weight: 600;
  position: relative;
}

@media (min-width: 1024px) {
  .request-sidebar h5 {
    display: none;
  }
}

.request-details {
  border-bottom: 1px solid #ddd;
  font-size: 0;
  margin: 0;
  padding-bottom: 20px;
}

.request-details:last-child {
  border: 0;
}

.request-details dt, .request-details dd {
  display: inline-block;
  font-size: 13px;
  margin: 20px 0 0 0;
}

.request-details dd {
  padding: 0 10px;
  width: 60%;
}

.request-details dd:after {
  content: "\A";
  white-space: pre;
}

.request-details dt {
  color: lighten($color_3, 20%);
  font-weight: 300;
  width: 40%;
}

.request-details .request-collaborators {
  display: inline-block;
}

.request-attachments dt, .request-attachments dd {
  width: 100%;
}

.request-attachments dd {
  margin: 10px 0 0 0;
}

.request-form {
  margin-top:20px;
}

.request-form textarea {
  resize: none;
  height: 180px;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
  outline-color: #000 !important;

}

@media (min-width: 768px) {
  .request-form textarea {
   width: 650px;
 }
}

.request-form textarea:focus ,.request-form textarea:focus-visible{
  border: unset !important;
}

.subscription-form-input{
  	border: 1px solid #ddd;
    border-radius: 2px;
    box-shadow: none;
    padding: 0 15px 0 10px;
  	background-color: #f6f4f4;
    border: 1px solid #ececec;
    border-radius: 1px;
    box-shadow: inset 0 1px #e3e3e3;
    color: #333;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0;
    max-width: 250px;
    min-width: 150px;
    overflow: hidden;
    padding: 0 20px 0 5px;
    position: relative;
    text-overflow: ellipsis;
    z-index: 1;
    width: 100%;
    white-space: nowrap;
}

.request-form-custom-hint-text{
    border: 1px solid #BFEFFF; 
    background-color: #F0FFFF; 
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 15px;
    border-radius: 4px;
    color: #000000; 
    display: none; 
    font-size: 14px;
}

/***** Search results *****/
.search-results {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

.search-result-description{
  font-size: 16px;
}

.search-results a {
  color: #3e8cbb;
}

@media (min-width: 1024px) {
  .search-results {
    flex-direction: row;
  }
}

.search-results-column {
  flex: 1;
}

@media (min-width: 1024px) {
  .search-results-column {
    flex: 0 0 45%;
  }
}

.search-results-list {
  margin-bottom: 25px;
}

.search-results-list > li {
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}

.search-results-list > li:first-child {
  border-top: 1px solid #ddd;
}

.search-result-description {
  margin-top: 15px;
}

@media (min-width: 768px) {
 .search-results-back-to-prev{
    float:right;
  }
 } 

.search-result-votes, .search-result-meta-count {
  color: lighten($color_3, 20%);
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
  padding: 4px 5px;
  position: relative;
}

.search-result-votes::before, .search-result-meta-count::before {
  color: $color_1;
}

[dir=ltr] .search-result-votes, [dir=ltr] .search-result-meta-count {
  margin-left: 5px;
}

[dir=ltr] .search-result-votes:before, [dir=ltr] .search-result-meta-count:before {
  margin-right: 3px;
}

[dir=rtl] .search-result-votes, [dir=rtl] .search-result-meta-count {
  margin-right: 5px;
}

[dir=rtl] .search-result-votes:before, [dir=rtl] .search-result-meta-count:before {
  margin-left: 3px;
}

.search-result-votes::before {
  content: "\1F44D";
}

.search-result-meta-count::before {
  content: "\1F4AC";
}

.search-result .meta-group {
  align-items: center;
}

.search-result-breadcrumbs {
  margin: 0;
}

.search-result-breadcrumbs.breadcrumbs li {
  color: #222;
}

.search-result-breadcrumbs.breadcrumbs li a {
  color: #3e8cbb;
}

.search-result-breadcrumbs.breadcrumbs li a:hover,
.search-result-breadcrumbs.breadcrumbs li a:focus {
  color: #415d70;
}

.search-result-breadcrumbs li:last-child:after {
  content: "·";
  display: inline-block;
  margin: 0 5px;
}



/***** Pagination *****/
.pagination {
  margin: 20px 0;
  text-align: center;
}

.pagination * {
  display: inline-block;
}

.pagination li {
  border-radius: 50%;
  height: 30px;
  float: left;
  margin-left: 5px;
  width: 30px;
}

[dir=rtl] .pagination li {
  float: right;
}

.pagination li:hover:not(.pagination-current) {
  background-color: #f3f3f3;
}

.pagination li:hover:not(.pagination-current) span, .pagination li:hover:not(.pagination-current) a {
  color: $color_3;
  text-decoration: none;
}

.pagination a, .pagination span {
  color: lighten($color_3, 20%);
  font-size: 13px;
  padding: 5px 12px;
}

.pagination-current {
  background-color: $color_1;
}

.pagination-current a, .pagination-current span {
  color: $color_2;
}

/***** Metadata *****/
.meta-group {
  display: flex;
  flex-wrap: wrap;
}

.meta-data {
  color: lighten($color_3, 20%);
  font-size: 13px;
  font-weight: 300;
}

.meta-data:not(:last-child)::after {
  content: "\00B7";
  margin: 0 5px;
}

/***** Icons *****/
[class^="icon-"]:before,
[class*=" icon-"]:before,
.icon,
.search:before,
.recent-activity-item-comment span:before,
.article-vote:before,
.attachments .attachment-item:before,
.share a:before,
.vote-up:before,
.vote-down:before,
.actions .dropdown-toggle:before,
.collapsible-nav-list li[aria-selected=true]::after,
.collapsible-sidebar-title:after,
.search-result-votes::before,
.search-result-meta-count::before {
  font-family: "copenhagen-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  line-height: 1em;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
}

.icon-lock:before {
  content: "\1F512";
}

.icon-star:before {
  content: "\2605";
}

.icon-linkedin:before {
  content: "\e900";
}

.icon-twitter:before {
  content: "\e901";
}

.icon-googleplus-:before {
  content: "\e902";
}

.icon-facebook:before {
  content: "\e903";
}

.icon-agent:before {
  content: "\1F464";
}

.icon-close:before {
  content: "\2715";
}

.icon-arrow-up:before {
  content: "\2B06";
}

.icon-arrow-down:before {
  content: "\2B07";
}

.icon-attachments:before {
  content: "\1F4CE";
}

.icon-comments:before {
  content: "\1F4AC";
}

.icon-vote:before {
  content: "\1F44D";
}

.icon-handle:before {
  content: "\25BE";
}

.icon-check:before {
  content: "\2713";
}

.icon-gear:before {
  content: "\2699";
}

.icon-menu:before {
  content: "\2630";
}

.icon-article:before {
  content: "\1F4C4";
}

.icon-post:before {
  content: "\1F4D4";
}

.icon-notification-alert:before {
  content: "\26A0";
}

.icon-notification-error:before {
  content: "\00D7";
}

.icon-notification-info:before {
  content: "\2139";
}

.icon-notification-success:before {
  content: "\2714";
}

.company-link {
    display: none;
}

/***** Native Instruments Content Additions *****/

main {
  padding-bottom: 50px;
}

@media (min-width: 768px) {
  main {
    min-height: 450px;
  }
}

.hp-container-section{
  margin: 48px 0;
}

.hp-container-section a, .sub-nav a {
    color: #161819;
}

/** BANNER **/

.banner-container{
  background-color:$color_1;
  color: #fff;
}

.banner-content{
  padding:15px 50px;
}

.banner-text {
  font-size:16px;
}

/***** Article *****/

.article-body {
    counter-reset: h2counter;
}

.article-body h2 {
    font-size: 28px;
    color: #303030;
    margin: 20px 0;
}

.article-body h3 {
    font-size: 24px;
    color: #303030;
    margin: 20px 0;
    text-transform: none;
}

.article-body h4 {
    font-size: 20px;
    color: #303030;
    margin: 20px 0;
    text-transform: none;
    border-bottom: 0;
}

.article-body h1.count {
    counter-reset: h2counter;
}

.article-body h2.count:before {
    content: counter(h2counter) ".\0000a0\0000a0";
    counter-increment: h2counter;
}

.article-body h2.count {
    counter-reset: h3counter;
}

.article-body h3.count:before {
    content: counter(h2counter) "." counter(h3counter) ".\0000a0\0000a0";
    counter-increment: h3counter;
}

.article-body h3.count {
    counter-reset: h4counter;
}

.article-body h4.count:before {
    content: counter(h2counter) "." counter(h3counter) "." counter(h4counter) ".\0000a0\0000a0";
    counter-increment: h4counter;
}

.article-body h4.count {
    counter-reset: h5counter;
}

.article-body ol,
.article-body ul {
  margin: 20px 0 20px 50px;
}

.article-body ol li {
    list-style: decimal;
}

.article-body ul {
    padding: 0 20px;
}

.article-body ul li {
    list-style: disc;
}

.article-body li {
  padding-bottom: 10px;
}

.article-body em {
    margin: 10px 0;
   /* display: block;*/
}

.article-body .icon-ni-kb-back {
    background-image: url("../Images/btn_back.png");
    background-position: 1px 5px;
    margin: 0;
}

.article-body .article-related {
    margin-bottom: 30px;
}

.article-body .properties {
    display: table;
    margin-top: 30px;
    width: 100%;
}

.article-body .properties > div {
    display: table-row;
}

.article-body .properties > div > div:first-child {
    font-weight: bold;
    width: 250px;
}

.article-body .properties > div > div {
    display: table-cell;
    padding: 4px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.article-body .properties > div > div span {
    padding-right: 3px;
}

.article-body .properties > div > div span:after {
    content: ", ";
}

.article-body .properties > div > div span:last-child:after {
    content: "";
}

/* Target all tables within the article content */
.article-body table, 
.article-body table td, 
.article-body table th {
    border: none !important;
    border-collapse: collapse; /* Prevents tiny gaps between invisible cells */
}

/* Optional: Ensure the figure wrapper doesn't add its own styling */
.article-body figure {
    border: none !important;
    margin: 0;
    padding: 0;
}

.article-body .uppercase {
    text-transform: uppercase;
}

.article-body .rating {
    margin: 40px 0 0 4px;
}

.article-body .rating > button {
    margin-right: 2px;
}

.article-body .rating > span {
    font-weight: bold;
    margin-right: 5px;
}

.article-body .rating .btn {
    padding: 2px 8px;
}



/***** Error Page *****/

.error-page {
  padding: 30px 0;
}

@media (min-width: 768px) {
    .error-page {
      padding: 100px 0;
    }
}

/*Typeform */

 a.typeform-login:hover, a.get-support-button-mobile:hover {
  color: #fff;
}

.na-typeform-logged-in {
  background: #3A8E84 !important;
}


.typeform-container {
  margin-bottom: 50px;
}



@media (max-width: 768px) {
.typeform-link {
  font-size:12px;
 }
}

@media (min-width: 768px) {
  .typeform-link{
    font-size:22px;
  }
   
}


#untranslated-article-error-page {
  background-color: rgb(232, 237, 243);
	width: 60px;
  margin: auto;
	padding: 10px 20px;
	font-family: 'TradeGothicLTCom-BdCn20' Helvetica Arial sans-serif;
	font-size: 48px;
	font-weight: 400;
	text-align: center; 
}

/***** Profile *****/


/* User Profiles */


.profile-header {
  padding: 30px 0;
  background-color: #f8f8f8;
}

.profile-header .container {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .profile-header .container {
    flex-wrap: nowrap;
  }
}

.profile-header .profile-info {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
}

.profile-avatar {
  position: relative;
  line-height: 0;
  align-self: center;
  margin-right: 10px;
}

[dir=rtl] .profile-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.profile-avatar .user-avatar {
  width: 65px;
  height: 65px;
}

.profile-avatar .icon-agent::before {
  bottom: 0;
  right: 0;
}

.profile-header .basic-info {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}

.profile-header .basic-info .name {
  margin: 0;
}

.profile-header .options {
  display: flex;
  flex-basis: 100%;
  margin-top: 12px;
  align-items: flex-start;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .profile-header .options {
    flex-wrap: nowrap;
    flex-basis: auto;
    margin-top: 0;
    margin-left: 10px;
  }
  [dir=rtl] .profile-header .options {
    margin-left: 0;
    margin-right: 10px;
  }
  .profile-header .options :not(:last-child) {
    margin-bottom: 0;
    margin-right: 10px;
  }
  [dir=rtl] .profile-header .options :not(:last-child) {
    margin-left: 10px;
    margin-right: 0;
  }
}

.profile-header .options [data-action="edit-profile"] {
  font-family: TradeGothicLTCom-Cn18, Helvetica, Arial, sans-serif;
  font-size: 16px;
  background-color: $color_1;
  border: 0;
  color: #fff;
  line-height: 1.3;
  padding: 7px 13px;
}

.profile-header .description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  margin: 15px 0;
  flex-basis: 100%;
}

.profile-stats {
  font-size: 13px;
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
}

.profile-stats .stat {
  display: flex;
  margin-bottom: 10px;
}

.profile-stats .stat-label {
  color: #666;
  font-weight: 300;
  flex: 0 0 100px;
  margin-right: 10px;
}

[dir=rtl] .profile-stats .stat-label {
  margin-left: 10px;
  margin-right: 0;
}

.profile-stats-activity {
  border-top: solid 1px #ddd;
  margin-top: 15px;
}

@media (min-width: 768px) {
  .profile-stats-activity {
    border-top: 0;
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat {
    flex-direction: column;
  }
}

.profile-stats-activity .stat:first-child {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .profile-stats-activity .stat:first-child {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat:not(:last-child) {
    margin-right: 40px;
  }
  [dir=rtl] .profile-stats-activity .stat:not(:last-child) {
    margin-left: 40px;
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat-label {
    flex: 0 1 auto;
  }
}

.profile-stats-counters {
  border-bottom: solid 1px #ddd;
}

@media (min-width: 768px) {
  .profile-stats-counters {
    flex: 0 0 200px;
    border-bottom: 0;
    margin-left: 40px;
  }
  [dir=rtl] .profile-stats-counters {
    margin-left: 0;
    margin-right: 40px;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters {
    flex: 0 0 270px;
    margin-left: 60px;
  }
  [dir=rtl] .profile-stats-counters {
    margin-right: 60px;
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat {
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters .stat {
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat:not(:last-child) {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat-label {
    flex: 0 1 auto;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters .stat-label {
    flex: 0 0 100px;
  }
}

.profile-private-badge {
  flex-basis: 100%;
  border: solid 1px $color_1;
  border-radius: 0;
  color: $color_1;
  padding: 5px 20px;
  font-size: 12px;
  text-align: center;
}

.profile-private-badge::after {
  content: "\1f512";
  margin-left: 5px;
  font-family: "copenhagen-icons";
  vertical-align: middle;
  line-height: 15px;
}

@media (min-width: 768px) {
  .profile-private-badge {
    flex-basis: auto;
  }
}

.profile-nav {
  background-color: #f2f2f2;
  border: 0;
  margin-bottom: 37px;
}

.profile-section {
  width: 100%;
}

@media (min-width: 1024px) {
  .profile-section {
    width: calc(100% - 330px);
  }
}

.profile-section-header {
  display: flex;
  flex-wrap: wrap;
}

.profile-section-title {
  flex-basis: 100%;
  margin-bottom: 0;
}

.profile-section-description {
  flex-basis: 100%;
  padding: 10px 0;
  color: #666;
  font-weight: 300;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 768px) {
  .profile-section-description {
    flex: 1 0 50%;
    padding-bottom: 0;
  }
}

.profile-section-sorter {
  flex-basis: 100%;
  border-top: solid 1px #eee;
  font-size: 13px;
}

.profile-section-sorter .dropdown-toggle {
  padding: 10px 0;
  width: 100%;
}

.profile-section-sorter .dropdown-toggle::after {
  position: absolute;
  right: 0;
}

[dir=rtl] .profile-section-sorter .dropdown-toggle::after {
  left: 0;
  right: initial;
}

@media (min-width: 768px) {
  .profile-section-sorter .dropdown-toggle::after {
    position: relative;
  }
}

@media (min-width: 768px) {
  .profile-section-sorter {
    flex: 0 1 auto;
    padding-top: 0;
    border-top: 0;
    margin-left: 20px;
  }
  [dir=rtl] .profile-section-sorter {
    margin-left: 0;
    margin-right: 20px;
  }
}

.profile-contribution {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  padding: 20px 0;
  position: relative;
}

.profile-contribution-header {
  margin-bottom: 5px;
}

.profile-contribution-title {
  margin: 0 0 5px 0;
  display: inline;
  line-height: 21px;
  font-size: 15px;
  vertical-align: middle;
}

.profile-contribution-body {
  margin: 10px 0;
}

.profile-contribution-list > .profile-contribution {
  border-top: 1px solid #eee;
}

@media (min-width: 768px) {
  .profile-contribution-list > .profile-contribution {
    padding-left: 30px;
  }
  [dir=rtl] .profile-contribution-list > .profile-contribution {
    padding-right: 30px;
    padding-left: 0;
  }
}

.profile-contribution-list > .profile-contribution:last-child {
  border-bottom: 1px solid #eee;
}

.profile-contribution-list > .profile-contribution::before {
  left: 0;
  position: absolute;
  font-size: 16px;
  color: #ccc;
  font-family: "copenhagen-icons";
  line-height: 25px;
}

[dir=rtl] .profile-contribution-list > .profile-contribution::before {
  right: 0;
}

.profile-contribution-list .profile-contribution-header {
  margin-left: 30px;
}

[dir=rtl] .profile-contribution-list .profile-contribution-header {
  padding-right: 30px;
  padding-left: 0;
}

@media (min-width: 768px) {
  .profile-contribution-list .profile-contribution-header {
    margin-left: 0;
  }
  [dir=rtl] .profile-contribution-list .profile-contribution-header {
    padding-right: 0;
  }
}

.profile-comments .profile-contribution-breadcrumbs {
  margin-left: 30px;
}

[dir=rtl] .profile-comments .profile-contribution-breadcrumbs {
  padding-right: 30px;
  padding-left: 0;
}

@media (min-width: 768px) {
  .profile-comments .profile-contribution-breadcrumbs {
    margin-left: 0;
  }
  [dir=rtl] .profile-comments .profile-contribution-breadcrumbs {
    padding-right: 0;
  }
}

.profile-section .no-activity,
.profile-section .private-activity {
  display: block;
  margin-top: 40px;
  color: #999;
}

.profile-section .private-activity::before {
  content: "\1f512";
  font-family: "copenhagen-icons";
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  vertical-align: middle;
  margin-right: 10px;
}

[dir=rtl] .profile-section .private-activity::before {
  margin-right: 0;
  margin-left: 10px;
}

.profile-activity-list {
  margin-top: 25px;
}

.profile-activity {
  position: relative;
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  .profile-activity {
    padding-left: 20px;
  }
  [dir=rtl] .profile-activity {
    padding-right: 20px;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .profile-activity:not(:last-child) {
    border-left: 1px solid #ddd;
  }
  [dir=rtl] .profile-activity:not(:last-child) {
    border-left: 0;
    border-right: 1px solid #ddd;
  }
}

.profile-activity-header {
  display: flex;
  align-items: center;
  margin-left: 35px;
}

[dir=rtl] .profile-activity-header {
  margin-left: 0;
  margin-right: 35px;
}

@media (min-width: 768px) {
  .profile-activity-header {
    margin-left: 0;
  }
  [dir=rtl] .profile-activity-header {
    margin-right: 0;
  }
}

.profile-activity-header .user-avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  min-width: 40px;
  align-self: flex-start;
}

[dir=rtl] .profile-activity-header .user-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.profile-activity-description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  margin: 0;
  min-width: 0;
  width: 100%;
}

.profile-activity-description span:first-child {
  font-weight: 600;
  display: inline;
}

.profile-activity-contribution {
  padding: 20px;
  margin-top: 10px;
  border-radius: 8px;
  background-color: #f8f8f8;
}

@media (min-width: 768px) {
  .profile-activity-contribution {
    margin-top: 0;
    margin-left: 50px;
  }
  [dir=rtl] .profile-activity-contribution {
    margin-left: 0;
    margin-right: 50px;
  }
}

.profile-activity:before {
  position: absolute;
  left: 0;
  width: 28px;
  border-radius: 50%;
  content: "";
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: 50% 50%;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  color: #ccc;
  font-family: "copenhagen-icons";
}

[dir=rtl] .profile-activity:before {
  right: 0;
}

@media (min-width: 768px) {
  .profile-activity:before {
    left: -14px;
  }
  [dir=rtl] .profile-activity:before {
    right: -14px;
  }
}

.profile-articles > .profile-contribution::before,
.profile-activity-list > li[class$="-article"]:before {
  content: "\1f4c4";
}

.profile-posts > .profile-contribution::before,
.profile-activity-list > li[class$="-post"]:before {
  content: "\1f4d4";
}

.profile-comments > .profile-contribution::before,
.profile-activity-list > li[class$="-comment"]:before {
  content: "\1f4ac";
  line-height: 35px;
}



.profile-contribution .breadcrumbs li {
  color: #222;
}

.profile-contribution .breadcrumbs li a {
  color: #3e8cbb;
}

.profile-contribution .breadcrumbs li a:hover,
.profile-contribution .breadcrumbs li a:focus {
  color: #415d70;
}

/***** Native Instruments Style Modifications *****/


.footer-primary .column2 .headline-newsletter,
.footer-primary .column2 .connect-container {
  display: none !important;
}

.footer-primary .column2 .headline-newsletter {
  margin: 0 !important;
}

@media (max-width: 767px) {
  .footer-primary .column2 .headline-newsletter {
      margin: 50px 0 0 !important;
      display: block !important;
    }
}

.container {
    overflow: visible !important;
}



/*Homepage*/


/*HERO*/

.hero-container{ 
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 0 40px;
padding-top:80px;  
gap: 16px;
}


.hero-container h1 {
  /*text-align:center;*/
font-size: 42px;
line-height: 130%;
color: #FFFFFF;
margin:0;


/* Inside auto layout */

flex: none;
order: 0;
flex-grow: 0;
}



@media (max-width: 768px) {
  .hero-container h1  {
    font-size: 24px;
  }
}

.hero-section{
    height: 314px;
    margin-bottom:10vh;
}

.hp-cover{
    background: url(//theme.zdassets.com/theme_assets/762840/13b4d4b2cad026393d4989f12f0a96ac2a9e0d13.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    z-index: 2;
}


.logo-wrapper {
  display: inline-block;
  vertical-align: middle;
  margin:10px 20px;

}

.logo img {
    display: block;
    max-height: 60px !important;
  }
.logo svg use {
    fill: rgba(242, 110, 38, 1);
  }



.search-results-header .search input[type="search"]{
  width:100%;
  border: solid 1px
}


.contact-img{
  width:60px;
  height: 60px;
}



.section-icon{
    display: block;
    margin-left: auto;
    margin-right: auto;
}





.block-item-section button, .block-item button, .typeform-login, .get-support-button-mobile, .block-hw-support, .na-typeform-button {
    display: flex; 
    justify-content: center;
    padding: 8px 24px;
    margin: 20px auto;
    border-radius: 48px;
    border-radius: 4px;
    background: var(--native-highlight-primary, #3E8CBB);
    cursor: pointer;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    color: #FFF;
    border: 1px;
}

@media(max-width:768px) {
  .block-hw-support{
     display: block; 
  }
}



.block-item-icon button:hover {
  box-shadow: 0 5px 15px rgba(22, 24, 25, .4);
  

}



/*Category/Section Containers*/
.content-wrapper {
  max-width: 80%;
 flex-basis:150px;
}



  .get-support-banner{
    display:none;
  }
    


  @media(min-width:768px){
.get-support-banner{
  display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: center;
 border: 1px solid #DCE1E5;
 border-radius: 6px;
 gap: var(--component-padding-none, 0px);
 margin-bottom: 50px;  
}
  

.get-support-copy {
   padding-left: 60px;
 }
    
.get-chat-support-copy {
    padding: 30px 60px;
    }
    
.get-support-copy p, .get-chat-support-copy p {
  margin:16px 0;
}
 
    
}    
  
  @media(max-width:1440px){
    .get-support-copy {
    margin-right: 150px;
    padding-bottom: 20px;
    }
}

/*.get-support-button {
    margin: 30px auto;
    width: 75px; 
    height: 60px;
} */


.get-support-button{
  font-size: 16px;
  font-weight: 400;
  background: #161819;
  color:#F8F9FA;
  padding:10px;
  margin:20px 0px;
} 
  
  .get-support-button:hover{
    color: white;
  }
  


  
  .get-support-button:hover{
    color: white;
  }
  
    .get-support-button-mobile{
      display:none
    }  
    
      @media(max-width:768px){
    .get-support-button-mobile {
      display:flex;
    }
}
    
  
  

.get-support-image{
  position: relative;
  right: 60px;
  width:100%;
}
  
@media(max-width:1440px){ 
.get-support-image{
    display: none;
}
  
}


.cat__ps{
  display:flex;
}





/*Custom Pages*/

.subscription-request-form {
  display: table; 
}

.subscription-request-form label {
  display: table-cell;
}

.subscription-request-form input {
  display: table-cell;
  margin: 5px 0;
}

.subscription-request-form input[type="submit"] {
  	margin-top: 15px;
}


@media(max-width:768px) {
  .subscription-request-form{
    width: 60%;
  }
}

.subscription-cancel-form{
  display:none;
}
    



/***SUPPORT FORM DEFAULt STYLES**/


/***** Forms *****/
.form {
  max-width: 650px;
}

.form-field ~ .form-field {
  margin-top: 25px;
}

.form-field label {
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
}

.form-field input {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
}

.form-field input:focus {
  border: 1px solid #343A40;
}

.form-field input[type="text"] {
  border: 1px solid #ddd;
  border-radius: 4px;
}

.form-field input[type="text"]:focus {
  border: 1px solid #343A40;
}

.form-field input[type="checkbox"] {
  width: auto;
}

.form-field .nesty-input {
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  outline: none;
  vertical-align: middle;
}

.form-field .nesty-input:focus {
  border: 1px solid #343A40;
  text-decoration: none;
}

.form-field .hc-multiselect-toggle:focus {
  outline: none;
  border: 1px solid #343A40;
  text-decoration: none;
}

.form-field textarea {
  vertical-align: middle;
}

.form-field input[type="checkbox"] + label {
  margin: 0 0 0 10px;
}

.form-field.required > label::after {
  content: "*";
  color: #f00;
  margin-left: 2px;
}

.form-field .optional {
  color: #3e4855;
  margin-left: 4px;
}

.form-field p {
  color: #3e4855;
  font-size: 12px;
  margin: 5px 0;
}

[data-loading="true"] input,
[data-loading="true"] textarea {
  background: transparent url($assets-loader-gif) 99% 50% no-repeat;
  background-size: 16px 16px;
}

.form footer {
  margin-top: 40px;
  padding-top: 30px;
}

.form footer a {
  color: #3e4855;
  cursor: pointer;
  margin-right: 15px;
}

.form .suggestion-list {
  font-size: 13px;
  margin-top: 30px;
}

.form .suggestion-list label {
  border-bottom: 1px solid #ddd;
  display: block;
  padding-bottom: 5px;
}

.form .suggestion-list li {
  padding: 10px 0;
}

.form .suggestion-list li a:visited {
  color: #05637c;
}

/****ALGOLIA SEARCH CUSTOM STYLES****/
/* Hide the Powered by Algolia footer + logo in the autocomplete dropdown */

.hero-container .sitesearch-button{
  display: flex;
  width: 447px;
  padding: 16px 32px;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid var(--sndw-neutrals-grey-50, #BBC1C7);
  background: var(--sndw-neutrals-white, #FFF); 
  border: solid 1px
}

@media (max-width: 767px) {
    .hero-container .sitesearch-button{
        border: none;
        width: 300px;
        padding: 10px;
    }
}

.ss-footer-powered-by{
  display: none !important;
}

/* Light (default) */
.ss-exp, .modal-backdrop, .sitesearch-button {
  --search-primary-color: #008cff;
  --search-background-color: #f5f5fa;
  --search-text-color: #23263b;
}

.ais-Highlight-highlighted{
  color: #3e8cbb !important;
  font-weight: 800 !important;
}

.ss-infinite-hits-item-title{
  color: #3e8cbb !important;
}

/****FOOTER***/



layout__header, .layout__footer {
  position: relative;
  bottom: 0;
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}



.legal-links_wrapper {
  display: flex;
  justify-content: space-between;
  width: 50%;
  min-width: 400px;
  align-items: center;
}

.legal-links_wrapper a {
  display: block;
  position: relative;
  line-height: 1.5;
  letter-spacing: 0.0125rem;
  color: #ffffff;
  font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont,
    Helvetica Neue, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji,
    Segoe UI Emoji, Segoe UI Symbol;
  font-size: 0.875rem;
  font-weight: 400;
}

.copyright_wrapper {
  padding: 10px 30px;
  display: block;
  position: relative;
  line-height: 1.5;
  letter-spacing: 0.0125rem;
  color: #ffffff;
  font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont,
    Helvetica Neue, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji,
    Segoe UI Emoji, Segoe UI Symbol;
  font-size: 0.875rem;
  font-weight: 400;
}

@media (max-width: 1030px) {
  .footer-bottom_wrapper {
    flex-direction: column;
    align-items: center;
  }
}

.footer-bottom_wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background-color: #34414c;
}

.fa-google-plus-g {
  display: none !important;
}

.fa-linkedin {
  display: none !important;
}

.fa-pinterest-p {
  display: none !important;
}

.footer .copyright {
  display: table-cell;
}

.footer .copyright p {
  margin: 0;
  margin-bottom: 10px;
}
.footer__col--social-links {
  vertical-align: bottom;
}

.footerCopyrightText {
  display: none;
}

.footer__branding {
    display: flex;  
    padding: 48px;
    justify-content:space-around;
    gap: 8px;
    max-width: 1100px;
    margin: auto;
    font-weight: 500;
   
}

@media (max-width: 767px) {
  .footer__branding {
    flex-direction:column;
   
   }
}


@media(min-width: 767px){
  .footer-copy{
    max-width:50%;
  }
}

.footer__wrapper {
  background: #161819;
}

.footer__wrapper.container{
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


@media (min-width: 768px) {
.footer__inner {
    display: table
}


.footer__inner {
  /*
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;*/
     display: flex;
    width: 100%;
    padding-bottom: 20px;
    margin: 0 auto;
    padding-top: 30px;
    padding-left: 30px;
  }
}

@media (max-width: 768px) {
  .footer__inner {
    flex-direction: column;
    align-items: center;
  }
  .legal-links_wrapper {
    margin-bottom: 20px;
  }
}
  
  
.footer-social-link::before{
  font-size: 30px;
}

.footer-social-link:not(.fa-instagram) {
  margin-right: 20px;
}

@media(max-width: 420px) {
  .legal-links_wrapper {
    flex-direction: column;
  }
  .license-link_wrapper {
    margin-bottom: 10px;
  }
  .privacy-link_wrapper {
    margin-bottom: 10px;
  }
}


.ni_footer{
  background: var(--sndw-neutrals-grey-20, #EEF0F2);
}

.footer-logo {
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='216' height='24' viewBox='0 0 216 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2132_30313)'%3E%3Cpath d='M28.3769 24L32.2783 19.902L16.4595 5.00242C13.4135 2.12874 11.0619 0 7.32148 0C2.19139 0 0 3.99109 0 8.88665V23.0421H6.03837V8.62105C6.03837 6.86478 6.46607 5.53441 7.85493 5.53441C8.81687 5.53441 9.45842 6.17327 10.6871 7.29068L28.3761 24H28.3769ZM34.5762 23.0421H40.5617V0.744941H34.5762V23.0421Z' fill='%23161819'/%3E%3C/g%3E%3Cg clip-path='url(%23clip1_2132_30313)'%3E%3Cg clip-path='url(%23clip2_2132_30313)'%3E%3Cpath d='M87.166 15.6478H93.2513V22.9708H96.0861V15.6478H102.174V13.2456H87.166V15.6478Z' fill='%23161819'/%3E%3Cmask id='mask0_2132_30313' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='52' y='0' width='164' height='24'%3E%3Cpath d='M215.711 0.738525H52.3252V23.2616H215.711V0.738525Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2132_30313)'%3E%3Cpath d='M115.229 18.4627C115.705 18.2549 116.079 17.9418 116.354 17.5234C116.628 17.1078 116.764 16.6008 116.764 16.0078C116.764 15.1268 116.473 14.4479 115.894 13.9658C115.314 13.4837 114.544 13.2427 113.58 13.2427H103.213V22.9679H105.979V21.2029L116.736 23.2449V20.9092L105.061 18.7702H113.58C114.2 18.7702 114.749 18.6649 115.226 18.4571L115.229 18.4627ZM105.981 16.8307V15.4703H113.056C113.278 15.4703 113.461 15.5313 113.605 15.6504C113.749 15.7723 113.821 15.9386 113.821 16.1519C113.821 16.3653 113.749 16.5315 113.605 16.6534C113.461 16.7753 113.278 16.8335 113.056 16.8335H105.981V16.8307Z' fill='%23161819'/%3E%3Cpath d='M52.3252 22.9705H55.16V13.2454H52.3252V22.9705Z' fill='%23161819'/%3E%3C/g%3E%3Cpath d='M86.2405 18.169C85.6696 17.7395 84.672 17.4264 83.2449 17.2297L77.0737 16.3957C76.8326 16.3597 76.6414 16.3209 76.4973 16.2849C76.3533 16.2489 76.2507 16.2045 76.1925 16.1519C76.1316 16.102 76.1011 16.0383 76.1011 15.9635C76.1011 15.8249 76.2064 15.7003 76.4142 15.5894C76.622 15.4786 76.9629 15.3899 77.4367 15.3262C77.9106 15.2625 78.5202 15.2292 79.2712 15.2292C80.69 15.2292 81.937 15.3512 83.0177 15.5977C84.0956 15.8443 85.1791 16.2267 86.2626 16.7448V14.2013C85.5505 13.8494 84.6693 13.5557 83.6218 13.3202C82.5743 13.0847 81.3578 12.9656 79.9667 12.9656C78.5757 12.9656 77.434 13.0875 76.4308 13.3341C75.4249 13.5807 74.6463 13.9464 74.0948 14.4313C73.5434 14.9189 73.269 15.5091 73.269 16.2018C73.269 16.8944 73.5739 17.4375 74.178 17.8476C74.7848 18.2604 75.7547 18.5541 77.0904 18.7286L82.7738 19.4934C83.1452 19.5405 83.425 19.5848 83.6135 19.6264C83.8019 19.6679 83.9515 19.7206 84.0568 19.7871C84.1621 19.8508 84.2176 19.9394 84.2176 20.0503C84.2176 20.2276 84.0818 20.3828 83.813 20.5241C83.5442 20.6626 83.1452 20.7707 82.6103 20.851C82.0783 20.9286 81.4354 20.9701 80.6844 20.9701C79.4236 20.9701 78.2265 20.8372 77.0931 20.5684C75.957 20.2996 74.8402 19.8286 73.7374 19.1498V21.8318C74.5992 22.2862 75.5496 22.6353 76.586 22.8819C77.6224 23.1285 78.8278 23.2504 80.1995 23.2504C81.7291 23.2504 83.0094 23.1008 84.043 22.7988C85.0766 22.4968 85.8414 22.0867 86.343 21.5686C86.8446 21.0505 87.0939 20.4576 87.0939 19.7898C87.0939 19.1221 86.8085 18.6012 86.2405 18.1717V18.169Z' fill='%23161819'/%3E%3Cpath d='M69.3201 22.4277L61.9269 13.2456H56.8281V22.9708H59.6629V15.3707H60.0509L66.1805 22.9708H72.155V13.2456H69.3201V22.4277Z' fill='%23161819'/%3E%3Cpath d='M186.387 15.6478H192.475V22.9708H195.31V15.6478H201.395V13.2456H186.387V15.6478Z' fill='%23161819'/%3E%3Cpath d='M182.51 22.4277L175.117 13.2456H170.018V22.9708H172.853V15.3707H173.241L179.371 22.9708H185.345V13.2456H182.51V22.4277Z' fill='%23161819'/%3E%3Cpath d='M155.035 22.9708H168.697V20.6074H157.815V19.0946H167.516V16.8974H157.815V15.6062H168.697V13.2456H155.035V22.9708Z' fill='%23161819'/%3E%3Cpath d='M214.854 18.169C214.284 17.7395 213.286 17.4264 211.859 17.2297L205.688 16.3957C205.447 16.3597 205.255 16.3209 205.111 16.2849C204.967 16.2489 204.865 16.2045 204.807 16.1519C204.746 16.102 204.715 16.0383 204.715 15.9635C204.715 15.8249 204.82 15.7003 205.028 15.5894C205.236 15.4786 205.577 15.3899 206.051 15.3262C206.522 15.2625 207.134 15.2292 207.885 15.2292C209.301 15.2292 210.551 15.3512 211.632 15.5977C212.71 15.8443 213.793 16.2267 214.877 16.7448V14.2013C214.164 13.8494 213.283 13.5557 212.236 13.3202C211.188 13.0847 209.972 12.9656 208.581 12.9656C207.19 12.9656 206.048 13.0875 205.045 13.3341C204.039 13.5807 203.26 13.9464 202.709 14.4313C202.157 14.9189 201.883 15.5091 201.883 16.2018C201.883 16.8944 202.188 17.4375 202.795 17.8476C203.402 18.2604 204.371 18.5541 205.707 18.7286L211.391 19.4934C211.762 19.5405 212.042 19.5848 212.23 19.6264C212.421 19.6679 212.568 19.7206 212.676 19.7871C212.782 19.8508 212.837 19.9394 212.837 20.0503C212.837 20.2276 212.704 20.3828 212.435 20.5241C212.167 20.6626 211.765 20.7707 211.233 20.851C210.701 20.9286 210.058 20.9701 209.307 20.9701C208.046 20.9701 206.849 20.8372 205.715 20.5684C204.579 20.2996 203.463 19.8286 202.36 19.1498V21.8318C203.221 22.2862 204.172 22.6353 205.208 22.8819C206.245 23.1285 207.45 23.2504 208.822 23.2504C210.351 23.2504 211.632 23.1008 212.665 22.7988C213.699 22.4968 214.464 22.0867 214.965 21.5686C215.467 21.0505 215.716 20.4576 215.716 19.7898C215.716 19.1221 215.431 18.6012 214.863 18.1717L214.854 18.169Z' fill='%23161819'/%3E%3Cpath d='M143.835 22.4277L139.667 13.2456H134.302V22.9708H137.137V15.3984H137.528L141.041 22.9708H146.628L150.144 15.3984H150.535V22.9708H153.37V13.2456H148.005L143.835 22.4277Z' fill='%23161819'/%3E%3Cpath d='M129.868 18.0805C129.868 18.5986 129.696 19.0696 129.353 19.4908C129.009 19.9119 128.502 20.2472 127.831 20.491C127.161 20.7376 126.346 20.8595 125.393 20.8595C124.44 20.8595 123.625 20.7376 122.954 20.491C122.284 20.2444 121.777 19.9119 121.433 19.4908C121.089 19.0696 120.918 18.5986 120.918 18.0805V13.2456H118.083V18.1498C118.083 19.2165 118.385 20.1336 118.992 20.9011C119.599 21.6713 120.452 22.2559 121.555 22.6577C122.658 23.0595 123.935 23.2617 125.39 23.2617C126.845 23.2617 128.122 23.0595 129.225 22.6577C130.328 22.2559 131.182 21.6686 131.789 20.9011C132.395 20.1336 132.697 19.2165 132.697 18.1498V13.2456H129.863V18.0805H129.868Z' fill='%23161819'/%3E%3Cpath d='M88.679 10.4665H91.5138V3.1435H97.6019V0.738525H82.5938V3.1435H88.679V10.4665Z' fill='%23161819'/%3E%3Cpath d='M73.3049 8.18619H80.6261L82.1086 10.4637H85.445L78.8969 0.738525H75.0341L68.4888 10.4665H71.8251L73.3077 8.18896L73.3049 8.18619ZM76.7632 2.86366H77.165L79.2433 6.05828H74.6877L76.766 2.86366H76.7632Z' fill='%23161819'/%3E%3Cmask id='mask1_2132_30313' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='52' y='0' width='164' height='24'%3E%3Cpath d='M215.711 0.738525H52.3252V23.2616H215.711V0.738525Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_2132_30313)'%3E%3Cpath d='M101.479 0.738525H98.6438V10.4665H101.479V0.738525Z' fill='%23161819'/%3E%3Cpath d='M67.6548 10.4665V0.738525H64.8172V9.92342L57.424 0.738525H52.3252V10.4665H55.16V2.86366H55.548L61.6776 10.4665H67.6548Z' fill='%23161819'/%3E%3C/g%3E%3Cpath d='M119.044 10.4665H132.703V8.10306H121.824V6.58749H131.523V4.39309H121.824V3.10194H132.703V0.738525H119.044V10.4665Z' fill='%23161819'/%3E%3Cpath d='M113.164 10.4665L118.141 0.738525H114.929L110.26 9.92342L105.591 0.738525H102.382L107.356 10.4665H113.164Z' fill='%23161819'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2132_30313'%3E%3Crect width='40.5626' height='24' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1_2132_30313'%3E%3Crect width='163.539' height='22.5231' fill='white' transform='translate(52.3252 0.738525)'/%3E%3C/clipPath%3E%3CclipPath id='clip2_2132_30313'%3E%3Crect width='163.385' height='22.5231' fill='white' transform='translate(52.3252 0.738525)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");    
    width: 216px;
    height: 24px;
}