/**
 * Logo
 *
 * Description: Style for logo
 * -----------------------------------------------------------------------------
 */

/**
 * Table of Contents:
 *
 * 1.0 - Page logo
 *   1.1 - Page logo (responsive)
 *   1.2 - No svg logo
 * 2.0 - Page logo footer
 * 3.0 - Logo mikrosajt skola
 *   3.1 - Logo mikrosajt skola (responsive)
 * 4.0 - Logo mikrosajt Huddingegymnasiet
 *   4.1 - Logo mikrosajt Huddingegymnasiet (responsive)
 * 5.0 - Logo mikrosajt Östra gymnasiet
 * 6.0 - Logo mikrosajt Sågbäcksgymnasiet
 *   6.1 - Logo mikrosajt Sågbäcksgymnasiet (responsive)
 * 7.0 - Logo mikrosajt Sjödalsgymnasiet
 *   7.1 - Logo mikrosajt Sjödalsgymnasiet (responsive)
 * 8.0 - Logo mikrosajt Sjödalsgymnasiet
 *   8.1 - Logo mikrosajt Sjödalsgymnasiet (responsive)
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 - Page logo
 * -----------------------------------------------------------------------------
 */

.page-logo {
	display: inline-block;
	@include clearfix();

	&:hover {
		text-decoration: none;
	}

	.logo {
		display: block;
		float: left;
		width: em(228px);
		height: em(64px);
		margin-top: em(3px);
		margin-right: em(16px);
	}

	&:after {
		position: absolute;
		top: 0;
		width: 30px;
		height: 100%;
		display: inline-block;
		content: " ";
		border-right: em(5px) solid $grey-lighter;
		-webkit-transform: skew(-4.5deg);
		-ms-transform: skew(-4.5deg);
		transform: skew(-4.5deg);
	}
}


/**
 * 1.1 - Page logo (responsive)
 * -----------------------------------------------------------------------------
 */

@media (max-width: $device-medium-max) {
	.page-logo {
		.logo {
			width: em(180px);
			height: em(50px);
			margin-top: em(8px);
		}
	}
}

@media (max-width: $device-small-max) {
	.page-logo {
		.logo {
			width: em(127px);
			height: em(36px);
			margin-top: em(12px);
			margin-left: em(7px);
			margin-right: 0;
		}
	}
}

@media (max-width: $device-xsmall-max) {
	.page-logo {
		.logo {
			width: em(114px);
			height: em(32px);
		}
	}
}


/**
 * 1.2 - No svg logo
 * -----------------------------------------------------------------------------
 */

.no-svg {
	.page-logo {
		background: url("../../img/logo_sv.png") no-repeat left center;
		background-size: contain;

		img {
			display: none !important;
		}
	}
	.page-footer-logo .page-logo {
		background: url("../../img/logo_sv_white.png") no-repeat left center;
	}
}



/**
 * 2.0 - Page logo footer
 * -----------------------------------------------------------------------------
 */

.page-footer-logo {
	position: relative;
	overflow: hidden;
	background-color: $accent-color;

	.page-logo {
		margin: em(23px) 0 em(10px);

		.logo {
			margin-top: 0;
		}

		&:after {
			border-color: $white;
		}

		@media (max-width: $device-medium-max) {
			margin-top: em(18px)
		}
		@media (max-width: $device-small-max) {
			margin-top: em(20px)
		}
	}

	&.page-footer-logo-mikrosajt-skola .page-logo {
		margin-bottom: em(15px);
	}
}


/**
 * 3.0 - Logo mikrosajt skola
 * -----------------------------------------------------------------------------
 */

.logo-mikrosajt {
	padding-left: em(60px);

	a {
		color: $text-color;

		.page-footer-logo & {
			color: $white;
		}

		&:hover {
			text-decoration: none;
		}
	}

	.logo-mikrosajt-text {
		@include font-size($h2-sizes);
		font-weight: 700;
		padding-top: em(10px, getFontsize($h2-sizes, 'medium')) !important;
	}
}


/**
 * 3.1 - Logo mikrosajt skola (responsive)
 * -----------------------------------------------------------------------------
 */


@media (max-width: $device-medium-max) {
	.page-header-mikrosajt-skola {
		.page-logo-holder.flag-image {
			padding-right: em(8px);
		}

		.page-logo {
			.logo {
				margin-right: em(8px);
			}
		}
	}
}

@media (max-width: $device-small-max) {
	.logo-mikrosajt {
		padding-left: em(0px);
	}

	.page-header-mikrosajt-skola {
		.page-logo {
			.logo {
				margin-right: em(0px);
			}
		}
	}

	.page-footer-logo.page-footer-logo-mikrosajt-skola {
		padding-top: em(10px);
	}

	.page-header-mikrosajt-skola-mobile-logo {
		background: $white;
		margin-top: em(-10px);
		margin-bottom: em(10px);

		.logo-microsajt-mobile {
			display: block;
			padding: em(10px) em(10px) em(10px) em(8px);
		}

		a {
			color: $text-color;

			.page-footer-logo & {
				color: $white;
			}

			&:hover {
				text-decoration: none;
			}
		}

		.logo-mikrosajt-text {
			@include font-size($h2-sizes);
			font-weight: 700;
			margin: 0 !important;
			padding: em(8px, getFontsize($h2-sizes, 'medium')) 0 0 !important;
		}
	}
}


/**
 * 4.0 - Logo mikrosajt Huddingegymnasiet
 * -----------------------------------------------------------------------------
 */

.page-header-mikrosajt-skola.page-header-mikrosajt-skola--huddingegymnasiet {
	.logo-mikrosajt {
		a {
			.logo-mikrosajt-img {
				margin-top: em(2px);
				height: em(60px);
			}
		}
	}
}


/**
 * 4.1 - Logo mikrosajt Huddingegymnasiet (responsive)
 * -----------------------------------------------------------------------------
 */

@media (max-width: 1080px) {
	.page-header-mikrosajt-skola.page-header-mikrosajt-skola--huddingegymnasiet {
		.logo-mikrosajt {
			a {
				.logo-mikrosajt-img {
					height: em(64px);
					width: em(483px);
				}
			}
		}
	}
}

@media (max-width: $device-medium-max) {
	.page-header-mikrosajt-skola.page-header-mikrosajt-skola--huddingegymnasiet {
		.page-logo-holder.flag-image {
			padding-right: em(8px);
		}
	}

	.page-header-mikrosajt-skola--huddingegymnasiet {
		.logo-microsajt-mobile img {
			width: 250px;
		}
	}
}

@media (max-width: $device-xsmall-max) {
	.page-header-mikrosajt-skola--huddingegymnasiet {
		.logo-microsajt-mobile img {
			width: 220px;
		}
	}
}



/**
 * 5.0 - Logo mikrosajt Östra gymnasiet
 * -----------------------------------------------------------------------------
 */

.page-header-mikrosajt-skola.page-header-mikrosajt-skola--ostragymnasiet {
	.logo-mikrosajt {
		a {
			.logo-mikrosajt-img {
				margin-top: em(-4px);
				height: em(32px);
			}
		}
	}
}


/**
 * 5.1 - Logo mikrosajt Östra gymnasiet (responsive)
 * -----------------------------------------------------------------------------
 */

@media (max-width: $device-small-max) {
	.page-header-mikrosajt-skola-mobile-logo {
		.logo-mikrosajt-img {
			padding: em(5px) 0 em(7px);
		}
	}

	.page-header-mikrosajt-skola--ostragymnasiet {
		.logo-microsajt-mobile img {
			width: 200px;
		}
	}
}

@media (max-width: $device-xsmall-max) {
	.page-header-mikrosajt-skola--ostragymnasiet {
		.logo-microsajt-mobile img {
			width: 180px;
		}
	}
}



/**
 * 6.0 - Logo mikrosajt Sågbäcksgymnasiet
 * -----------------------------------------------------------------------------
 */

.page-header-mikrosajt-skola.page-header-mikrosajt-skola--sagbacksgymnasiet {
	.logo-mikrosajt {
		a {
			.logo-mikrosajt-img {
				margin-top: em(2px);
				height: em(65px);
			}
		}
	}
}


/**
 * 6.1 - Logo mikrosajt Sågbäcksgymnasiet (responsive)
 * -----------------------------------------------------------------------------
 */

@media (max-width: $device-medium-max) {
	.page-header-mikrosajt-skola.page-header-mikrosajt-skola--sagbacksgymnasiet {
		.logo-mikrosajt {
			a {
				.logo-mikrosajt-img {
					margin-top: em(0px);
				}
			}
		}
	}

	.page-header-mikrosajt-skola--sagbacksgymnasiet {
		.logo-microsajt-mobile img {
			width: 200px;
		}
	}
}

@media (max-width: $device-xsmall-max) {
	.page-header-mikrosajt-skola--sagbacksgymnasiet {
		.logo-microsajt-mobile img {
			width: 180px;
		}
	}
}


/**
 * 7.0 - Logo mikrosajt Sjödalsgymnasiet
 * -----------------------------------------------------------------------------
 */

.page-header-mikrosajt-skola.page-header-mikrosajt-skola--sjodalsgymnasiet {
	.logo-mikrosajt {
		a {
			.logo-mikrosajt-img {
				margin-top: em(8px);
				height: em(36px);
			}
		}
	}
}


/**
 * 7.1 - Logo mikrosajt Sjödalsgymnasiet (responsive)
 * -----------------------------------------------------------------------------
 */

@media (max-width: $device-medium-max) {
	.page-header-mikrosajt-skola.page-header-mikrosajt-skola--sjodalsgymnasiet {
		.logo-mikrosajt {
			a {
				.logo-mikrosajt-img {
					margin-top: em(4px);
				}
			}
		}
	}

	.page-header-mikrosajt-skola--sjodalsgymnasiet {
		.logo-microsajt-mobile img {
			width: 230px;
		}
	}
}

@media (max-width: $device-xsmall-max) {
	.page-header-mikrosajt-skola--sjodalsgymnasiet {
		.logo-microsajt-mobile img {
			width: 210px;
		}
	}
}


/**
 * 8.0 - Logo mikrosajt Widerströmska gymnasiet
 * -----------------------------------------------------------------------------
 */

.page-header-mikrosajt-skola.page-header-mikrosajt-skola--widerstromskagymnasiet {
	.logo-mikrosajt {
		a {
			.logo-mikrosajt-img {
				margin-top: em(8px);
				height: em(40px);
			}
		}
	}
}


/**
 * 8.1 - Logo mikrosajt Widerströmska gymnasiet (responsive)
 * -----------------------------------------------------------------------------
 */

@media (max-width: $device-medium-max) {
	.page-header-mikrosajt-skola.page-header-mikrosajt-skola--widerstromskagymnasiet {
		.logo-mikrosajt {
			a {
				.logo-mikrosajt-img {
					margin-top: em(4px);
				}
			}
		}
	}

	.page-header-mikrosajt-skola--widerstromskagymnasiet {
		.logo-microsajt-mobile img {
			width: 270px;
		}
	}
}

@media (max-width: $device-xsmall-max) {
	.page-header-mikrosajt-skola--widerstromskagymnasiet {
		.logo-microsajt-mobile img {
			width: 210px;
		}
	}
}