/*
Theme Name: Knowlifi Child
Theme URI: https://knowlifi.modeltheme.com/
Template: knowlifi
Author: ModelTheme
Author URI: http://modeltheme.com/
Description: E-Learning & Knowledgebase Theme
Version: 1.1.2
Text Domain: knowlifi
Tags: e-learning, learn, knowledge, knowledgebase, sticky-post
*/
/* Theme customization starts here
------------------------------------------------------- */
#wpadminbar #wp-admin-bar-my-account.with-avatar>a img {
	margin: -4px 7px 0 6px !important;
}
div#wp-toolbar {
	display: flex;
    flex-wrap: nowrap;
}

ul#wp-admin-bar-top-secondary {
	display: flex;
	flex-wrap: nowrap;
}

li#wp-admin-bar-lp-frontend-editor a.ab-item, li#wp-admin-bar-lp-course-builder a.ab-item, li#wp-admin-bar-lp-zoom-setting a.ab-item {
	display: flex !important;
    flex-wrap: nowrap !important;
}

ul#wp-admin-bar-root-default {
    display: flex;
    flex-wrap: nowrap;
}
.wp-admin-bar-lp-course-builder {
	a.ab-item {
		align-items: center;
	}
	
	.lp-cb-admin-bar-icon {
		align-items: flex-start !important;
		display: flex !important;
		
		svg {
			width: 22px !important;
		}
	}
}

.row-v2.no-center .col-v2.col-v2-right {
	flex-grow: 1;
	margin-top: 25px;
}

#wpadminbar .quicklinks li#wp-admin-bar-stats a img, #wpadminbar .quicklinks li#wp-admin-bar-stats a div {
	width: 25px !important;
}

body .lp-archive-courses .learn-press-courses-header {
	    padding-bottom: 10px !important;
}

body .lp-archive-courses .learn-press-courses-header h1::after {
	margin-top: 0 !important;
}
	
@media (max-width: 1400px) {
	li#wp-admin-bar-lp-frontend-editor .ab-label, li#wp-admin-bar-lp-course-builder .ab-label, li#wp-admin-bar-lp-zoom-setting .ab-label {
		font-size:11px;
	}
	
	#wpadminbar a.ab-item {
		font-size: 11px !important;
		gap: 2px !important;
	}
	
	#wpadminbar .ab-item:before {
		font: normal 17px / 1 dashicons !important;
		margin-right: 3px !important;
	}
	
	#wpadminbar * {
		font-size: 11px !important;
	}
	
	.lp-cb-admin-bar-icon {
		svg {
			width: 20px !important;
		}
	}
	
	.row-v2.no-center .col-v2.col-v2-left {
		max-width: 150px;
	}
	
	#masthead .nav-menu-desktop .menu>li>a {
		font-size: 13px;
		padding: 5px 10px;
	}
	
	#masthead .logo.logo-image img {
		max-width: 150px !important;
		width: auto !important;
	}
}