/* Add here all your css styles (customizations) */

body {
  background-image: none;
}

header#js-header
{
  border-top: 12px solid #c52541;
  background: linear-gradient(to right, #ffffff  30%, #dad1d2  80%) border-box;
}

div#js-logo {
  border-bottom: 12px solid #b5985a;
}

[class*="u-heading-v3-"] {
  border-bottom: 1px dotted #c52541;
}

section {
  background-image: url(/templates/unify/assets/img/background.png); background-repeat: repeat-x; background-position: top; background-color: #fdfcfa;
}

p {
  color: #333;
  line-height: 1.8;
}

.g-brd-grozdi-light {
  border-color: #b5985a !important;
}

footer a,
footer a:visited {
  color: #333333;
}

footer a:focus,
footer a:hover {
  color: #c52541;
}

a:focus,
a:hover {
  color: #c52541;
  text-decoration: underline;
}

.g-width-100x {
width: 100% !important;
}

figure.center {
	text-align: center;
}

figcaption {
	font-style: italic;
	margin-bottom: 15px;
	width: 100%;
}

figure.center figcaption {
	margin-left: auto;
	margin-right: auto;
}


@media all and (min-width: 0) and (max-width: 767px) {
	img.left, figure.left, div.left {
		float: none;
		margin: 0 0 20px 0;
	}

	img.right, figure.right, div.right {
		float: none;
		margin: 0 0 20px 0;
	}
}

@media all and (min-width: 768px) {
	img.left, figure.left, div.left {
		float: left;
		margin: 0 30px 10px 0;
		padding: 0 !important;
	}

	img.right, figure.right, div.right 	{
		float: right;
		margin: 0 0 10px 30px;
		padding: 0 !important;
	}
}