/*! 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: rto
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: rto
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/

::-moz-selection { /* Code for Firefox */
  color: #fff;
  background: #562626;
}

::selection {
  color: #fff;
  background: #562626;
}


/**
 * ---------------------------------------------------------------------
 * ----------------------------- FONTS ---------------------------------
 * ---------------------------------------------------------------------
 */


@font-face {
  font-family: 'FontesqueSansPro';
  src: url(/wp-content/themes/rto/./fonts/FontesqueSansProExtrabold.eot);
  src: url(/wp-content/themes/rto/./fonts/FontesqueSansProExtrabold.eot?#iefix) format('embedded-opentype'),
    url(/wp-content/themes/rto/./fonts/FontesqueSansProExtrabold.woff) format('woff'),
    url(/wp-content/themes/rto/./fonts/FontesqueSansProExtrabold.ttf) format('truetype'),
    url(/wp-content/themes/rto/./fonts/FontesqueSansProExtrabold.svg#FontesqueSansProExtrabold) format('svg');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'FontesqueSansPro';
  src: url(/wp-content/themes/rto/./fonts/FontesqueSansPro.eot);
  src: url(/wp-content/themes/rto/./fonts/FontesqueSansPro.eot?#iefix) format('embedded-opentype'),
    url(/wp-content/themes/rto/./fonts/FontesqueSansPro.woff) format('woff'),
    url(/wp-content/themes/rto/./fonts/FontesqueSansPro.ttf) format('truetype'),
    url(/wp-content/themes/rto/./fonts/FontesqueSansPro.svg#FontesqueSansPro) format('svg');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Trebuchet MS';
  font-style: normal;
  font-weight: normal;
  src: local('./fonts/Trebuchet MS'), url(/wp-content/themes/rto/./fonts/trebuc.woff) format('woff');
}


@font-face {
  font-family: 'Trebuchet MS Italic';
  font-style: normal;
  font-weight: normal;
  src: local('./fonts/Trebuchet MS Italic'), url(/wp-content/themes/rto/./fonts/Trebuchet-MS-Italic.woff) format('woff');
}

body {
  font-family: 'Trebuchet MS';
  font-weight: normal;
  background: #d1e9bf url(/wp-content/themes/rto/./img/background-sp.jpg) repeat-x top center;
  color: #562626;
  font-size: 14px;
}

body.home {
  background: #d1e9bf url(/wp-content/themes/rto/./img/background-hp.jpg) repeat-x top center;
}

header {
  background: url(/wp-content/themes/rto/./img/header-bg-01.png) repeat-x left bottom;
  /*position: relative;
  width: 100%;
  height: 130px;
  margin-bottom: 30px;
  z-index: 999;*/
}
.navbar-brand { padding: 0; margin: 0; }
.navbar-collapse { padding-top: 75px; }

.other-section-menu {
  position: absolute;
  text-align: right;
  right: 40px;
  top: 35px;
  z-index: 2;
}

.other-section-menu .claim {
  margin-top: 10px;
  display: inline-block;
  font-family: 'FontesqueSansPro', sans-serif;
  font-weight: normal;
  font-style: italic;
  font-size: 16px;
}

.other-section-menu ul {
  list-style-type: none;
  float: right;
  padding: 0;
  margin: 0;
}

.other-section-menu ul li {
  display: inline;
  float: left;
  margin-left: 20px;
}

.other-section-menu ul li a{
  font-family: 'FontesqueSansPro', sans-serif;
  font-style: italic;

  text-align: left;
  display: block;
  padding-left: 25px;
  font-size: 18px;
  line-height: 35px;
  color: #562626;
  font-weight: bold;
  height: 42px;
  width: 117px;
  background: url(/wp-content/themes/rto/./img/other-section-button-large.png) no-repeat 0 0;
}
.other-section-menu ul li a:hover {
  text-decoration: none;
  background: url(/wp-content/themes/rto/./img/other-section-button-large.png) no-repeat 0 -42px;
}

.other-section-menu ul li a.small,
.other-section-menu ul li a.medium {
  width: 106px;
  background: url(/wp-content/themes/rto/./img/other-section-button-medium.png) no-repeat 0 0;
}

.other-section-menu ul li a.small:hover,
.other-section-menu ul li a.medium:hover {
  text-decoration: none;
  background: url(/wp-content/themes/rto/./img/other-section-button-medium.png) no-repeat 0 -42px
}

footer {
  background: url(/wp-content/themes/rto/./img/footer-bg.png) repeat-x left bottom;
  min-height: 100px;
  margin-top: 60px;
}


.footer-copyr {
  font-size: 12px;
  color: #420f0f;
  line-height: 28px;
  font-weight: normal;
}

.footer-copyr .container {
  background: url(/wp-content/themes/rto/./img/containers.png) no-repeat left top;
  min-height: 140px;
}

.footer-menu {
  text-align: right;
  padding-top: 85px;
}

/* 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: #d04e00;
}

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

.main-logo {
  position: relative;
  top: 30px;
  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: #562626; }
.color-secondary, .color-secondary:hover { color: #1e6c57; }

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

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover{ background-color: #1e6c57 !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; }

.hp-txt-one {
  font-weight: bold;
  line-height: 1.8em;
}

.hp-txt-one strong {
  font-size: 25px;
  line-height: 25px;
  font-family: 'FontesqueSansPro', sans-serif;
  font-weight: 800;
  font-style: italic;
  color: #562626;
}

.bubble-claim {

  font-family: 'FontesqueSansPro', sans-serif;
  font-weight: normal;
  font-style: italic;
  color: #562626;

  width: 300px;
  height: 190px;

  position: relative;
  float: right;
  padding: 35px 50px 20px 20px;
  margin-left: 20px;
  line-height: 30px;
  font-size: 30px;
  background: url(/wp-content/themes/rto/./img/bubble-claim-bg.png) no-repeat;
  float: left;
}

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


/*.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 {
  font-family: 'FontesqueSansPro', sans-serif;
  font-weight: 800;
  font-style: italic;
  color: #562626;
}

.text-block h1, .h1 { font-size: 2rem; text-transform: uppercase; }
.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: #562626; font-weight: bold; }

.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: #1e6c57; }

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

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

body.home h1 {
  font-size: 48px;
  text-transform: none;
  font-weight: normal;
}

.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;
}

.navbar-nav .nav-link {
  font-family: 'FontesqueSansPro', sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: 18px;
  color: #562626;
  font-weight: bold;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
  color: #e48208;
}

.nav-scroller .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
}

.odkazy-na-weby {}
.odkazy-na-weby a {
  font-family: 'FontesqueSansPro', sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: 25px;
}
.odkazy-na-weby a:hover { text-decoration: none; }
.odkazy-na-weby p { font-size: 18px; }
.odkazy-na-weby img { border: 5px solid #fff; }


.ke-stazeni {}
.ke-stazeni .item {
  background-color: #fff;
  height: 100%;
  display: block;
  padding: 10px;
}
.ke-stazeni .item:hover { text-decoration: none; }
.ke-stazeni h2,
.ke-stazeni .item h4 {
  color: #562626;
  font-family: 'FontesqueSansPro', sans-serif;
  font-weight: 800;
  font-style: italic;
}
.ke-stazeni .item h4 {
  font-size: 15px;
  text-transform: uppercase;
  padding-top: 20px;
}
.ke-stazeni .item:hover h4{
  color:#420f0f;
}

.ke-stazeni .item p { color: #562626; }
.ke-stazeni .item p.format { text-transform: uppercase; }


.block-galerie {}
.block-galerie .item {
  background-color: #fff;
  display: block;
  height: 100%;
  padding: 20px;
}
.block-galerie .item:hover { text-decoration: none; }

.block-galerie .item h2 {
  font-family: 'FontesqueSansPro', sans-serif;
  font-weight: 800;
  font-style: italic;
  margin: 0;
  border-bottom: 1px solid #562626;
  text-transform: uppercase;
  font-size: 16px;
  color: #f08a08;
  margin-bottom: 10px;
  margin-top: 10px;
}
.block-galerie .item p { font-size: 13px; }

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: #562626; text-decoration: none; }
.card-text {
  font-size: 15px;
  line-height: 19px;
}

.news-title {
    font-size: 18px;
    line-height: 22px;
}
.news-title a:hover { color: #562626; 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: #562626;
}

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

/*
 * 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-theme .owl-nav .disabled { display: none !important; }
.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%);
}

.owl-theme .owl-nav [class*='owl-'] { background: none; }
.owl-prev i, .owl-next i { font-size: 80px; color: #562626;  }
.owl-prev, .owl-next {
  width: 15px;
  height: 100px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block !important;
  border:0px solid black;
}
.owl-prev { left: -70px; }
.owl-next { right: -30px; }

.owl-theme .owl-nav [class*=owl-]:hover,
.owl-theme .owl-nav [class*=owl-]:focus { background: none; color: #562626; outline:0; }

.owl-carousel .owl-stage{display: flex;}
.article-items {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}
.aticle-box {
    position: relative;
    overflow: hidden;
    /* margin-bottom: 80px; *//*This is optional*/
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.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: #562626;
    border-color: #562626;
}
.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: #562626;
    background-color: #fff;
    border-color: #562626;
}
.btn-primary.focus, .btn-primary:focus {
    color: #562626;
    background-color: #fff;
    border-color: #562626;
    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: #562626;
    border-color: #562626;
}
.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: #562626;
    border-color: #562626;
}
.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: #1e6c57;
    border-color: #1e6c57;
}
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #1e6c57;
    background-color: #fff;
    border-color: #1e6c57;
}
.btn-secondary.focus, .btn-secondary:focus {
    color: #1e6c57;
    background-color: #fff;
    border-color: #1e6c57;
    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; }



.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;
}

.mobile-only { display: none !important; }

.navbar-collapse.show {
  text-align: center;
  padding-top: 0;
  border-top: 1px solid #562626;
}

.collapsing {
  -webkit-transition: none;
  transition: none;
}

.navbar-toggler { border-color: #562626; }
.navbar-toggler i { color: #562626; }


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

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

  html {
    overflow: hidden;
    height: 100%;
  }
  body { height: 100%; overflow: auto; }
  body.home {background: #d1e9bf url(/wp-content/themes/rto/./img/background-sp.jpg) repeat-x top center;}

  header { background: #fff; border-bottom: 1px solid #562626; }
  .footer-copyr .container { background: none; min-height: auto; }
  .other-section-menu {
    display: none;
    position: relative;
    text-align: center;
    right: 0;
    top: 0;
  }
  .navbar-collapse { text-align: center; }
  .main-logo { top: 0; max-width: 110px; }

  .other-section-menu ul li { width: 100%; margin: 0; }
  .other-section-menu ul li a { margin: 0 auto; }
  .bubble-claim {
    width: auto;
    height: auto;
    background: #fff;
    padding: 20px;
    margin:0 auto;
    text-align: center;
    border-radius: 25px;
  }

  #carouselExampleIndicatorsTwo { display: none; }
  .text-block.dodatecny_text img { margin: 0 auto !important; }
  .text-block.dodatecny_text h2 { text-align: center; width: 100%; }

  .owl-prev { left: -20px; }
  .owl-next { right: 20px; }

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

}