/*
Theme Name: Huberti on Oshine
Description: Oshine Child Theme for Huberti GmbH
Author: edium - web solutions
Template: oshin
Version: 1.0
*/

@import url("../oshin/style.css");


/* OWN CHANGES */


/* Make the SVG Logo work */
.logo img {
	width: 160px;
}

/* Fix the Navigation height */
body #header-wrap #navigation,
body #header-wrap #navigation-left-side,
body #header-wrap #navigation-right-side,
body #header-inner-wrap .header-controls,
body #header-inner-wrap #header-controls-left,
body #header-inner-wrap #header-controls-right,
body #header-inner-wrap #header-wrap,
body #header-inner-wrap .mobile-nav-controller-wrap {
	line-height: 80px !important;
}

/* Portfolio Filters Settings 
   also used as navigation in product pages 
*/
.filters.border .filter_item {
	margin-right: 0;
}
.filters.border .sort {
	padding: 5px 12px 5px 12px;
}
.filters.border a.sort:not(.current_choice) {
	color: #222222;
}
.filters.border span.sort.current_choice {
	cursor: default;
}


/* Product Page Heading with <h1> */
#hero-section h1.special-headline {
	display: inline-block;
	margin: 0 auto;
	padding: 5px 30px;
	color: #ffffff;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	border: 5px solid #ffffff;
	hyphens: auto;
}
@media only screen and (max-width: 767px) {
	#hero-section h1.special-headline {
		font-size: 40px;
		line-height: 50px;
		padding: 5px 20px;
		border-width: 3px;
	}
}


/* Master Slider */
.master-slider .ms-layer  {
	overflow: hidden;
	hyphens: auto;
	word-wrap: break-word;
}

.master-slider .ms-layer.ms-title-layer-right {
	width: 600px !important;
	min-width: 200px;
	max-width: 600px;
}

.master-slider .ms-layer .ms-title {
	font-size: 14px !important;
	line-height: 21px !important;
	text-align: center;
	text-transform: uppercase;
	max-width: 1000px;
	margin: 0 auto;
}

.master-slider .ms-layer .ms-title .ms-title-font {
	font-family: Crimson Text;
	font-weight: 400;
	font-size: 1.3em;
	font-style: italic;
	text-transform: none;
}

.master-slider .ms-layer .ms-subtitle {
	font-size: 12px !important;
	padding-top: 1.5em !important;
}

.master-slider .ms-layer.ms-trade-logo,
.master-slider .ms-layer.ms-trade-logo-right {
	min-width: 160px;
	height: auto !important;
}

.master-slider .ms-layer.ms-trademark {
	font-size: 10px !important;
	line-height: 1em !important;
	font-weight: normal;
}

@media only screen and (max-width:767px) {
	.master-slider .ms-layer.ms-title-layer-right {
		left: 50% !important;
		transform: translateX(-50%);
		max-width: 65%;
	}
	.master-slider .ms-layer.ms-trade-logo-right {
		left: 50% !important;
		transform: translateX(-50%);
	}
	.master-slider .ms-layer.ms-slogan-logo {
		width: 200px !important;
		height: auto !important;
		bottom: 60px !important;
		right: 50%;
		margin-right: -100px;
	}
}

@media only screen and (min-width:768px) {
	.master-slider .ms-layer {
		hyphens: none;
	}
	.master-slider .ms-layer .ms-title {
		font-size: 22px !important;
		line-height: 30px !important;
	}
	.master-slider .ms-layer .ms-subtitle {
		font-size: 16px !important;
	}
	.master-slider .ms-layer.ms-trademark {
		font-size: 12px !important;
		right: auto;
	}
	.master-slider .ms-layer.ms-slogan-logo {
		min-width: 0;
	}
}

@media only screen and (min-width:768px) and (max-width:1300px) {
	.master-slider .ms-layer.ms-title-layer-right {
		left: auto !important;
		right: 80px;
		margin-right: 0;
	}
	.master-slider .ms-layer.ms-trade-logo-right {
		left: auto !important;
		right: 380px; /* 80 + 600/200 */
		transform: translateX(50%);
	}
}

@media only screen and (min-width:1024px) {
	.master-slider .ms-layer .ms-title {
		font-size: 26px !important;
		line-height: 36px !important;
	}
	.master-slider .ms-layer .ms-subtitle {
		font-size: 18px !important;
	}
	.master-slider .ms-layer.ms-trademark {
		font-size: 14px !important;
	}
}