/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

/* ----------------------------------------------------------------
Линии
-----------------------------------------------------------------*/

/* Наклонная линия */
.line-main {
	clear: both;
	position: relative;
	width: 100%;
	margin: 20px 0;
	border-top: 3px dotted #4fb324;				/* main */
	transform:rotate(-3deg);
}
/* Цветная линия */
.hr-one-color {
	margin: 20px 0 30px;
	padding: 0;
	border-top: 1px solid #4fb324;
}
/* Трехцветная линия */
.hr-three-color {
	margin: 20px 0;
	padding: 0;
	height: 2px;
	border: none;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #000;
	background: #4fb324;						/* main */
}
/* Линия «Полка» */
.hr-shelf {
	margin: -30px auto 10px;
	padding: 0;
	height: 50px;
	border: none;
	border-bottom: 1px solid #4fb324;			/* main */
	box-shadow: 0 20px 20px -20px #4fb324;		/* main */
	width: 95%;
}
/* Замыленная линия */
.hr-washed {
	margin: 20px 0;
	padding: 0;
	height: 0;
	border: none;
	box-shadow: 0 0 10px 1px #4fb324;			/* main */
}
/* Горизонтальный градиент */
.hr-h-gradient {
	margin: 20px 0;
	padding: 0;
	height: 1px;
	border: none;
	background: linear-gradient(45deg, #4fb324, #000);	/* main */
	width: 100%;
}
.hr-h-gradient-w {
	margin: 20px 0;
	padding: 0;
	height: 1px;
	border: none;
	background: linear-gradient(45deg, #fff, #4fb324);	/* main */
	width: 100%;
}

/* ----------------------------------------------------------------
Background-pattern
-----------------------------------------------------------------*/
.background-main {
	background-color: #fcf8e3 !important;
}

.background-pattern-2 {
	background-image: url(../images/pattern/pattern-2.jpg);
}
.background-pattern-3 {
	background-image: url(../images/pattern/pattern-3.jpg);
}

/* ----------------------------------------------------------------
Text
-----------------------------------------------------------------*/
.post-item-description h1,
.post-item-description h2,
.post-item-description h3,
h4 {
	font-family: "Oswald", sans-serif;
	font-weight: 400;
}

.widget ul > li.active a {
	color: #4fb324;					/* main */
}