/*

Theme Name: Maskitto Light
Theme URI: http://shufflehound.com/maskitto-light/
Author: Shufflehound
Author URI: http://shufflehound.com
Description: A light weight clean and simple WordPress theme for everyday use. Bunch of useful features like, responsive design, united color schemes, slider with lots of options, fast to learn administration panel layout, plus, clean and easy visual design and it's all free. Documentation available at http://shufflehound.com/maskitto-light/ and demo at http://demo.shufflehound.com/maskitto-light/
Version: 3.4.0
License: GNU General Public License v2 or later
License URI: license.txt
Tags: custom-background, custom-colors, custom-menu, fluid-layout, responsive-layout, threaded-comments, translation-ready, theme-options, right-sidebar, light, white, blue, gray, red
Text Domain: maskitto-light

*/

/*-----------------------------------------------------------------------------------*/
/* Theme styles can be found inside:
/* - css/style.css
/* - css/responsive.css
/*-----------------------------------------------------------------------------------*/

/* Home */
.title-quote-container {
	text-align: center;
}
.title-quote {
	display: inline-block;
	margin: 96px 0;
	font-size: 24px;
	line-height: 48px;
	position: relative;
}
.title-quote::before, .title-quote::after {
	font-size: 80px;
	position: absolute;
	top: -24px;
	width: 48px;
	height: 48px;
}
.title-quote:before {
	content: '\201C';	
	left: -64px;
}
.title-quote::after {
	content: '\201D';
	right: -64px;
}
.title-quote-container:hover .title-quote:before, .title-quote-container:hover .title-quote::after {
	color: #7CB518;
}
.feature p {
	text-align: center;
}
.feature i.fas {
	display: block;
	text-align: center;
	font-size: 92px;
}
.feature .feature-title {
	font-family: Raleway;
	font-size: 24px;
	margin: 20px 0;
}
.feature:hover {
	color: #7CB518;
}
.feature:hover p {
	color: #2b303a;
}

/* Ergänzungen */

h5.about-section {
	text-align: left;
	border-left: 4px solid #34495e;
	padding: 9px 16px 8px;
	display: inline-block;
	margin: 32px 0;
}
.skill-title, .skill-value {
	background-color: #34495e;
	color: #f9f7f6;
	padding: 7px 8px;
	margin-bottom: 16px;
}
.skill-value {
	text-align: right;
}
.row.skill:hover > .skill-title, .row.skill:hover > .skill-value {
	background-color: #FF4232;
}

@media (max-width: 600px) {
	.about-img-redstripes {
		display: block;
		float: none !important;
		margin: 5px 0 30px 0 !important;
	}
}

@media (max-width: 1000px) {
	
	.title-quote {
		margin: 48px 34px;
		font-size: 20px;
		line-height: 32px;
	}
	.title-quote:before, .title-quote::after {
		font-size: 40px;
		top: -12px;
		width: 32px;
		height: 32px;
	}
	.title-quote:before {
		left: -40px;
	}
	.title-quote::after {
		right: -40px;
	}

	.homepage-feature p i.fas {
		font-size: 64px;
	}
}