/*!
*   Accessibility Buttons v3.1.2
*   http://tiagoporto.github.io/accessibility-buttons
*   Copyright (c) 2014-2017 Tiago Porto (http://tiagoporto.com)
*   Released under the MIT license
*/

html {
  font-size: 100%;
}
body {
  -webkit-transition: background 1s ease, font-size 0.7s linear;
  transition: background 1s ease, font-size 0.7s linear;
}

.accessibility-contrast button {
  -webkit-transition: all 0.6s linear;
  transition: all 0.6s linear;
  background-color: #000;
  color: #fff;
  padding: 1em 0;
  text-align: center;
  text-decoration: none;
  font-size: 1em;
  cursor: pointer;
  width: 25%;
  margin: 0;
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
  border-top: none;
  border-bottom: none;
}

input {
  -webkit-transition: all 0.6s linear;
  transition: all 0.6s linear;
  background-color: #f5f4e2;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  margin: 0 0 0.5em 0.5em;
  float: right;
}

button:hover {
  background-color: #ffffff;
  color: #000000;
}

.accessibility-font {
/* First font-size fallback to older browsers*/
  font-size: 1.25em;
  font-size: 1.25rem;
}
.accessibility-font input,
.accessibility-font textarea,
.accessibility-font keygen,
.accessibility-font select,
.accessibility-font button {
/* The default font-size of these elements is approximately 20% less than the body */
  font-size: 1.041625em;
  font-size: 1.04163rem;
}
.accessibility-contrast {
  color: #000000;
  background: #ffffff;
}

.accessibility-contrast h1 {
	color: #000000;
}
.accessibility-contrast h2 {
	color: #000000;
}

.accessibility-contrast h5 {
	color: #000000;
}

.accessibility-contrast h6 {
	color: #000000;
	border-bottom: 2px dotted #555555;
}

.accessibility-contrast nav {
	background: #000000;
	color: #fff;
}

.accessibility-contrast .callbacks .caption {
  color: #fff;
  background: #000;
  }

.accessibility-contrast .container {
	background: #fff;
	border-top: 7px solid #000000;
}

.accessibility-contrast main {
	background: #fff;
}

.accessibility-contrast content {
	background-color: #ffffff;
}

.accessibility-contrast .content-txt {
	color: #000;
}


.accessibility-contrast section {
	background: #fff;
	border: none;
}

.accessibility-contrast .blog-wrap .entry {
	color: #000000;
	background: #ffffff;
	border: 1px solid #dddfe2;
}

.accessibility-contrast .blog-title a {
	color: #000000;
}

.accessibility-contrast .blog-date {
	color: #000000;
}

.accessibility-contrast .blog-content a:link {
    color: #ff0000;
    text-decoration: underline;
}

.accessibility-contrast .blog-content a:hover {
    color: #000000;
	text-decoration: none;
}

.accessibility-contrast aside {
	background: #fff;
}

.accessibility-contrast .figure-naslov {
	color: #000;
	border-bottom: 2px dotted #555555;
}

.accessibility-contrast .artickl a:link {
    color: #ff0000;
    text-decoration: underline;
}

.accessibility-contrast .artickl a:hover {
    color: #000000;
	text-decoration: none;
}

.accessibility-contrast footer {
	background: #000;
	border-top: 5px solid #707070;
}

.accessibility-contrast .footertxt {
	color: #fff;
}

.accessibility-contrast .footertxt2 {
	color: #fff;
}

.accessibility-contrast .footertxt a{
	color: #fff;
	text-decoration: none;
}

.accessibility-contrast .footertxt a:hover{
	color: #fff;
	text-decoration: underline;
}

.accessibility-contrast .text2 p {
	border-bottom: none;
}

.accessibility-contrast .accordion {
	background: #ffffff;
}

.accessibility-contrast .accordion .tab:hover,
.accessibility-contrast .accordion div:target .tab {
	color: #000000;
	background: #ffffff;
	border: 1px solid #363636;
}

.accessibility-contrast .section-txt {
	background-color: #ffffff;
}


@media only screen and (max-width : 600px) {
	
.accessibility-contrast button {
  width: 49%;
}
	
}

@media (min-width: 601px) and (max-width: 768px){
	
.accessibility-contrast button {
  width: 42%;
}
	
}

@media (min-width: 769px) and (max-width: 992px){
	
.accessibility-contrast button {
  width: 42%;
}
	
}

@media (min-width: 993px) and (max-width: 1200px){
	
.accessibility-contrast button {
  width: 40%;
}
	
}