﻿

/*  Primary dark blue for nav header bg - #003F69

 Green button for share bar - #048767

 CTAs - #D64309

 Background grey green to be: #F8F8F8

 Text to be - #222222 */

 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');

 /* Layout */
 body {
     background-position: top;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     font-family: 'Poppins', sans-serif;
 }
 
 body::after {
     display: block;
     content: '';
     background-image: url('./images/client-logo.png');
     width: calc(100% - 400px);
     background-position: center;
     position: absolute;
     height: 100%;
     background-size: calc(100% - 40px - 40px);
     max-width: 640px;
     background-repeat: no-repeat;
 }
 
 @media only screen and (max-width: 720px) {
     body::after {
         display: none;
     }
 }
 
 
 @media only screen and (max-width: 439px) {
     body {
         background-image: none;
     }
 }
 
 main {
     background: #22222288;
     position: relative;
 }
 
 #ProgrammeLogo {
     background-image: url('./images/programme-logo.png');
     height: 50px;
     margin: 40px auto 40px auto;
 }
 
 /* Content */
.link-group a, .link-group li {
    color: #fff;
}
 
 .link-group {
     margin-top: 0px !important;
 }
 
 .link-group a:hover, .link-group a:active, .link-group li:hover, .link-group li:active {
     color: #fff;
 }
 
 #IdentityLinks {
     font-size: .9em;
 }
 
 .control-label {
     color: #fff;
 }
 
 .btn {
     text-transform: uppercase;
     border-color: #D64309 !important;
     color: #fff;
     font-weight: 600;
     border-radius: .35rem;
 }
 
 .btn-primary {
     color: #fff;
     background-color: #D64309;
 }

.btn-local-login {
    display: none;
}

.inline-local-login {
    display: inline;
}
 
 .btn-outline-light {
     color: black;
     background: #eee;
 }
 
 .btn-primary:hover,
 .btn-primary:focus,
 .btn-primary:active {
     background-color: #D64309 !important;
 }
 
 .btn-secondary {
     color: black;
     background-color: #fff;
 }
 
 #ExternalAuth {
     border-bottom: 1px solid #fff;
 }
 
 #IdentityLinks li:last-child {
     border-bottom: 1px solid #fff;
     margin-bottom: 1.5rem;
     padding-bottom: 1.5rem;
 }
 
 
 