/*
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.
*/
div#ct-header.ct-header-main div.container div.row{max-height: 80px;}
div.ct-main-navigation-inner ul#menu-main-menu.ct-main-menu{margin-top: -10px;}
div#ct-header.ct-header-main div.container div.row div.ct-header-navigation{justify-content: space-evenly !important; flex-grow:1;}
div.menutitle{margin-top: 7px; font-size: 25px; font-weight: 500;}
div#ct-header.ct-header-main.h-fixed div.container div.row div.ct-header-navigation{justify-content: space-between !important;}
#ct-header-wrap.ct-header-layout2 #ct-header:not(.h-fixed) .ct-header-branding::before{background-color: unset !important;}

header#ct-masthead div#ct-header-wrap.ct-header-layout2.header-trans.is-sticky div#ct-header.ct-header-main{background-color: unset !important;}
header#ct-masthead div#ct-header-wrap.ct-header-layout2.header-trans.is-sticky div#ct-header.ct-header-main.h-fixed{background-color: #ffffff !important;}

#ct-header-wrap.header-trans .ct-header-main:not(.h-fixed) .ct-header-meta .header-right-item{color:#39A2DC !important;}
#ct-header-wrap.ct-header-layout2 #ct-header:not(.h-fixed) .ct-header-meta .header-right-item.h-btn-sidebar::before, #ct-header-wrap.ct-header-layout2 #ct-header:not(.h-fixed) .ct-header-meta .header-right-item.h-btn-sidebar::after, #ct-header-wrap.ct-header-layout2 #ct-header:not(.h-fixed) .ct-header-meta .header-right-item.h-btn-sidebar span{background-color: #39A2DC !important;}

/*
div#ct-header-wrap.ct-header-layout2.header-trans div#ct-header.ct-header-main.h-fixed div.menutitle{color: #ffffff;}
div#ct-header-wrap.ct-header-layout2.header-trans.is-sticky div#ct-header.ct-header-main.h-fixed div.ct-header-navigation{max-width: 70%; color:#000;}
*/
div#ct-header.ct-header-main div.container div.row div.ct-header-navigation nav.ct-main-navigation div.ct-main-navigation-inner{color: #ffffff;}
div#ct-header.ct-header-main.h-fixed div.container div.row div.ct-header-navigation nav.ct-main-navigation div.ct-main-navigation-inner{color: #000000;}

div.ct-hidden-sidebar div.ct-hidden-sidebar-inner{margin: 60px 0px 0px 0; padding: 0 20px 0 20px; position: fixed; overflow-y: unset;}


.ct-menu-toggle.toggle-open::before{color: #000; content: '\f106' !important; font-size: 18px;}
.ct-menu-toggle.far.fac-angle-right:before{color: #000; content: '\f107'; font-size: 18px;}

div#page.site div#pagetitle.page-title.bg-image.text-center{
    -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    black 35%
  );
  mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    black 35%
  );
}








/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
 @media only screen and  (min-width:320px) and (max-device-width : 428px){
    div#page.site div#pagetitle.page-title.bg-image.text-center{padding-top: 70px;  padding-bottom: 35px;}
    div#page.site div#pagetitle.page-title.bg-image.text-center div.container div.page-title-inner div.page-title-holder h1.page-title{font-size: 35px;}

}





/* smartphones, Android phones, landscape iPhone */
@media (min-width:480px){
	
	
}




/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
	
	
	
}