@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,600&subset=latin-ext");
body {
  font-family: 'Open Sans', sans-serif;
 /* @media only screen and (min-width: 40.0625em) {
    h2 { font-size: 2.3125rem; }
    h3 { font-size: 1.6875rem; }
    h4 { font-size: 1.4375rem; }
    h5 { font-size: 1.125rem; }
    h6 { font-size: 1rem; }
  }
*/ }
  body p, body ul, body li {
    font-size: 1rem;
    font-weight: 300; }
  body p {
    margin-bottom: 0.5rem;
    margin-top: 0;
    text-align: justify; }
  @media only screen and (min-width: 40.0625em) {
    body h2 {
      font-size: 2.3rem !important; }
    body h3 {
      font-size: 2rem !important; }
    body h4 {
      font-size: 1.4rem !important; }
    body h5 {
      font-size: 1.1rem !important; }
    body h6 {
      font-size: 1rem !important; } }
  body h1, body h2, body h3, body h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-top: 1rem;
    margin-bottom: 0; }
  body h5, body h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-top: 0.5rem;
    margin-bottom: 0; }
  body .header_h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin-top: 1rem;
    margin-bottom: 0;
    color: white;
    text-align: left;
    font-size: 2rem; }
    body .header_h2 > a {
      color: white; }
  body h2 {
    margin-top: 1em; }
  body h3 {
    margin-top: 1rem;
    margin-bottom: 0; }
  body section > article:first-child h2 {
    margin-top: 0; }
  body ul {
    margin-bottom: 0; }
    body ul li {
      text-align: left; }
  body a {
    color: #5540ac;
    text-align: left;
    font-weight: 600; }
  body a:focus, body a:hover {
    color: #5cb85c; }
  body input {
    border-radius: 0.5rem !important; }

.logged-in .fixed {
  margin-top: 32px; }

.top-bar form {
  width: 90%; }

@media only screen and (min-width: 51.25em) {
  .top-bar-section li.active:not(.has-form) a:not(.button) {
    background: #654dd0; }
    .top-bar-section li.active:not(.has-form) a:not(.button):hover {
      background: #44348a; }

  .top-bar .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
    background: #222; } }
@media only screen {
  #front-hero {
    background: url(../images/demo/marquee-stars.svg) repeat scroll 0 0 #000000;
    padding: 2rem 0 0rem 0;
    margin: -2rem 0 2rem;
    position: relative;
    text-align: left; }
    #front-hero h1, #front-hero h4 {
      font-weight: 300; } }
@media only screen and (min-width: 40.0625em) {
  #front-hero {
    height: auto; } }
@media screen and (min-width: 871px) {
  #front-hero .marketing .tagline {
    width: auto;
    margin: 3% 0 3%; } }

#title_header .entry-title {
  color: white;
  font-weight: 600;
  margin-top: 15%;
  text-align: right;
  font-size: 2.5rem;
  vertical-align: bottom;
  display: inline-block;
  float: right;
  padding-bottom: 1rem; }

@media screen and (min-width: 871px) {
  #front-hero .tagline {
    width: auto; } }

@media screen and (min-width: 821px) {
  /* GOOGLE Prevodilac */
  .goog-te-gadget-simple {
    background-color: #333 !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    float: right !important;
    height: 46px !important;
    line-height: 2.8125rem !important; }
    .goog-te-gadget-simple .goog-te-menu-value {
      color: white !important;
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !important;
      font-size: 0.8125rem !important;
      font-weight: bold !important; }

  .goog-te-banner-frame {
    top: 46px !important;
    z-index: 10 !important; } }
.podvuceno {
  border-bottom: thin solid grey; }

.napomena {
  background-color: #4CAF50;
  color: white;
  margin: 0.5em 0 0.5em 0;
  padding: 0.5rem;
  border: solid #222BA9 thin; }
  .napomena a {
    color: #fdd75d;
    font-weight: bold;
    text-align: left; }
    .napomena a:hover {
      color: #44348a; }
  .napomena p {
    margin-top: 0; }

/*klasa za kod command prompt-a*/
.cmd {
  overflow-x: auto;
  background: #040404;
  text-align: left;
  border: solid #9a9a9a thin;
  color: white;
  padding: 0.2rem 0.5rem;
  font-weight: normal;
  white-space: nowrap;
  display: inherit; }

/*Klasa za stilizovanje ul bez ta─ìkica*/
.no-style {
  list-style: none; }

.code {
  overflow-x: auto;
  background: gainsboro;
  text-align: left;
  border: solid #9f9f9f thin;
  color: #353535;
  padding: 0.2rem 0.5rem;
  font-weight: normal;
  margin-top: 0.3rem;
  margin-bottom: 0.3rem; }

#template_tag h3 {
  margin-top: 0.5em;
  margin-left: 0.8rem;
  font-size: 1.3rem; }
#template_tag .tt {
  overflow-x: auto;
  text-align: left;
  color: #252525;
  padding: 0.2rem 0.5rem;
  font-weight: normal;
  margin-left: 2rem; }
  #template_tag .tt p {
    margin-left: 0.3rem; }
  #template_tag .tt .code {
    margin: 0.5em 1em 0.5em 0.3em;
    background: #E0DFDF;
    border-color: #C5C5C5; }

table {
  margin-top: 0.5rem; }
  @media screen and (max-width: 400px) {
    table td div {
      white-space: nowrap; } }

.slika {
  margin: 0.3rem 0.8rem 0.3rem 0.8rem;
  padding: 0.3rem; }
  @media screen and (max-width: 480px) {
    .slika {
      margin: 0.3rem auto;
      width: 100%; } }

.res {
  overflow-x: auto; }

img.left {
  margin-right: 0.5rem; }

/*Klasa za ciscenje floata iznad  ako postoji*/
.clear_fl {
  clear: both; }

.cl_fl {
  clear: both; }

input {
  font-family: 'Exo 2', sans-serif; }

.reveal-modal, .close-reveal-modal {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !important; }

.vcard {
  display: inline-block;
  margin: 0;
  border: none;
  padding: 0; }

.comment p {
  margin-bottom: 0; }

#footer-container {
  background-color: #333333;
  margin-top: 0; }
  #footer-container h6, #footer-container a {
    color: white; }
  #footer-container .rotatingtweet p.rtw_main {
    color: #1B95E0; }
  #footer-container h6 {
    font-size: 1.4rem;
    border-radius: 5px;
    color: white;
    padding: 0.3rem 0.3rem 0.3rem 0;
    margin: 0 0 1rem 0;
    font-weight: 600; }

#sidebar {
  margin-top: 3.4rem;
  text-align: left; }
  #sidebar h6 {
    font-size: 1.1rem;
    background: #654dd0;
    border-radius: 5px;
    color: white;
    padding: 0.3rem 0.3rem 0.3rem 0.5rem;
    margin: 2rem 0 0.3rem 0;
    font-weight: 400; }
  #sidebar article:first-child > div:first-child > h6:first-child {
    margin-top: 0; }
  #sidebar .widget_recent_entries ul {
    list-style-type: none;
    margin-left: 0.5rem; }
    #sidebar .widget_recent_entries ul li {
      margin-bottom: 0.5rem; }
  #sidebar .widget_rotatingtweets_widget h6 {
    background: #00ACEE; }
  #sidebar .mc4wp-form-theme-green button, #sidebar .mc4wp-form-theme-green input[type=submit] {
    background-color: #4CAF50 !important;
    border-color: #4CAF50 !important;
    margin: 0 auto;
    border-radius: 5px;
    display: block; }

.toc_widget_list {
  margin-left: 0.2rem; }

#toc_container.no_bullets li, #toc_container.no_bullets ul, #toc_container.no_bullets ul li, .toc_widget_list.no_bullets, .toc_widget_list.no_bullets li {
  text-align: left; }
  #toc_container.no_bullets li a, #toc_container.no_bullets ul a, #toc_container.no_bullets ul li a, .toc_widget_list.no_bullets a, .toc_widget_list.no_bullets li a {
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    font-weight: 400; }

ul.toc_widget_list.no_bullets > li {
  font-weight: 600; }
  ul.toc_widget_list.no_bullets > li a {
    font-weight: 600; }
  ul.toc_widget_list.no_bullets > li > ul > li a {
    font-weight: 400; }

time {
  font-weight: 200; }

.ipt {
  border-bottom: thin solid grey;
  background-color: #5b45bf;
  text-align: center;
  margin-top: 3.3rem; }
  .ipt a {
    color: white; }

.podaci_o_postu {
  text-align: center; }
  .podaci_o_postu span {
    padding-left: 1rem; }

.ch_index h2 {
  margin-top: 1rem; }

.tabs {
  margin-top: 1rem;
  cursor: pointer; }
  .tabs .tab-title {
    margin-right: 1px; }
    .tabs .tab-title > a {
      border-radius: 1rem 1rem 0 0;
      border: none;
      line-height: 2.85;
      padding-top: 0;
      padding-bottom: 0;
      background-color: #fefefe;
      color: #5d5c5c;
      border-top: 1px solid #9f9d9d;
      border-bottom: none; }
      .tabs .tab-title > a:active, .tabs .tab-title > a:focus, .tabs .tab-title > a:visited {
        outline: none; }
      .tabs .tab-title > a:hover {
        background-color: #f1efef;
        color: black; }
  .tabs .tab-title.active > a {
    background-color: #e2e2e2;
    color: #000;
    border-bottom: none; }

.tabs-content {
  margin-bottom: 0;
  padding: 1rem;
  background-color: #e2e2e2; }
  .tabs-content .content.active {
    padding: 0; }
    .tabs-content .content.active .crayon-syntax {
      margin-top: 0 !important;
      margin-bottom: 0 !important; }

/*************** Mobile MENU **************/
.left-off-canvas-menu .left-submenu {
  height: auto; }

ul.off-canvas-list li a {
  text-align: left; }

/***** Scroll to the top *************/
#return-to-top {
  position: fixed;
  bottom: 50px;
  right: 50px;
  background: #5b45bf;
  background: rgba(91, 69, 191, 0.7);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1000; }
  #return-to-top:hover {
    background: rgba(91, 69, 191, 0.9); }
  #return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 0;
    top: 10px;
    font-size: 28px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #return-to-top i:hover {
      color: #fff; }
      @media screen and (min-width: 768px) {
        #return-to-top i:hover {
          top: 5px; } }

blockquote {
  margin: 0 0 1.25rem;
  padding: 0.5625rem 0;
  border-left: 2px solid #9d8ce6;
  border-right: 2px solid #9d8ce6; }
  blockquote p {
    line-height: 1.6;
    color: #8d7dcf;
    margin: 0;
    padding: 0.5rem 1rem;
    text-align: center !important;
    font-size: 1.2rem !important; }

@media screen and (max-width: 480px) {
  table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td {
    font-size: 0.7rem;
    padding: 0.3625rem 0.125rem; } }


.slika_mala {
  width: 100px; }
  @media screen and (max-width: 359px) {
    .slika_mala {
      width: 100%;
      display: block; } }

.slika_float_left {
  float: left; }

.slika_float_righ {
  float: left; }

.slika_width_200 {
  width: 200px; }
  @media screen and (max-width: 359px) {
    .slika_width_200 {
      width: 100%;
      display: block; } }


.slika {
  margin: 0.3rem 0.8rem 0.3rem 0.8rem;
  padding: 0.3rem; }
@media screen and (max-width: 359px) {
  .slika {
    width: 100%;
    display: block; } }

.slikalevo {
  margin: 0rem 0.8rem 0.3rem 0;
  padding: 0.3rem; }

.centar_slika {
  display: block;
  margin: 0 auto; }

/*# sourceMappingURL=chos_style.css.map */