/*
 Theme Name:   Grasscare Child
 Theme URI:    http://demo.farost.net/grasscare
 Description:  The 2018 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
 Author:       Farost
 Author URI:   http://themeforest.net/user/farost
 Template:     grasscare
 Version:      1.1.0
 Text Domain:  grasscare-child
*/

:root {
    --ci-blau: #00ABEA;
	--ci-blau-rgb: 0,171,234;
    --ci-blau-dunkel-20: #0089bb;
    --ci-blau-dunkel-40: #00678c;
	--ci-blau-hell-20: #33bcee;
	--ci-blau-hell-40: #66cdf2;
    --ci-blau-hell-50: #80d5f5;
    --ci-blau-hell-70: #b3e6f9;
    --ci-blau-hell-90: #e6f7fd;
    --gradient-blau: linear-gradient(to top, var(--ci-blau-dunkel-40), var(--ci-blau-hell-70));

    --ci-gruen: #7EA63B;
	--ci-gruen-rgb: 126,166,59;
    --ci-gruen-dunkel-20: #65852f;
    --ci-gruen-hell-20: #98b862;
    --ci-gruen-hell-40: #b2ca89;
    --ci-gruen-hell-50: #bfd39d;
    --ci-gruen-hell-70: #d8e4c4;
    --ci-gruen-hell-90: #f2f6eb;
    --gradient-gruen: linear-gradient(to top, var(--ci-gruen-dunkel-20), var(--ci-gruen-hell-70));

    --ci-grau: #4F4F51;
    --ci-grau-hell-90: #ededee;

	--image-filter-base: brightness(0) saturate(100%);
	--image-filter-blau: invert(60%) sepia(56%) saturate(5464%) hue-rotate(164deg) brightness(100%) contrast(101%);
	--image-filter-gruen: invert(52%) sepia(63%) saturate(430%) hue-rotate(41deg) brightness(102%) contrast(82%);
	--image-filter-grau: invert(79%) sepia(0%) saturate(0%) hue-rotate(342deg) brightness(85%) contrast(95%);
	--image-filter-hellgrau: invert(96%) sepia(2%) saturate(64%) hue-rotate(202deg) brightness(100%) contrast(91%);

    --custom-font: 'Great Vibes', cursive;
}

@font-face {
    font-family: 'Great Vibes';
    src: url('/wp-content/uploads/custom-fonts/GreatVibes-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

#ueberuns-e1 .cms-textbox-title {
	font-family: 'Great Vibes', cursive !important;
}

/* 
  NOTE: This style.css is using a modular structure. You'll find the more specific rules in the `stylesheets` subdirectory.
        In the WordPress admin area, you can open the other stylesheets in the menu on the right.
*/