/* ==========================================================================
   Header layout styles
   ========================================================================== */

$left-right-spacing: 12px; // Same size needs to be as in ginevra-core/inc/header/assets/css/scss/_common-default.scss

.qodef-header--divided {

	#qodef-page-header {

		.qodef-divided-header-left-wrapper,
		.qodef-divided-header-right-wrapper {
			width: 100%;
			height: 100%;
			display: flex;
			align-items: center;
		}

		.qodef-divided-header-left-wrapper {
			justify-content: flex-start;

			.qodef-header-navigation {

				&:only-child {
					margin-left: 0;
				}
			}
		}

		.qodef-divided-header-right-wrapper {
			justify-content: flex-end;

			.qodef-header-navigation {

				&:only-child {
					margin-right: 0;
				}
			}
		}
		
		.qodef-header-logo-link {
			justify-content: center;
		}
		
		.qodef-header-navigation {
			margin: 0 $left-right-spacing * 2;
		}
		
		.qodef-widget-holder {
			margin-left: 0;
		}
	}

	#qodef-page-header-inner {
		align-items: stretch;
		justify-content: center;
	}
}
