/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*!
Theme Name: strimelickeuzenarstvi
Theme URI: https://www.najfus.com
Author: Najfus.com
Author URI: https://www.najfus.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: strimelickeuzenarstvi
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/

@font-face {
    font-family: 'Reeler';
    src: url(/wp-content/themes/strimelickeuzenarstvi/./fonts/subset-Reeler.woff2) format('woff2'),
        url(/wp-content/themes/strimelickeuzenarstvi/./fonts/subset-Reeler.woff) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pluto Sans';
    src: url(/wp-content/themes/strimelickeuzenarstvi/./fonts/subset-PlutoSansRegular.woff2) format('woff2'),
        url(/wp-content/themes/strimelickeuzenarstvi/./fonts/subset-PlutoSansRegular.woff) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pluto Sans';
    src: url(/wp-content/themes/strimelickeuzenarstvi/./fonts/subset-PlutoSansBold.woff2) format('woff2'),
        url(/wp-content/themes/strimelickeuzenarstvi/./fonts/subset-PlutoSansBold.woff) format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Adelle Rg';
    src: url(/wp-content/themes/strimelickeuzenarstvi/./fonts/subset-Adelle-Bold.woff2) format('woff2'),
        url(/wp-content/themes/strimelickeuzenarstvi/./fonts/subset-Adelle-Bold.woff) format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body {
  font-family: 'Pluto Sans';
  font-weight: normal;
  background-image: url(/wp-content/themes/strimelickeuzenarstvi/./img/background.jpg);
  background-size: 100%;
  background-repeat: repeat-y;
  color: #fff;
}

body.home header {
  background-color: #000;
}

header.carousel {
    height: 850px;
    margin-top: -1px;
}

header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner {
    height: 100%;
}
header.carousel .fill,
header.carousel .fill-shadow {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

header.carousel .fill {
  animation: zoom-in-zoom-out 15s ease infinite;
}


@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.05, 1.05);
  }
  100% {
    transform: scale(1, 1);
  }
}

header.carousel .fill-shadow {
  height: 20%;
  position: absolute;
  top: 0;
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
}

header .carousel-caption {
  bottom: auto;
  top: 30%;
}

header .carousel-caption h1 {
  font-family: 'Reeler';
  font-size: 94px;
  text-shadow: 2px 2px 20px #000;
}

header .social { position: absolute; top: 20px; right: 27px; }
header .social a { position: relative; z-index: 1; float: right; color: #fff; font-size: 25px; padding-left: 15px; }
header .social a:hover { color: #e71a04; }

.prefooter .grid-img.n1 { padding-right: 26px; padding-bottom: 30px; }
.prefooter .grid-img.n2 { padding-bottom: 30px; }
.prefooter .grid-img.n3 { padding-right: 26px; }
.prefooter .soc { color: #fff; font-size: 120px; }
.prefooter .soc:hover { color: #dc0714; }

footer {
  background-color: #dc0714;
}

footer .footer-menu { list-style: none; padding: 0; }
footer .footer-menu a { color: #fff; text-transform: uppercase; }
footer .footer-menu a:hover { color:#000; text-decoration: none; }
footer .soc { color: #fff; width: 100%; float: left; }
footer .soc:hover { color: #000; text-decoration: none; }
footer .soc i { font-size: 60%; color: #000; }

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
  margin-bottom: 0;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}


/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

a {
  color: #e71a04;
}

a:hover {
  color: #e71a04;
  text-decoration: underline;
}

.main-logo {
  max-width: 250px;
  image-rendering: auto;
  image-rendering: crisp-edges;
  image-rendering: pixelated;

  /* Safari seems to support, but seems deprecated and does the same thing as the others. */
  image-rendering: -webkit-optimize-contrast;
}

.error-input { border: 1px solid red !important; }

.color-primary, .color-primary:hover { color: #e71a04; }
.color-secondary, .color-secondary:hover { color: #e71a04; }

.bg-primary { background-color: #e71a04 !important; }
.border-primary { border-color: #e71a04!important; }

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover{ background-color: #e71a04 !important; outline: 0; }

.bg-gray { background-color: #f7f7f7; }
.bg-whitetish { background-color: rgb(255, 255, 255 , 0.55) !important; }
.text-shadow { text-shadow: 0px 0px 5px black; }
.text-black { color: #222; }



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

h2 {
  font-family: 'Pluto Sans';
  text-transform: uppercase;
  font-size: 34px;
}

h1.subpage {
  font-family: 'Reeler';
  font-size: 34px;
  text-transform: uppercase;
  color: #fff;

}
h1.subpage::after {
  content: ' ';
  width: 40%;
  border-bottom: 1px solid #e71a04;
  display: block;
  margin: 0 auto;
  padding-top: 20px;
}

h1.subpage span { color: #e71a04; }

/*.text-block .h1,*/
.text-block .h2,
.text-block .h3,
.text-block .h4,
.text-block .h5,
.text-block .h6,
/*.text-block h1,*/
.text-block h2,
.text-block h3,
.text-block h4,
.text-block h5,
.text-block h6 { color: #e71a04; }

.text-block h1, .h1 { font-size: 2rem; }
.text-block h2, .h2 { font-size: 1.75rem; }
.text-block h3, .h3 { font-size: 1.5rem; }
.text-block h4, .h4 { font-size: 1.25rem; }
.text-block h5, .h5 { font-size: 1.1rem; }
.text-block h6, .h6 { font-size: 1rem; }

.text-block .perex { color: #e71a04; }

.text-block h1 a,
.text-block h2 a,
.text-block h3 a,
.text-block h4 a,
.text-block h5 a,
.text-block h6 a { color: #e71a04; }

h1.product-detail { font-size: 34px; color: #e71a04; font-family: 'Pluto Sans'; margin-bottom: 0; }
h1.product-detail::after { content: initial; }
h2.product-detail { font-size: 34px; color: #fff; text-transform: none;}
h3.product-detail { font-size: 18px; color: #fff; text-transform: uppercase; }

.text-block a { text-decoration: underline; }
.text-block a:hover { text-decoration: none; }

.text-block strong { color: #e71a04; }
.text-block i.fas { color: #e71a04; }

.table-dark { background-color: #e71a04; }
.table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: #fff; }

.hp-text-block {
  font-family: 'Pluto Sans';
  font-size: 34px;
  line-height: 54px;
  text-transform: uppercase;
}
.hp-text-block h3 { font-family: 'Reeler'; color: #fff; text-transform: none;}

.navbar { padding:.5rem 0; }

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-link {
  font-family: 'Pluto Sans';
  font-weight: normal;
  font-size: 22px;
  text-transform: uppercase;
  color: #fff;
}
.nav-link:hover,
.nav-link.active { text-decoration: underline; color: #e71a04; }
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.8rem;
    padding-left: 0.8rem;
}

a.card:hover { text-decoration: none; }

.card-img-right {
  height: 100%;
  border-radius: 0 3px 3px 0;
}
/*
.card-title .text-title {
  font-size: 19px;
}*/
.card-title .text-title:hover { color: #e71a04; text-decoration: none; }
.card-text {
  font-size: 15px;
  line-height: 19px;
}

.news-title {
    font-size: 18px;
    line-height: 22px;
}
.news-title a:hover { color: #e71a04; text-decoration: none; }

.card-date-bot-right {
  position: absolute;
  right: 16px;
  bottom: 10px;
}

.flex-auto {
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
}

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

/* Right col */

.right-col-extra .card-header {
    color: #fff;
    background-color: #e71a04;
}

.right-col-extra .contact-card-border {
    padding: 10px 0;
    border-top: 1px solid #dfdfdf;
    margin: 0 auto;
}


.block-blog {}

.block-blog .item:hover h3{ text-decoration: underline; }
.block-blog .item small { color: #fff; font-size: 18px; }
.block-blog .item h3 {
    font-family: 'Reeler';
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: uppercase;
}

.block-blog-list .item { display: block; margin-bottom: 30px; }

.block-blog .item p {
    font-size: 17px;
    color: #fff
}

.block-blog .item:hover {
    text-decoration: none
}

.pagination { position: relative;display: block; }

.pagination a,.pagination span {
    font-size: 24px;
    padding: 0 5px;
    color: #fff;
}
.pagination a:hover,.pagination span:hover {color: #e71a04;}

.pagination .current {
    color: #e71a04;
}

.h3-news {
  font-family: 'Reeler';
  font-size: 26px;
  text-transform: uppercase;
}

.h3-news::before {
  content: ' ';
  width: 40%;
  border-top: 1px solid #e71a04;
  display: block;
  margin: 0 auto;
  padding-bottom: 30px;
}

.news-archive {
  font-family: 'Reeler';
  font-size: 26px;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none !important;
}

.news-archive::after {
  content: ' ';
  width: 40%;
  border-bottom: 1px solid #e71a04;
  display: block;
  margin: 0 auto;
  padding-top: 30px;
}

.products-list {}
.products-list .item { position: relative; display: block; text-align: center; }
.products-list.kategorie .item { text-align: left; text-decoration: none; }
.products-list .item span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 26px;
  font-weight: bold;
  height: 100%;
  padding-top: 26%;
  background-color: rgb(255, 255, 255, 0.65);
  transition: all 800ms ease;
  text-transform: uppercase;
  z-index: 1;
}

.products-list.kategorie .item:hover img { opacity: 0.8; }
.products-list.kategorie .item img { margin-bottom: 0; }
.products-list.kategorie .item span {
  display: block;
  background-color: transparent;
  position: relative;
  font-size: 18px;
  padding-top: 5px;
  top: auto; left: auto; right: auto; bottom: auto; height: auto;
}
.products-list.kategorie .item p { color: #fff; }

.products-list .item:hover span { background-color: #fff; /*text-shadow: 2px 2px 5px #000;*/ }
.products-list.kategorie .item:hover span { background-color: transparent; /*text-shadow: 2px 2px 5px #000;*/ }

/*
 * Blog name and description
 */
.blog-title {
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 400;
}
.blog-description {
  font-size: 1.1rem;
  color: #999;
}

@media (min-width: 40em) {
  .blog-title {
    font-size: 3.5rem;
  }
}

/* Pagination */
.blog-pagination {
  margin-bottom: 4rem;
}
.blog-pagination > .btn {
  border-radius: 2rem;
}

/*
 * Blog posts
 */
.blog-post {
  margin-bottom: 4rem;
}
.blog-post-title {
  margin-bottom: .25rem;
  font-size: 2.5rem;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #999;
}

/**
 * Accordion
 */
.card-accordion .card-header {
    color: #fff;
    background-color: #f7f7f7;
    cursor: pointer;
}

/**
 * brands slider
 */


.brands {
    width: 100%;
}

.brands_slider_container {
    height: 130px;
    /*border: solid 1px #e8e8e8;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);*/
    /*padding-left: 97px;
    padding-right: 97px;*/
}

.brands_slider {
    height: 100%;
}

.brands_item {
    height: 100%
}

.brands_item img {
    max-width: 100%
}

.brands_nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 5px;
    cursor: pointer
}

.brands_nav i {
    color: #e5e5e5;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.brands_nav:hover i {
    color: #676767
}

.brands_prev {
    left: 40px
}

.brands_next {
    right: 40px
}

.owl-item .overlay { display: none; }
.owl-item .current .overlay {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 68%);
}

.vimeo-gallery {
  position: relative;
  width: 100%;
  background-color: #f2f2f2;
  padding: 20px 10px;
  padding-bottom: 0;
}

.vimeo-gallery .brands_slider_container { height: 90px; }

/**
 * Bootstrap rewrites
 */

.btn-group-xs > .btn, .btn-xs {
  padding: .25rem .4rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;
}

/**
 * btn-primary
 */
.btn-primary {
    color: #fff;
    background-color: #e71a04;
    border-color: #e71a04;
}
.btn-primary:hover,
.btn-primary.current,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #e71a04;
    background-color: #fff;
    border-color: #e71a04;
}
.btn-primary.focus, .btn-primary:focus {
    color: #e71a04;
    background-color: #fff;
    border-color: #e71a04;
    box-shadow: none;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{ box-shadow: none; }

/**
 * btn-outline-primary
 */
.btn-outline-primary {
    color: #e71a04;
    border-color: #e71a04;
}
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #e71a04;
    border-color: #e71a04;
}
.btn-outline-primary.focus, .btn-outline-primary:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus{ box-shadow: none; }


/**
 * btn-secondary
 */
.btn-secondary {
    color: #fff;
    background-color: #e71a04;
    border-color: #e71a04;
}
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #e71a04;
    background-color: #fff;
    border-color: #e71a04;
}
.btn-secondary.focus, .btn-secondary:focus {
    color: #e71a04;
    background-color: #fff;
    border-color: #e71a04;
    box-shadow: none;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus{ box-shadow: none; }

header .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
 }

.form-control:focus { box-shadow: none; }

.karta-img { max-width: 210px; }


.video-cookie-blocker {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(0,0,0,0.67);
  z-index: 1;
  color: #fff;
  padding: 1em;
}


.navbar-toggler { color: #fff; border: 1px solid #fff; }

.mobile-only { display: none; }
.desktop-only { display: block; }

/* Mobile */
@media (max-width: 991px) {

  .mobile-only { display: block; }
  .desktop-only { display: none; }

  html {
    /*overflow: hidden;*/
    height: 100%;
  }
  /*body { margin-top: 80px;  height: 100%; overflow: auto; }*/
  .main-logo { max-width: 70px; }
  .navbar-brand { padding: 0; }
  header.carousel .fill-shadow { display: none; }
  header.carousel { height: 200px; }
  header .carousel-caption h1 { font-size: 24px; }
  .navbar-collapse.show { border-bottom: 1px solid #fff; }

  .slider-caption.h2slider p strong { font-size: 18px; line-height: 24px; }

  body.home .karta-img,
  body.archive .karta-img {
    max-width: 100%;
    height: auto;
  }


  .img-min-mobile-height {
    max-width: 100% !important;
    height: auto !important;
    min-height: 150px !important;
  }
  .h-210,
  .h-md-250 {  height: 200px; }

  #carouselExampleIndicatorsTwo { display: none; }

  .vimeo-gallery { padding: 0; background-color: transparent; }

  .prefooter .grid-img.main {  }
  .prefooter .grid-img.n1,
  .prefooter .grid-img.n2,
  .prefooter .grid-img.n3,
  .prefooter .grid-img.n4 { padding: 5px; max-width: 75px; }

  .hp-text-block { font-size: 24px; line-height: 44px; }
  .block-blog .item { display: block; margin-bottom: 20px; }
  .navbar-nav { text-align: center; }
  .header-bg { background-position: center; }

}