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

    ** Custom Stylesheet **

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

***************************************************** */
ul.top-nav > li > a{
    color: #fff;
}

ul.top-nav > li:hover a, ul.top-nav > li:active a, ul.top-nav > li > a:focus{
    color:#fff;
}
ul.top-nav > li.primary-action > a.btn {
 background-color: #444;
 transition: background-color 0.2s ease;
}

ul.top-nav > li.primary-action > a.btn:hover {
  background-color: #fff;
  color: #444;
  border-color: #444;
}

.navbar-main .navbar-nav > li > a{
    color:#444;
}
.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 {
  color: #444;
  background-color: #fff;
}

.dropdown.account a.dropdown-toggle {
  color: #fff;
  transition: background-color 0.2s ease;
}

.dropdown.account a.dropdown-toggle:hover {
box-shadow: 1px 6px 12px rgba(0,0,0,.175);
}

a , a:hover {
  color: #444;
}

.navbar-main li.account{
   background-color: #5cb85c;
}

.navbar-main, .dropdown-menu{
  font-size: 17px;
}
section#header {
  background-color: #0a3a6b;
  border-radius:0px;
}

section#header .logo img{
    max-height: 100px;
}
section#main-menu .navbar-main{
    background-color: #fff;
    border: 1px solid #c9c9c9;
}
section#home-banner{
    background-color: #0a3a6b;
    padding: 90px 0 90px;
}

section#home-banner h2 {
  padding: 0 25px 30px 25px;
}

section#home-banner .btn.search{
   background-color: #86b83d;
}
section#home-banner .btn.transfer {
  background-color: #bbb;
}

.home-shortcuts{
    background: #fff;
    color:#444;
    border: 1px solid #c9c9c9;
}

.py-5 {
  padding-bottom: 3rem !important;
  padding-top: 3rem !important;
}

.domain-suggestions-warning {
  font-size: 1.1em;
}

.card {
  position: relative;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #FFF;
  background-clip: border-box;
  border: 1px solid #EFF2F7;
  border-radius: 0.375rem;
}

.card p {
  font-size: 18px;
}

.btn-primary{
   background-color: #444;
   transition: background-color 0.2s ease;
}


.btn-primary:hover, .btn-primary:active, .btn-primary:active:hover {
    background-color: #555;
}

#order-standard_cart .view-cart-items-header{
  background-color: #444;
}

#order-standard_cart .empty-cart .btn{
  background-color: red;
}

.view-cart-items span.item-domain {
  font-size: 1.6em;
}

#order-standard_cart .view-cart-items .item-price .cycle {
  font-size: 1.2em;
}

#order-standard_cart .summary-container, #order-standard_cart .products .product div.product-desc, #order-standard_cart .products .product footer{
    font-size: 1em;
}

table.table-list tbody td {
  font-size: 1.1em;
  font-weight: 500;
}

@media (max-width: 767px) {
   section#header .logo img {
     max-height: 70px;
  }
  .navbar-nav > li {
    margin-bottom: 8px;
  }
  .navbar-nav .open .dropdown-menu{
     background-color: #fff;
  }
  .navbar-main .navbar-nav .open .dropdown-menu > li > a, .navbar-main .navbar-nav .open .dropdown-menu > li > a:hover{
    color: #444;
  }
  .dropdown-menu > li > a:hover{
      background-color: #f4f4f4 ;
  }
  .navbar-main .navbar-nav .open .dropdown-menu > li > a{
    margin-bottom:8px;
  }
  ul.top-nav {
    margin: 0;
    font-size: 1.1em;
    padding-bottom: 2em;
    color: #fff;
  }
}