/*
 Theme Name:     Magnet
 Theme URI:      https://pictory.magnet.cz
 Description:    –
 Author:         Aleš Loziak
 Author URI:     https://apollo1.cz/
 Template:       wpa9
 Version:        1.4
*/


/****************************************
*** Theme customization starts below ***
*****************************************/

:root {
  --spacer: 20px;

  --c-main: #000;
  --c-black: #000;
  --c-white: #fff;
  --c-grey-l: #cccccc;

  /* --c-main: #0062a7;
  --c-secondary: #14487c;

  --c-black: #000;
  --c-grey-m: #666666;
  --c-grey-d: #333333;
  --c-white: #fff;

  --shadow: 0px 4px 11px 0px rgba(20,72,124,0.24);
  --hover: all 0.2s ease-in-out;

  --spacer: 20px; */
}

/*************************************
+ Custom / Grid & Flex & Bootstrap
*************************************/
.widget {

}

.container {
  /* padding-left: 20px;
  padding-right: 20px; */
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7,
.col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4,
.col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  /* padding-right: 20px;
  padding-left: 20px; */
}

.site-content {

}



/*************************************
+ Custom / SiteOrigin
*************************************/

/*
 * Settings of SiteOrigin Row/Widget Bottom Margin
 *
 * At the settings of SiteOrigin leave the "Row/Widget Bottom Margin" and "Row Mobile Bottom Margin" blank
 * then you can better control this option via these CSS
*/

body .panel-layout .panel-grid {
  /* margin-bottom: 100px; */
}

@media only screen and (max-width: 992px) {
  /* body .panel-layout .panel-grid { margin-bottom: 60px; } */
}

@media only screen and (max-width: 768px) {
  /* body .panel-layout .panel-grid { margin-bottom: 40px; } */
}

/* -------------  ------------- */

.panel-grid .panel-grid-cell {

}

  .panel-grid .panel-grid-cell:last-child {

  }

.so-widget-sow-editor {

}

  .so-widget-sow-editor p:last-child {

  }



.widget-title {

}



/*************************************
 +Body & Html
*************************************/
html {

}

body {
  font-family: 'Lato', sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

header#masthead {

}


/*************************************
 +(X)HTML / HTML 5 Containers
*************************************/

h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
  font-weight: 400;
}

h1, .h1 {
  font-size: 2rem;
  font-weight: 800;
}

h2, .h2 {

}

h3 {

}


h4, .h4 {

}


h5, .h5 {

}

a {
  color: var(--c-black);
}

a:hover{
  text-decoration: underline;
  color: var(--c-black);
}


ul, li {

}


strong, .strong, b, .b {

}



button, .button, .btn, .btn-primary {

}

  button:hover, .button:hover, .btn:hover, .btn-primary:hover {

  }


/*************************************
 +
*************************************/
#primary {
  width: calc(100% - 240px - calc(1* var(--spacer)));
}

.site-main {}

  .site-main p {}

  .site-main ul {}

    .site-main li {}


.site-content {
  margin-bottom: calc(2.5* var(--spacer));
}

  .site-content ul {}

    .site-content li {}

  .site-content p {}



/* ------------- site-header ------------- */
.site-header {
  padding: 0;
  margin-bottom: calc(2.5* var(--spacer));
}

.navbar-main,
body:not(.home) .site-header .navbar {
  background-color: #cdffff;
  padding: calc(.5 * var(--spacer)) 0;
}

/* ------------- navbar-menu ------------- */
.navbar-menu {
  margin: 0;
}

/* ------------- brand / navbar-brand / site-title ------------- */
.navbar-brand {

}

  .navbar-brand span {

  }

  .navbar-brand .site-title {
    background-image: url('images/site-title.svg');
    width: 100px;
    height: 77px;
  }

/* ------------- navbar-socket ------------- */
.navbar-socket {
  background-color: #f3f14f;
  padding: calc(.5 * var(--spacer)) 0;
}



/* ------------- NavBar / menu ------------- */
.navbar-container {

}

/* ------------- navbar ------------- */
.navbar {}

  .navbar li {

  }

    .navbar .navbar-nav .nav-link {

    }

      .navbar .navbar-nav {

      }

  .navbar-brand {

  }

    .navbar-brand a.site-title {

    }



  /* ------------- hamburgers.css ------------- */
  .hamburger {

  }

    .hamburger--spin.is-active .hamburger-inner {

    }

    .hamburger:hover {

    }

    .hamburger:hover,
    .hamburger.is-active:hover {

    }

    .hamburger-box {

    }

    .hamburger-label {

    }

  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {

  }

  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after, .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {

  }

  .hamburger .hamburger-box,
  .hamburger--spinner .hamburger-box {

  }

  .hamburger--minus {

  }

    .hamburger--minus .hamburger-box {

    }


/* ------------- main-nav ------------- */
#main-nav {}

  #main-nav > .navbar-menu {}

    #main-nav > .navbar-menu .menu-item:last-child {
      margin-right: 0;
    }

      #main-nav > .navbar-menu .menu-item .nav-link:last-child {
        padding-right: 0;
      }

/* ------------- ceo ------------- */
.ceo {
  margin-bottom: 20px;
}

  .ceo-item {
    display: inline-block;
    margin-left: calc(.5 * var(--spacer));
    background-repeat: no-repeat;
    background-position: center right;
    width: 80px;
    height: 20px;

  }

    .ceo-item span {
      display: none;
    }


  .logo-pictory {
    background-image: url('images/pictory.svg');
  }

  .logo-upm {
    background-image: url('images/upm.svg');
    width: 70px;
  }


/* ------------- carousel ------------- */
#carousel-home {

}


.carousel-inner {

}

.carousel-item {

}

  .carousel-item img {

  }



/* ------------- pagination ------------- */
.pagination {
}

  .pagination .pagination-item {

  }

     .pagination .pagination-item .page-numbers {

    }

    .pagination .pagination-item a:hover {

    }

    .pagination .page-numbers.current,
    .pagination a:hover {

    }



aside {
  padding: calc(1 * var(--spacer)) calc(1.25 * var(--spacer));
  background: var(--c-grey-l);
}

  aside.nav-terms {
    width: 240px;
    margin-right: calc(1 * var(--spacer));
  }


/* ------------- footer ------------- */
footer {
  background-color: transparent;
  color: var(--c-black);
}

  footer a {

  }

  footer h5 {

  }

  footer .soc-net {}

    footer .soc-net li a {

    }

      footer .soc-net li a span {

      }

  footer .ceo {
    margin: 0;
  }

  footer .support-wrapper {}

    footer .support-wrapper .support-item {
      display: inline-block;
      background-repeat: no-repeat;
      background-position: center right;
      width: 160px;
      height: 30px;
    }

    footer .support-wrapper .support-item span {
      display: none;
    }

    footer .support-wrapper .logo-eu {
      background-image: url('images/npo-eu-mkcr.svg');
      width: 100%;
      height: 40px;
    }




/*************************************
 + Misc
*************************************/

/* ------------- Magnet Items ------------- */
.entry-thumbnail {
  display: block;
}

.no-thumbnail {
  display: block;
  background-color: #eee;
}

.entry-header {
  margin: calc(.5 * var(--spacer)) 0;
  padding: calc(.25 * var(--spacer)) 0;
  border-top: 3px solid var(--c-black);
  border-bottom: 1px solid var(--c-black);
}

.entry-title {
  font-size: 1rem;
  font-weight: 800;
}

.entry-meta {
  line-height: 1;
}

/* ------------- archive-posts ------------- */
.archive-posts {}

  .archive-posts .archive-post {
    margin-bottom: calc(1.5 * var(--spacer));
  }

  .archive-posts .magnet-obj,
  .archive-posts .magnet-cena {
    text-align: right;
  }

  .archive-posts .magnet-sezona,
  .archive-posts .magnet-cena,
  .archive-posts .magnet-obj {
    font-size: .875rem;
  }

  .archive-posts .entry-row-1 {
    border-bottom: 1px solid var(--c-black);
  }

  .archive-posts .entry-row-2 {
    margin-top: calc(.25 * var(--spacer));
    min-height: 14px;
  }


/* ------------- single-magnet ------------- */
.single-magnet {}

  .single-magnet .magnet-header {
    border-bottom: 3px solid var(--c-black);
    padding-top: calc(.5 * var(--spacer));
  }

    .single-magnet .magnet-header .entry-meta {
      padding: calc(.5 * var(--spacer)) 0;
    }

    .single-magnet .magnet-header .entry-meta.magnet-cena {
      font-size: 1.5rem;
      font-weight: 800;
      padding-bottom: calc(.75 * var(--spacer));
    }

  .single-magnet .meta-socket .entry-meta {
    border-bottom: 1px solid var(--c-black);
    padding: calc(.5 * var(--spacer)) 0;
  }

  .magnet-content {
    margin-top: calc(1.5 * var(--spacer));
  }


/* ------------- related-posts ------------- */
.related-posts {}

  .related-posts .loop-posts .featured-image {
    margin-bottom: calc(.5 * var(--spacer));
  }

  .related-posts .loop-posts .entry-container .post-title {
    font-size: 1rem;
    font-weight: 800;
    margin: 0;
    padding: 0;
  }

  .related-posts .loop-posts .entry-container {
    border-top: 3px solid var(--c-black);
    border-bottom: 1px solid var(--c-black);
  }

    .related-posts .loop-posts .entry-container .entry-meta {
      border-top: 1px solid var(--c-black);
      padding: calc(.5 * var(--spacer)) 0;
      font-size: .875rem;
    }



/* ------------- footer ------------- */
.terms-hierarchy {}

  .term-item {
    border-top: 2px solid var(--c-black);
    padding: 0;
    margin: 0;
    margin-bottom: calc(.5 * var(--spacer));
    text-transform: uppercase;
    font-weight: 800;
  }

    .term-item:first-of-type {
      border: none;
    }

  .term-link {
    padding: calc(.125 * var(--spacer)) 0;
    margin-top: calc(.5 * var(--spacer));
    display: block;
  }

  .terms-hierarchy.level-1 .term-item {
    text-transform: lowercase;
    margin: 0;
    border: none;
    font-weight: 400;
  }

    .terms-hierarchy.level-1 .term-item .term-link {
      border: none;
      margin: 0;
      padding: 0;
    }




/*************************************
 + Plugins
*************************************/


/* ------------- wpc-filters ------------- */
.wpc-filters-main-wrap {}

  .wpc-filters-main-wrap .wpc-filters-section {
    margin-bottom: calc(1.5 * var(--spacer));
  }

  .wpc-filters-main-wrap .wpc-filter-title {
    font-size: 1em;
    line-height: 1.4;
    font-weight: 800;
    margin-bottom: calc(.25 * var(--spacer));
  }

  .wpc-filters-main-wrap .wpc-filters-widget-select {
    padding: 4px;
    border-radius: 0px;
    border: 1px solid;
    margin: 0;
  }

  .wpc-filters-main-wrap .wpc-checkbox-item {
    margin-bottom: 2px !important;
  }