/**
 * Header
 *
 * Description: Contains styling for the page-header.
 * Version: 1.0.3
 * -----------------------------------------------------------------------------
 */

/**
 * Table of Contents:
 *
 * 1.0 - Header
 *   1.1 - Header (responsive)
 * 2.0 - Pre-header
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 - Header
 * -----------------------------------------------------------------------------
 */

.page-header {
	position: relative;
	background-color: $white; 
	padding: em(13px) 0;

	.page-header-mikrosajt-skola-nav-service-holder {
		min-width: em(200px);
		padding-right: 0;
	}
}

#page-header {
	margin-bottom: $margin-standard;
}


/**
 * 1.1 - Header (responsive)
 * -----------------------------------------------------------------------------
 */

@media (max-width: $device-small-max) {
	.page-header {
		padding: em(10px) 0 em(2px);

		.page-header-mikrosajt-skola-nav-service-holder {
			min-width: em(220px);
		}
	}

	#page-header {
		margin-bottom: $margin-standard / 2;
	}
}



/**
 * 2.0 - Pre-header
 * -----------------------------------------------------------------------------
 */

.page-pre-header {
	background-color: $accent-color; 
	padding: em(6px) 0;

	a {
		color: $white;
		@include font-size($p-small-sizes);
	}
}