/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

h1{
    color: #0c242e;
}
body {
    background-color: #fff;
}
.btn-primary{
    background-color: #0c242e;
    border-color:  #0c242e;
}
section#header{
    background-color: #0c242e;
}
div.header-lined h1{
    color: #0c242e;
}
section#header .logo img{
    max-height: 150px;
}
ul.top-nav{
    margin-top: 38px;
}
.navbar-main .navbar-nav>li>a{
    color: #000;
}
.navbar-main .navbar-nav>.active>a, .navbar-main .navbar-nav>.active>a:focus, .navbar-main .navbar-nav>.active>a:hover, .navbar-main .navbar-nav>.open>a, .navbar-main .navbar-nav>.open>a:focus, .navbar-main .navbar-nav>.open>a:hover, .navbar-main .navbar-nav>li>a:focus, .navbar-main .navbar-nav>li>a:hover{background-color: #0c242e}
.navbar-main{
    background-color: #00ffc0;
}
ul.top-nav>li.primary-action>a.btn{
    padding: 6px 15px;
    background-color: #00ffc0;
    color: #000;
    border-radius: 3px;
}
.navbar-main li.account {
    background-color: #fff;
}
section#footer{
    background-color: #fff;
}
section#footer p{
    color: #0c242e;
}
section#footer .back-to-top i {
    padding: 10px;
    background-color: #00ffc0;
    color: #000;
    border-radius: 3px;
    opacity: .7;
}
.ssl-state{
    visibility: hidden !important;
}

div.select-account {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 20px;
  column-gap: 50px;
}

div.select-account a{
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;  min-height: 100px;
display: flex!important;
border-radius: 10px;
box-sizing: border-box;
padding: 20px;
  text-decoration: none!important;
  flex-direction: column-reverse!important;
  justify-content: flex-end!important;
}

div.select-account a span{
display: inline-block!important;
width: auto!important;
}

div.select-account a {
text-decoration: none!important;
}

div.select-account a span{
margin-bottom: 10px!important;
}