:root {
    --color-primary:   #00b7f0;
    --color-dark:      #01428c;
    --color-primary-l1: #33cdf4;
    --color-primary-l2: #99e3f9;
    --color-primary-l3: #e3f6fc;
    --color-primary-l4: #f5fcfe;
    --color-primary-d1: #0090c0;
    --color-primary-d2: #006e96;
    --color-white: #FFF; /* Pure White */
    --color-light: #F1F9FA; /* Light Greyish Blue */
    --color-secondary-l3: #DDE1E3; /* Very Light Grey */
    --color-secondary-l2: #BCC3C6; /* Light Grey */
    --color-secondary-l1: #949EA3; /* Medium Grey */
    --color-secondary: #61696F; /* Dark Grey with blue undertones */
    --color-lightgrey: #61696F99; /* Semi-transparent Grey */
    --color-error: #DA1414;
    --color-error-l1: #F48989;
    --color-footer:  #00b7f0; /* grey ASH */
    --color-info-banner: #EDF3FD;
    --color-info-banner-text: #2E5AAC;
    --color-icons: var(--color-dark);
}
.nav-link {
    background: var(--color-dark);
}

.box-100-footer-logo-03051 {
    float: left;
    display: block;
    width: 27%;
    background: url(../../images/logo/banks/barclays/logo-barclays-white.png) no-repeat left 0.313em transparent;
    padding-left: 0px;
    background-size: contain;
    height: 6.7em;
    position: relative;
    right: 17px;
    top: 5px;
    left: 1%;
    width: 200px;
}

#banner #heading #site-title-03051 {
    float: left;
    display: block;
    width: 256px;
    background: url(../../images/logo/banks/barclays/logo-servizio-barclays.png) no-repeat left 0.313em transparent;
    padding-left: 0px;
    background-size: contain;
    margin: 8px 0 0 15px;
    height: 2.7em;
    position: relative;
    right: 17px;
}

.loginFormBanner {
    background-image: url(../../images/loginBarclays.jpg)!important;
}


/*put all the changes inside the media query block below*/
@media only screen and (min-width: 1025px) {

  #footer {
      justify-content: flex-start!important;
      position:relative;
      padding-right: 4%;
  }

  .footerElements {
      max-width: 64em;
      margin-left: 8%;
      margin-top: 10px;
      margin-right: auto;
      display: block;
  }

  .language-widget {
      top: -1.5em;
  }

  #footer .footerLinks {
      margin-left: auto;
      right: 0;
  }
  #footer .footerLinks li {
      margin-right: 22px;
  }

  .nav-link {
      background: var(--color-primary-d2);
  }

  #footer .dropdown-item:hover, #footer .dropdown-item.hover,
  #footer .dropdown-menu-lang .dropdown-item,
  a#it-IT, a#en-EN,
  a#it-IT:hover, a#en-EN:hover {
      color: #fff !important;
  }
  #footer .dropdown-menu-lang::before {
      border-bottom: 16px solid var(--color-primary-d2);
  }
  #footer .dropdown-menu-lang .dropdown-item {
      background-color: var(--color-primary-d2);
  }
  #footer .dropdown-item:hover, #footer .dropdown-item.hover {
      background-color: var(--color-primary-d1);
  }

  .loginPageLeftContent {
    color: var(--color-dark);
    text-shadow: 0px 1px 7px rgba(255, 255, 255, 0.9);
  }
}