/*
Theme Name: Donovan Child
Theme URI: https://themezee.com/themes/donovan/
Template: donovan
Author: ThemeZee
Author URI: https://themezee.com
Description: Donovan is a flexible, yet easy-to-use blogging theme with a clean and modern design. It features an elegant mobile-first design, three different blog layouts and extensive post settings. Donovan is perfect for your personal blog or for any content-focused website.
Tags: two-columns,blog,news,custom-background,custom-logo,custom-header,custom-menu,grid-layout,entertainment,editor-style,block-styles,rtl-language-support,featured-image-header,featured-images,flexible-header,custom-colors,full-width-template,sticky-post,threaded-comments,translation-ready,theme-options,one-column,left-sidebar,right-sidebar,three-columns
Version: 1.8.1613296302
Updated: 2021-02-14 11:51:42

*/

:root {
    --link-color: #709a07;
	--button-color: #7a9e1f;
    --button-text-color: rgb(236, 255, 0);
    --button-hover-color: #4f6b0c;
    --button-hover-text-color: rgb(255, 180, 0);
    --title-color: #7a9e1f;
    --navi-color: #7a9e1f;
    --navi-text-color: rgb(236, 255, 0);
    --navi-hover-text-color: rgb(255, 180, 0);
    --submenu-color: #7a9e1f;
    --submenu-text-color: rgb(236, 255, 0);
    --submenu-hover-text-color: rgb(255, 180, 0);
    --footer-color: #4f6b0c;
	--widget-title-color: #4f6b0c;
}



.site-header {
	background: #a6d62e;
}




.site-footer .site-info {
	text-align: center;
}
/* Зміст рубрики колонками */
.su-spoiler-content {
	column-count: auto;
column-width: 18rem;
}
/* Кінець стилю Зміст рубрики колонками */

/* Підкатегрої колонками */
.sub_categories {
	column-count: auto;
column-width: 18rem;
}
/* Кінець стилю Підкатегорії колонками */


/* Таблица стилей Калькулятор удобрений */

.calculator-container {
    background-color: #d6f49f;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: left;
	max-width: 500px;
	white-space: normal;
	
		
}

h1 {
    color: #333;
    margin-bottom: 20px;
}



label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
	font: arial;
    color: #555;
	text-align: left;
	
}

input[type="number"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}


.result-container {
    margin-top: 25px;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 5px;
    background-color: #f9f9f9;

}

#result {
    font-weight: bold;
	font-size: 20px;
    color: #709a07;
}
/* Конец стилей калькулятора удобрений */