/*- - - - - - - - - - - - - - - - - - - - - -
- - - -   PRETRAGA DIGITALNE ZBIRKE   - - - -
- - - - - - - - - - - - - - - - - - - - - -*/
/* Ucitava se pre bootstrap.min.css i style.css (add_css u header.php),
   zato su sva pravila vezana za #sadrzaj.arhiva-pretraga.
   Boje i obrasci preuzeti iz style.css (#top .search, .btn_submit, a.read_more, .breadcrumb). */

#sadrzaj.arhiva-pretraga {
   padding-bottom: 40px;
}
#sadrzaj.arhiva-pretraga h1 {
   margin-bottom: 15px;
}
#sadrzaj.arhiva-pretraga .ap-intro {
   text-align: center;
   margin: 0 0 40px;
}

/* polja - isti stil kao pretraga u zaglavlju (#top .search) */
#sadrzaj.arhiva-pretraga .form-control {
   height: 42px;
   border: 2px solid #c3b5a4;
   border-radius: 0;
   box-shadow: none;
   color: #444;
   font-size: 15px;
}
#sadrzaj.arhiva-pretraga .form-control:focus {
   border-color: #5d4136;
   box-shadow: none;
}
#sadrzaj.arhiva-pretraga label,
#sadrzaj.arhiva-pretraga .ap-range legend {
   font-size: 14px;
   font-weight: 600;
   color: #5d4136;
}
#sadrzaj.arhiva-pretraga .radio-inline,
#sadrzaj.arhiva-pretraga .checkbox label {
   font-weight: 400;
   color: #666;
   font-size: 15px;
}
#sadrzaj.arhiva-pretraga input[type='radio'],
#sadrzaj.arhiva-pretraga input[type='checkbox'] {
   accent-color: #c32c32;
}
#sadrzaj.arhiva-pretraga .help-block {
   font-size: 13px;
   margin-top: -5px;
}

/* glavno polje za pretragu */
#sadrzaj.arhiva-pretraga .ap-query {
   display: flex;
}
#sadrzaj.arhiva-pretraga .ap-query .form-control {
   flex: 1 1 auto;
   height: 54px;
   font-size: 18px;
   padding: 0 15px;
   border-right: 0;
}
#sadrzaj.arhiva-pretraga .ap-query-btn {
   flex: 0 0 auto;
   height: 54px;
   padding: 0 25px;
   border: 0;
   background: #5d4136;
   color: #FFF;
   font-family: 'Raleway', sans-serif;
   font-size: 1.5rem;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .05rem;
   transition: all .2s ease-out;
}
#sadrzaj.arhiva-pretraga .ap-query-btn:hover,
#sadrzaj.arhiva-pretraga .ap-query-btn:focus {
   background: #2b3238;
   color: #FFF;
}
#sadrzaj.arhiva-pretraga .ap-query-btn img {
   width: 18px;
   margin: -3px 8px 0 0;
}

/* nacin pretrage */
#sadrzaj.arhiva-pretraga .ap-mode {
   margin: 12px 0 25px;
}
#sadrzaj.arhiva-pretraga .ap-mode legend {
   float: left;
   width: auto;
   border: 0;
   margin: 0 20px 0 0;
   padding-top: 1px;
   font-size: 14px;
   font-weight: 600;
   color: #5d4136;
}
#sadrzaj.arhiva-pretraga .ap-mode .radio-inline {
   padding-top: 0;
}

#sadrzaj.arhiva-pretraga .ap-range legend {
   border: 0;
   margin-bottom: 5px;
}

/* napredna pretraga */
#sadrzaj.arhiva-pretraga .ap-advanced-toggle {
   border-top: 1px solid #CCC;
   margin-top: 10px;
   padding: 15px 0;
}
#sadrzaj.arhiva-pretraga .ap-advanced-toggle a {
   font-family: 'Raleway', sans-serif;
   font-size: 1.5rem;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .05rem;
   text-decoration: none;
}
#sadrzaj.arhiva-pretraga .ap-advanced-toggle .caret {
   margin-left: 4px;
   transform: rotate(180deg);
   transition: transform .2s ease-out;
}
#sadrzaj.arhiva-pretraga .ap-advanced-toggle .collapsed .caret {
   transform: none;
}
#sadrzaj.arhiva-pretraga .ap-group {
   margin-bottom: 20px;
}
#sadrzaj.arhiva-pretraga .ap-group legend {
   font-family: 'Raleway', sans-serif;
   font-size: 1.4rem;
   font-weight: 600;
   text-transform: uppercase;
   color: #5d4136;
   border-bottom: 1px solid #CCC;
   padding-bottom: 8px;
   margin-bottom: 15px;
}
#sadrzaj.arhiva-pretraga .ap-group .checkbox {
   margin: 0 0 8px;
}

#sadrzaj.arhiva-pretraga .ap-actions {
   border-top: 1px solid #CCC;
   padding-top: 30px;
}
#sadrzaj.arhiva-pretraga .ap-actions .btn_submit {
   max-width: 100%;
   margin: 0 10px 15px;
}
#sadrzaj.arhiva-pretraga .ap-actions a.read_more {
   height: 60px;
   line-height: 56px;
   padding: 0 25px;
   margin: 0 10px 15px;
   vertical-align: top;
}

#sadrzaj.arhiva-pretraga .ap-results {
   border-top: 1px solid #CCC;
   margin-top: 30px;
   padding-top: 25px;
}

/* rezultati */
#sadrzaj.arhiva-pretraga .ap-message {
   text-align: center;
   padding: 20px 0;
}
#sadrzaj.arhiva-pretraga .ap-count {
   font-size: 14px;
   text-transform: uppercase;
   color: #787878;
   margin-bottom: 5px;
}
#sadrzaj.arhiva-pretraga .ap-count strong {
   color: #c32c32;
}
#sadrzaj.arhiva-pretraga .ap-item {
   border-bottom: 1px solid #CCC;
   padding: 22px 0 25px;
}
#sadrzaj.arhiva-pretraga .ap-item-title {
   font-size: 21px;
   line-height: 1.35;
   margin: 0 0 6px;
}
#sadrzaj.arhiva-pretraga .ap-item-meta {
   font-size: 14px;
   color: #787878;
   margin-bottom: 10px;
}
#sadrzaj.arhiva-pretraga .ap-item-meta a {
   font-weight: 600;
}
#sadrzaj.arhiva-pretraga .ap-sep {
   margin: 0 4px;
   color: #c3b5a4;
}
#sadrzaj.arhiva-pretraga .ap-item-line {
   font-size: 15px;
   margin-bottom: 6px;
}
#sadrzaj.arhiva-pretraga .ap-label {
   font-weight: 600;
   color: #5d4136;
}
#sadrzaj.arhiva-pretraga mark {
   background: #f3e4c4;
   color: inherit;
   padding: 0 1px;
}
#sadrzaj.arhiva-pretraga a.ap-open-page {
   margin-top: 10px;
   padding: 0 20px;
   font-size: 1.3rem;
   height: 36px;
   line-height: 32px;
}
#sadrzaj.arhiva-pretraga .pagination {
   margin: 30px 0 10px;
}

/* thumbnail strane uz rezultat */
#sadrzaj.arhiva-pretraga .ap-item {
   display: flex;
   align-items: flex-start;
}
#sadrzaj.arhiva-pretraga .ap-item-body {
   flex: 1 1 auto;
   min-width: 0;
}
#sadrzaj.arhiva-pretraga .ap-thumb {
   flex: 0 0 120px;
   margin: 4px 22px 0 0;
}
#sadrzaj.arhiva-pretraga .ap-thumb img {
   display: block;
   width: 100%;
   height: auto;
   border: 1px solid #e6dfcf;
   transition: opacity .2s ease-out;
}
#sadrzaj.arhiva-pretraga .ap-thumb:hover img {
   opacity: .85;
}

/* faceti - isti obrazac kao #sidebar .nav (crvena traka i siva pozadina za aktivnu stavku) */
#sadrzaj.arhiva-pretraga .ap-facets-toggle {
   display: none;
}
#sadrzaj.arhiva-pretraga .ap-facet {
   margin-bottom: 30px;
}
#sadrzaj.arhiva-pretraga .ap-facet-title {
   font-family: 'Raleway', sans-serif;
   font-size: 1.4rem;
   font-weight: 600;
   text-transform: uppercase;
   color: #5d4136;
   border-bottom: 1px solid #CCC;
   padding-bottom: 8px;
   margin: 0;
}
#sadrzaj.arhiva-pretraga .ap-facet-note {
   font-size: 13px;
   color: #999;
   margin: 8px 0 2px;
}
#sadrzaj.arhiva-pretraga .ap-facet-list {
   list-style: none;
   padding: 0;
   margin: 0;
}
#sadrzaj.arhiva-pretraga .ap-facet-list a {
   position: relative;
   display: flex;
   justify-content: space-between;
   align-items: baseline;
   padding: 7px 8px 7px 12px;
   border-bottom: 1px solid #eee;
   color: #666;
   font-size: 14px;
   text-decoration: none;
}
#sadrzaj.arhiva-pretraga .ap-facet-list a:hover,
#sadrzaj.arhiva-pretraga .ap-facet-list .active a {
   background: #EEE;
   color: #c32c32;
}
#sadrzaj.arhiva-pretraga .ap-facet-list .active a {
   font-weight: 600;
}
#sadrzaj.arhiva-pretraga .ap-facet-list .active a:before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   width: 4px;
   background: #c32c32;
}
#sadrzaj.arhiva-pretraga .ap-facet-count {
   flex: 0 0 auto;
   margin-left: 10px;
   font-size: 13px;
   color: #999;
}
#sadrzaj.arhiva-pretraga .ap-facet-checks a {
   justify-content: flex-start;
}
#sadrzaj.arhiva-pretraga .ap-facet-checks .active a {
   background: none;
   color: #666;
   font-weight: 400;
}
#sadrzaj.arhiva-pretraga .ap-facet-checks a:hover {
   background: #EEE;
   color: #c32c32;
}
#sadrzaj.arhiva-pretraga .ap-facet-checks .active a:before {
   display: none;
}
#sadrzaj.arhiva-pretraga .ap-check {
   flex: 0 0 14px;
   height: 14px;
   margin-right: 9px;
   border: 2px solid #c3b5a4;
   align-self: center;
}
#sadrzaj.arhiva-pretraga .active .ap-check {
   background: #c32c32;
   border-color: #c32c32;
   box-shadow: inset 0 0 0 2px #FFF;
}
#sadrzaj.arhiva-pretraga .ap-facet-reset {
   display: inline-block;
   margin-top: 8px;
   font-size: 13px;
}

/* aktivni filteri */
#sadrzaj.arhiva-pretraga .ap-chips {
   list-style: none;
   padding: 0;
   margin: 0 0 12px;
}
#sadrzaj.arhiva-pretraga .ap-chips li {
   display: inline-block;
   margin: 0 6px 6px 0;
}
#sadrzaj.arhiva-pretraga .ap-chips a {
   display: inline-block;
   padding: 3px 10px;
   border: 1px solid #c3b5a4;
   color: #5d4136;
   font-size: 13px;
   text-decoration: none;
}
#sadrzaj.arhiva-pretraga .ap-chips a:hover {
   border-color: #c32c32;
   color: #c32c32;
}

@media (min-width: 992px) {
   /* na desktopu faceti su uvek otvoreni */
   #sadrzaj.arhiva-pretraga #ap_facets.collapse {
      display: block;
   }
   #sadrzaj.arhiva-pretraga .ap-facets-col {
      padding-top: 8px;
   }
}

@media (max-width: 991px) {
   #sadrzaj.arhiva-pretraga .ap-facets-toggle {
      display: block;
      width: 100%;
      height: 42px;
      margin-bottom: 15px;
      background: none;
      border: 2px solid #412412;
      color: #412412;
      font-family: 'Raleway', sans-serif;
      font-size: 1.4rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: .05rem;
   }
   #sadrzaj.arhiva-pretraga .ap-facets-toggle .caret {
      margin-left: 4px;
      transform: rotate(180deg);
   }
   #sadrzaj.arhiva-pretraga .ap-facets-toggle.collapsed .caret {
      transform: none;
   }
   #sadrzaj.arhiva-pretraga .ap-facets {
      margin-bottom: 10px;
   }
}

@media (max-width: 767px) {
   #sadrzaj.arhiva-pretraga {
      padding-left: 15px;
   }
   #sadrzaj.arhiva-pretraga h1 {
      font-size: 32px;
   }
   #sadrzaj.arhiva-pretraga .ap-mode legend {
      float: none;
      margin-bottom: 5px;
   }
   #sadrzaj.arhiva-pretraga .ap-mode .radio-inline {
      display: block;
      margin: 0 0 6px;
   }
   #sadrzaj.arhiva-pretraga .ap-actions .btn_submit,
   #sadrzaj.arhiva-pretraga .ap-actions a.read_more {
      display: block;
      width: 100%;
      margin: 0 0 15px;
   }
}

@media (max-width: 480px) {
   #sadrzaj.arhiva-pretraga .ap-thumb {
      flex-basis: 76px;
      margin-right: 14px;
   }
   #sadrzaj.arhiva-pretraga .ap-query .form-control {
      font-size: 16px;
   }
   #sadrzaj.arhiva-pretraga .ap-query-btn {
      padding: 0 16px;
   }
   #sadrzaj.arhiva-pretraga .ap-query-btn span {
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
   }
   #sadrzaj.arhiva-pretraga .ap-query-btn img {
      margin: 0;
   }
}