/*

Template: The Corps — Responsive Multi-purpose HTML5 Template
Author: potenzaglobalsolutions.com
Version:  2.1
Design and Developed by: potenzaglobalsolutions.com

Note: This is the file where you can add your custom styles to change the look of the
theme. But don't modify "style.css" file.

*/

/* Your custom css codes start from here: */


 
/* ==========================================================================
   Enterprise Suite entry points
   The header dropdown and the login/register pages used to carry a sign-in form
   that posted nowhere. They now link to the application instead.
   ========================================================================== */

.mf-signin { padding: 6px 0 2px; }

.mf-signin__lead {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.5;
}

.mf-signin .button { display: inline-block; }

.mf-signin__note {
  margin: 14px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
  opacity: .75;
}

/* The application link sits at the end of the main menu, as a small button.
   The anchor keeps the menu's own line-height, so it lines up with Home, Blog and
   Contact exactly as any other item does; the green box is the span inside it,
   centred on that line. Positioning the anchor itself with a fixed margin drifts
   the moment the header's height changes. */
.mf-nav-app > a { white-space: nowrap; }

@media (min-width: 992px) {
  .mega-menu .menu-links > li.mf-nav-app > a.mf-login-btn {
    width: auto;
    /* Only the horizontal padding is ours. The vertical padding is whatever the
       page's header variant gives every menu link (the homepage and the inner
       pages differ), so this item is always as tall as Home and Contact and its
       green box lands on their line. */
    padding-left: 10px !important;
    padding-right: 0 !important;
    background: none;
  }

  /* #28A745 is the green already used across the site. */
  .mega-menu .menu-links > li.mf-nav-app > a.mf-login-btn > span {
    display: inline-block;
    height: 30px;
    padding: 0 16px;
    background: #28A745;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    line-height: 30px;
    border-radius: 4px;
    /* `middle` aligns to the middle of the parent's x-height, not the line box,
       which leaves the box 2px high against the menu text. */
    vertical-align: middle;
    margin-top: -2px;
    transition: background-color .15s ease;
  }

  .mega-menu .menu-links > li.mf-nav-app > a.mf-login-btn:hover > span,
  .mega-menu .menu-links > li.mf-nav-app > a.mf-login-btn:focus > span {
    background: #1e7e34;
    color: #ffffff;
  }
}

/* In the mobile drawer it is a compact green button, not a full-width row. */
@media (max-width: 991px) {
  .mega-menu .menu-links > li.mf-nav-app > a.mf-login-btn {
    width: auto;
    background: none;
  }
  .mega-menu .menu-links > li.mf-nav-app > a.mf-login-btn > span {
    display: inline-block;
    height: 32px;
    padding: 0 16px;
    background: #28A745;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    line-height: 32px;
    border-radius: 4px;
    vertical-align: middle;
  }
}