/*
 Theme Name:   Kulturnik blog
 Theme URI:    https://blog.kulturnik.si/
 Description:  Podtema Wordpressovega 2020 za Kulturnik blog
 Author:       Ljudmila
 Author URI:   https://ljudmila.org
 Template:     twentytwenty
 Version:      1.0.0
 License:      GNU General Public License v3 or later
 License URI:  http://www.gnu.org/licenses/gpl-3.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentytwentychild
*/
/* fonti */
/* @TODO zloadat fonte in jih servirat iz streznika? */
@import url("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|PT+Serif&display=swap");
@import url("https://fonts.googleapis.com/css?family=Raleway:800|Open+Sans:400italic,700italic,400,700&subset=latin,latin-ext");
/* barve */
/** Splosno **/
body {
  background: white;
  padding: 0 4rem;
  font-family: "Open Sans", sans-serif;
  max-width: 140rem;
  margin: 0 auto; }
  @media (max-width: 700px) {
    body {
      padding: 0 2rem; } }

a {
  color: #0099cc; }
  a:hover {
    color: #017fa9; }

button {
  outline: none; }

.singular .featured-media-inner {
  left: 0; }

*, ::before, ::after {
  hyphens: auto; }

h1, h2, h3, h4, h5, h6, .faux-heading {
//    letter-spacing: 0.0366666667rem;
    font-family: Raleway, "Open Sans", sans-serif;
}

main#site-content {
  padding-top: 6rem; }

.color-accent {
  color: black !important; }

/** Glava bloga **/
#site-header {
  display: flex;
  align-items: center;
  max-width: 140rem;
  min-height: 32rem;
  margin: 4rem 0 0 0;
  border-bottom: 2px solid #6d6d6d; }
  #site-header .header-inner {
    width: 100%;
    flex-direction: column;
    padding: 0 !important;
    margin: 15rem 0 12rem 0 !important; }
  #site-header .header-titles-wrapper {
    order: 2;
    max-width: 100%;
    width: 100%;
    padding: 0 !important;
    margin: 0 !important; }
    #site-header .header-titles-wrapper .nav-toggle,
    #site-header .header-titles-wrapper .search-toggle {
      position: absolute;
      top: 5rem;
      right: 0; }
    #site-header .header-titles-wrapper .nav-toggle {
      right: 3rem; }
    #site-header .header-titles-wrapper .search-toggle {
      padding: 0 2rem;
      margin-right: -2rem; }
  #site-header .header-titles {
    flex-direction: column;
    order: 1; }
  #site-header .header-navigation-wrapper {
    display: none; }

.search-toggle .toggle-inner .toggle-text {
  visibility: hidden; }

.nav-toggle .toggle-text {
  visibility: hidden; }

.search-form input.search-field {
  font-size: 2rem !important; }

.site-title {
  width: 100%;
  margin: 0 !important;
  font-family: "PT serif", serif;
  font-size: 11rem;
  letter-spacing: 0.2rem;
  text-align: left; }
  .site-title a:hover {
    color: black;
    text-decoration: none; }

.site-description {
  margin: 0 0 0 1.1rem !important;
  font-size: 3rem;
  text-align: left;
  font-weight: 400;
  display: block !important; }

@media (max-width: 950px) {
  #site-header {
    min-height: 20rem; }
    #site-header .header-titles-wrapper .search-toggle,
    #site-header .header-titles-wrapper .nav-toggle {
      top: 1rem; }
    #site-header .header-inner {
      margin: 9rem 0 8rem 0 !important; }
  .site-title {
    font-size: 6rem; }
  .site-description {
    font-size: 2rem;
    margin-left: .6rem !important; } }

@media (max-width: 460px) {
  #site-header .header-inner {
    margin: 5rem 0 4rem 0 !important; }
  #site-header .header-titles-wrapper .search-toggle, #site-header .header-titles-wrapper .nav-toggle {
    top: 0; }
  .site-title {
    font-size: 12vw; }
  .site-description {
    margin-top: .5rem !important;
    font-size: 5vw; } }

/* Search */
.search-modal {
  padding-top: 40px; }
  @media (min-width: 700px) {
    .search-modal .search-field {
      height: 9rem; } }

/* Meni! */
.menu-modal {
  padding-top: 40px; }
  .menu-modal .toggle-text {
    display: none; }
  .menu-modal.active {
    z-index: 10000; }

.mobile-menu {
  display: block !important; }

.modal-menu a {
  color: #0099cc; }

.mobile-search-toggle, .mobile-nav-toggle {
  display: block !important; }

.header-inner .toggle {
  height: 4.4rem;
  padding: 0 3rem;
  position: relative;
  bottom: auto;
  left: auto;
  right: auto;
  top: auto;
  width: auto; }

/** Vsebina bloga **/
/* GRID stolpci */
.home main > hr,
.search-results main > hr,
.archive main > hr {
  display: none; }

@media (min-width: 700px) {
  .home main,
  .search-results main,
  .archive main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 8rem 4rem; }
    .home main > header,
    .home main > .pagination-wrapper,
    .search-results main > header,
    .search-results main > .pagination-wrapper,
    .archive main > header,
    .archive main > .pagination-wrapper {
      grid-column: span 2; }
    .home main .archive-header,
    .search-results main .archive-header,
    .archive main .archive-header {
      padding: 0; } }

@media (min-width: 1100px) {
  .home main,
  .search-results main,
  .archive main {
    grid-template-columns: repeat(3, 1fr); }
    .home main > header,
    .home main > .pagination-wrapper,
    .search-results main > header,
    .search-results main > .pagination-wrapper,
    .archive main > header,
    .archive main > .pagination-wrapper {
      grid-column: span 3; } }

body:not(.singular) main > article:first-of-type {
  padding: 0 !important; }

article {
  display: flex;
  flex-direction: column;
  margin-top: 0 !important;
  margin-bottom: 6rem;
  padding: 0 !important; }
  article > figure {
    order: 1;
    margin: 0 0 1.5rem 0 !important; }
    article > figure > .section-inner {
      width: 100% !important; }
    article > figure img,
    article > figure .featured-media-inner {
      width: 100%; }
  article > header {
    order: 2;
    text-align: left !important; }
    article > header > .entry-header-inner {
      width: 100%;
      margin-left: 0; }
    article > header .entry-categories-inner {
      width: 100%;
      display: block !important;
      margin: 0;
      text-align: left !important; }
      article > header .entry-categories-inner a, article > header .entry-categories-inner a:hover {
        font-weight: bold;
        color: #6a6a6a !important;
        margin: 0; }
    article > header .entry-title {
      font-size: 2.6rem; }
    article > header .post-meta {
      display: block;
      text-align: left;
      margin: 1rem 0 0; }
      article > header .post-meta .post-date {
        margin: 0; }
  article > .post-inner {
    order: 3;
    margin-top: 1.4rem;
    padding: 0; }
  article > .section-inner {
    order: 4;
    width: 100%; }

.single-post article .entry-header,
.page article .entry-header {
  order: 1;
  padding: 0; }

.single-post article .section-inner.medium,
.page article .section-inner.medium {
  max-width: 75rem;
  margin: auto; }
  @media (max-width: 950px) {
    .single-post article .section-inner.medium,
    .page article .section-inner.medium {
      max-width: 55rem; } }

.single-post article .entry-categories,
.page article .entry-categories {
  margin-bottom: 5rem !important; }

.single-post article > header .entry-categories-inner,
.page article > header .entry-categories-inner {
  text-align: center !important; }

.single-post article .entry-title,
.page article .entry-title {
  text-align: center;
  font-size: 6rem; }
  @media (max-width: 950px) {
    .single-post article .entry-title,
    .page article .entry-title {
      font-size: 3.5rem; } }

.single-post article .post-date,
.page article .post-date {
  justify-content: center; }

.single-post article .post-meta-wrapper,
.page article .post-meta-wrapper {
  margin-top: 4rem !important;
  margin-left: auto; }

.single-post article .featured-media,
.page article .featured-media {
  max-width: 58rem;
  width: 100%;
  margin-top: 4rem !important;
  margin-left: auto !important;
  margin-right: auto !important; }

.single-post article .post-inner,
.page article .post-inner {
  font-family: "PT serif", serif; }

.single-post article .entry-content > *,
.page article .entry-content > * {
  max-width: 58rem !important;
  margin-left: auto !important;
  margin-right: auto !important; }

.single-post article .entry-content > .alignfull,
.page article .entry-content > .alignfull {
  max-width: 100% !important; }

.entry-title a:hover {
  color: black;
  text-decoration: none; }

.entry-content {
  padding: 0; }
  .entry-content p {
    margin: 0 auto 2rem auto;
    width: 100% !important;
    font-family: "PT serif", serif;
    font-size: 2rem; }
  .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 100%; }

.entry-categories {
  margin-bottom: 1.8rem !important; }

.post-meta-wrapper {
  margin-top: 2rem !important;
  margin-left: 0; }

//.post-meta .post-author {
//  display: none; }

.post-meta a, .post-meta a:hover {
  color: #6a6a6a;
  text-decoration: none; }

.pagination-wrapper {
  width: 100%;
  margin: 0 4rem 0 0; }

.pagination-separator {
  margin: 5rem 0 !important; }

/** Rezultati iskanja **/
.archive-header {
  padding: 0 0 6rem 0;
  width: 100%; }

/** Noga **/
.footer-nav-widgets-wrapper {
  margin-top: 0 !important; }

.footer-widgets-outer-wrapper {
  padding: 3rem 0 !important;
  position: relative; }

.footer-inner {
  margin: 0;
  width: 100%; }

.footer-widgets-wrapper {
  width: 100%;
  margin: 0 !important; }
  .footer-widgets-wrapper > .footer-widgets {
    display: flex;
    margin: 0;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center; }
    .footer-widgets-wrapper > .footer-widgets > .widget {
      width: 22rem;
      margin: 0 5rem 5rem 0; }
      @media (max-width: 700px) {
        .footer-widgets-wrapper > .footer-widgets > .widget {
          width: 100%; } }

.footer-widgets .widget .widget-title {
  color: #6a6a6a;
  text-transform: uppercase;
  font-size: 2rem;
  margin-bottom: 1rem; }

.footer-widgets .widget .widget-content,
.footer-widgets .widget .widget-content a {
  color: #6a6a6a;
  font-size: 1.4rem;
  font-weight: 600; }

.footer-widgets .widget.widget_recent_entries li, .footer-widgets .widget.widget_text p {
  margin: 0;
  padding: .4rem 0;
  border-top: 1px solid #ccc;
  font-family: "Open Sans", sans-serif; }
  .footer-widgets .widget.widget_recent_entries li a, .footer-widgets .widget.widget_text p a {
    text-decoration: none; }
  .footer-widgets .widget.widget_recent_entries li:last-child, .footer-widgets .widget.widget_text p:last-child {
    border-bottom: 1px solid #ccc; }

footer#site-footer {
  display: none; }

/** Navigacijska vrstica Kulturnik **/
#kulturnik-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  padding: 0 8px;
  z-index: 10001;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  background: #000;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #ababab; }

#kulturnik-bar a:not(:hover) {
  text-decoration: none; }

#kulturnik-bar a:hover {
  text-decoration: underline; }

.admin-bar #kulturnik-bar {
  margin-top: 32px; }

.powered-by {
  vertical-align: middle;
  float: right; }

.powered-by > * {
  vertical-align: middle;
  margin-right: 10px; }

.powered-by a {
  color: #e6eaec;
  font-size: 14px;
  border-right: solid 1px #474747;
  padding-right: 12px; }

.powered-by a:last-child {
  border: none;
  padding-right: 0;
  margin-right: 0; }

.powered-by .fa {
  font-size: 18px; }

.masterlink {
  color: #e6eaec;
  float: left;
  /* font-size:16px; */
  line-height: 36px;
  display: block;
  margin-top: 7px; }

.masterlink img {
  height: 25px;
  vertical-align: middle; }

.site-links {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
  padding-left: 30px; }

.site-links a {
  border-right: solid 1px #474747;
  padding-right: 12px;
  margin-right: 12px; }

.site-links a:last-child {
  border-right: none;
  margin-right: 0;
  padding-right: 0; }

.link-novice, .link-novice:hover {
  color: #C8624B; }

.link-dogodki, .link-dogodki:hover {
  color: #579a43; }

.link-metaiskalnik, .link-metaiskalnik:hover {
  color: #d7cbb6; }

.link-video, .link-video:hover {
  color: #78f; }

.link-blog, .link-blog:hover {
  color: #e90; }

@media (max-width: 790px) {
  .hamburger {
    display: block !important;
    float: right;
    cursor: pointer; }
  .powered-by, .site-links {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    background: #000;
    padding: 0;
    width: auto;
    display: none; }
  .menu-open .powered-by, .menu-open .site-links {
    display: block; }
  .powered-by {
    top: 80px;
    float: none; }
  #kulturnik-bar {
    transition: height .25s ease-out;
    overflow: hidden; }
  .menu-open #kulturnik-bar {
    height: 130px; } }

/** Stran z arhivi **/
body.page-id-1264 .entry-content {
  max-width: 100%; }
  body.page-id-1264 .entry-content ul li {
    display: block;
    float: left;
    width: 12rem;
    height: 12rem;
    margin-right: 2rem;
    word-spacing: 12rem; }

/** Podstran korona **/
body.page-id-1272 #site-header {
  display: none; }

body.page-id-1272 .entry-content {
  max-width: 68rem;
  text-align: center; }

body.page-id-1272 .wp-block-image {
  max-width: 40rem !important;
  margin-left: auto !important;
  margin-right: auto !important; }

body.page-id-1272 h1.naslov {
  display: inline-block;
  width: auto !important;
  padding: .4rem .7rem;
  margin: 2rem auto 4rem auto;
  text-transform: uppercase;
  font-size: 2.5rem;
  text-align: center; }

body.page-id-1272 ul.wp-block-latest-posts {
  margin: 3rem auto !important;
  width: 100% !important; }
  body.page-id-1272 ul.wp-block-latest-posts:first-of-type {
    margin-top: 6rem !important;
    grid-template-columns: repeat(3, 1fr); }
    body.page-id-1272 ul.wp-block-latest-posts:first-of-type > li {
      grid-column: 2/3; }
  body.page-id-1272 ul.wp-block-latest-posts:last-of-type {
    margin-bottom: 8rem !important; }
  @media screen and (min-width: 570px) {
    body.page-id-1272 ul.wp-block-latest-posts {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 4rem 2rem; } }
  body.page-id-1272 ul.wp-block-latest-posts > li {
    margin: 0;
    padding: 0;
    width: 100%;
    border: none;
    color: black;
    font-size: 1.4rem; }
    @media screen and (max-width: 570px) {
      body.page-id-1272 ul.wp-block-latest-posts > li {
        margin-bottom: 2rem; } }
    body.page-id-1272 ul.wp-block-latest-posts > li li {
      color: black; }
    body.page-id-1272 ul.wp-block-latest-posts > li > a {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 2rem;
      background: radial-gradient(white, #6ddbae);
      width: 100%;
      height: 12rem;
      color: black;
      font-weight: normal;
      font-size: 1.4rem;
      text-transform: uppercase;
      text-align: center; }
      @media screen and (max-width: 570px) {
        body.page-id-1272 ul.wp-block-latest-posts > li > a {
          height: 6rem; } }
      body.page-id-1272 ul.wp-block-latest-posts > li > a.izbrana:before {
        content: ' ';
        width: 0;
        height: 0;
        border-left: 2rem solid transparent;
        border-right: 2rem solid transparent;
        border-top: 2rem solid #6ddbae;
        position: absolute;
        bottom: -2rem; }
      @media screen and (max-width: 570px) {
        body.page-id-1272 ul.wp-block-latest-posts > li > a.izbrana + .wp-block-latest-posts__post-full-content {
          border: 3px solid #6ddbae;
          display: block;
          margin-top: 3rem;
          padding: 1rem 2rem;
          text-align: left; }
          body.page-id-1272 ul.wp-block-latest-posts > li > a.izbrana + .wp-block-latest-posts__post-full-content ul {
            margin: 0; }
          body.page-id-1272 ul.wp-block-latest-posts > li > a.izbrana + .wp-block-latest-posts__post-full-content li {
            margin: 0 0 1rem 0; } }
    @media screen and (min-width: 570px) {
      body.page-id-1272 ul.wp-block-latest-posts > li:nth-child(6) a.izbrana:before, body.page-id-1272 ul.wp-block-latest-posts > li:nth-child(7) a.izbrana:before, body.page-id-1272 ul.wp-block-latest-posts > li:nth-child(8) a.izbrana:before, body.page-id-1272 ul.wp-block-latest-posts > li:nth-child(9) a.izbrana:before {
        border-bottom: 2rem solid #6ddbae;
        border-top: 2rem solid transparent;
        top: -4rem; } }
    body.page-id-1272 ul.wp-block-latest-posts > li.vsebina {
      border: 3px solid #6ddbae;
      grid-column: 1 / span 4;
      height: auto;
      background: transparent;
      padding: 1rem 2rem;
      text-align: left; }
      @media screen and (max-width: 570px) {
        body.page-id-1272 ul.wp-block-latest-posts > li.vsebina {
          display: none !important; } }
      body.page-id-1272 ul.wp-block-latest-posts > li.vsebina ul {
        margin: .5rem 0 0 0; }
      body.page-id-1272 ul.wp-block-latest-posts > li.vsebina li {
        margin: 0 0 1rem 0; }

body.page-id-1272 p {
  font-size: 1.6rem; }

body.page-id-1272 .wp-block-latest-posts__post-full-content {
  display: none; }

body.page-id-1272 .header-footer-group {
  display: none; }

/* Izjema za video serijalko */
body.page-id-1573 {
  background: #6cdcae;
  color: white;
  /*
    main {
      a { color: black !important; }
      p {
	color: black !important;
      }
    }
    */ }
  body.page-id-1573 h1, body.page-id-1573 h2, body.page-id-1573 h3 {
    color: black !important; }
    body.page-id-1573 h1 span, body.page-id-1573 h2 span, body.page-id-1573 h3 span {
      color: black !important; }
  body.page-id-1573 #site-header,
  body.page-id-1573 header {
    display: none; }
  body.page-id-1573 .footer-nav-widgets-wrapper {
    display: none; }