/* Header CSS
--------------------------------------------------------------- */

.site-branding {
	display: none !important;
}

.logo-section {
	width: calc(100% - 60px);
    margin-left: 30px;
    padding: 2em 0;
    display: flow-root;
}

.main-heading {
	margin: auto auto 0;
	text-align: center;
}

.main-heading h2 {
    color: #003057;
    font-weight: 300;
    font-size: 2.2em;
}

.logo-button {
    width: 100%;
    text-align: right;
}

.ast-mobile-menu-buttons {
	margin: auto;
}

@media (min-width: 1025px) {

	.main-header-menu a {
	    font-size: 1.2em;
	    padding: 0 30px;
	    border-right: 2px solid #CFDAE3;
	    line-height: 1.6;
	    color: #005d98 !important;
	}

	.main-header-menu li:last-child a {
	    border-right: 0;
	}

	.main-header-menu .current_page_item > a {
		color: #717171 !important;
	}

	.main-header-menu .sub-menu a:hover {
	    background: #f7f7f7;
	    color: #0080d2 !important;
	}

	.main-header-bar-navigation {
	    margin: 10px 0;
	}
}

@media (max-width: 1024px) {

	.main-navigation ul li a {
	    padding: 4px 20px !important;
	    color: #fff;
	    background: #0080d2;
	}

	.main-header-menu .current_page_item > a {
	    color: #dadada;
	}

	.main-navigation ul li a {
		border-color: #fff !important;
	}

	ul.sub-menu li a {
	    background: #0080d2ad;
	    color: #fff;
	    padding-left: 3em !important;
	}

	.ast-menu-toggle::before {
	    color: #fff;
	}

	.main-header-menu li:hover > a, .main-header-menu li:hover > .ast-menu-toggle, .main-header-menu .ast-masthead-custom-menu-items a:hover, .main-header-menu li.focus > a, .main-header-menu li.focus > .ast-menu-toggle, .main-header-menu .current-menu-item > a, .main-header-menu .current-menu-ancestor > a, .main-header-menu .current_page_item > a, .main-header-menu .current-menu-item > .ast-menu-toggle, .main-header-menu .current-menu-ancestor > .ast-menu-toggle, .main-header-menu .current_page_item > .ast-menu-toggle {
	    color: #dadada;
	}
	
	.logo-section .elementor-column {
	    width: 100% !important;
	    text-align: center;
	}

	.sani-logo {
	    margin: auto;
	}

	.logo-button {
	    text-align: center;
	}

	.main-heading {
	    margin: 1.2em auto;
	}

	.logo-section {
		padding-bottom: 0;
	}

	.main-header-bar-navigation {
		padding-top: 0 !important;
	}

	.main-navigation ul li:last-child a {
	    border: 0;
	}

	.main-header-menu {
		border: 0 !important;
	}

	.ast-menu-toggle {
	    right: 0 !important;
	}
}