/*
Theme Name: Consultio Child
Theme URI: http://demo.casethemes.net/consultio/
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/portfolio/
Description: Consultio is the Perfect Consulting Finane & Business WordPress Theme. Consultio is best suited for corporate website like Consultioial Advisor, Accountant, Consulting Firms, insurance, loan, tax help, Investment firm etc. This is a business theme that is help full for online presence for Corporate Business and Consultioial Firms.   
Version: 3.2.8
License: ThemeForest
License URI: https://themeforest.net/licenses
Template: consultio
Text Domain: consultio-child
Tags: advisor, attorney, corporate accountant, consulting, consultant, finance, insurance, invest, investment, investor, mutual funds, pensions, retirement, saving, trading 
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* =========================================================
   Solumatics – Consultio Header Layout 2 booking CTA
   Append this block to the ACTIVE Consultio Child style.css.
   Remove all previous .solu-header-booking / booking CTA CSS first.
   ========================================================= */

@media screen and (min-width: 1200px) {
  /* Keep the original one-line header geometry. */
  #ct-header-wrap.ct-header-layout2 .ct-header-navigation {
    flex-wrap: nowrap;
    min-width: 0;
  }

  #ct-header-wrap.ct-header-layout2 .ct-main-navigation {
    min-width: 0;
  }

  #ct-header-wrap.ct-header-layout2 .ct-main-navigation-inner,
  #ct-header-wrap.ct-header-layout2 .ct-main-menu {
    white-space: nowrap;
  }

  /* Layout 2's default 17px per side is too wide for seven links + CTA. */
  #ct-header-wrap.ct-header-layout2 .ct-main-menu > li {
    margin-left: 10px;
    margin-right: 10px;
  }

  #ct-header-wrap.ct-header-layout2 .ct-header-meta {
    flex-wrap: nowrap;
    flex: 0 0 auto;
    margin-left: 14px;
  }

  #ct-header-wrap.ct-header-layout2 .solu-layout2-booking-desktop {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
  }

  #ct-header-wrap.ct-header-layout2 .solu-layout2-booking-desktop > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 11px 17px;
    background: #06883e;
    border: 1px solid #06883e;
    border-radius: 4px;
    color: #fff !important;
    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none !important;
    white-space: nowrap;
    box-shadow: none;
    transition: background-color .22s ease, border-color .22s ease, transform .22s ease;
  }

  #ct-header-wrap.ct-header-layout2 .solu-layout2-booking-desktop > a:hover,
  #ct-header-wrap.ct-header-layout2 .solu-layout2-booking-desktop > a:focus {
    background: #045f2f;
    border-color: #045f2f;
    color: #fff !important;
    transform: translateY(-2px);
  }

  #ct-header-wrap.ct-header-layout2 .solu-layout2-booking-desktop + .header-right-item {
    margin-left: 18px !important;
  }

  /* Sticky header remains compact and vertically centred. */
  #ct-header-wrap.ct-header-layout2 #ct-header.h-fixed .solu-layout2-booking-desktop > a {
    min-height: 40px;
    padding: 10px 15px;
    font-size: 12px;
  }
}

/* Slightly tighter only on narrower desktop widths. */
@media screen and (min-width: 1200px) and (max-width: 1365px) {
  #ct-header-wrap.ct-header-layout2 .ct-main-menu > li {
    margin-left: 7px;
    margin-right: 7px;
  }

  #ct-header-wrap.ct-header-layout2 .ct-main-menu > li > a {
    font-size: 14px;
  }

  #ct-header-wrap.ct-header-layout2 .solu-layout2-booking-desktop > a {
    padding-left: 13px;
    padding-right: 13px;
    font-size: 12px;
  }
}

@media screen and (max-width: 1199px) {
  .solu-layout2-booking-desktop {
    display: none !important;
  }

  #ct-header-wrap.ct-header-layout2 .solu-layout2-booking-mobile {
    display: block;
    margin: 24px 20px 10px;
  }

  #ct-header-wrap.ct-header-layout2 .solu-layout2-booking-mobile > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    padding: 14px 18px;
    background: #06883e;
    border: 1px solid #06883e;
    border-radius: 4px;
    color: #fff !important;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none !important;
  }

  #ct-header-wrap.ct-header-layout2 .solu-layout2-booking-mobile > a:hover,
  #ct-header-wrap.ct-header-layout2 .solu-layout2-booking-mobile > a:focus {
    background: #045f2f;
    border-color: #045f2f;
    color: #fff !important;
  }
}