@import url('https://fonts.googleapis.com/css2?family=Piazzolla:ital,wght@0,400;0,700;1,400;1,700&family=Raleway:ital,wght@0,400;0,600;1,400;1,600&display=swap');

body {
    background-color:#FBFAF9;

    font-size:15px;
    font-weight:400;
    color: #736d68;
}

/* ==== LAYOUT =======*/
main.col-md-push-4,
main.col-lg-push-3 {
    left: 0;
}

aside.col-md-pull-8,
aside.col-lg-pull-9 {
    right: 0;
}

/*obecne*/

h1, h2, h3, h4, h5, h6, .panel-title,  h1.title {
    font-family: 'Piazzolla', serif;
    font-weight:600;
    color:#4c4848
}

h1, h1.title {
    font-size:2.5em;
    text-transform:uppercase;
}

h2 {
    font-size:2em;
}

h3 {font-size:1.6em; }

img {
    max-width:100%;
    height:auto;
}

#content img {
    background-color:#fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07);
    border: 1px solid #ebebeb;
    padding: 10px;
}

a, .btn-link {color:#D15638;  transition:all 0.4s;}
a:hover, .btn-link:hover {color:#4C4848;}

button {  transition:all 0.4s;}

hr {border-color:#ebebeb}

/*buttons*/
.btn {
    font-family: 'Piazzolla', serif;
    font-weight:600;
    letter-spacing:1px;
}


.btn-primary {
    border:0;
    background-color:#D15638;
    color:#fff;
    border-radius:0;
}
.btn-primary:hover {
    border:0;
    background-color:#4C4848;
    color:#fff;
}

.item-eshop-product .btn-warning {
    color: #333;
    background-color: #fff;
    border-color: #ebebeb;
    border-radius:0;
}

.item-eshop-product .btn-warning:hover {
    background-color:#4C4848;
    color:#fff;
}

/*breadcrumb*/
.breadcrumb {
    border-bottom:1px solid #ebebeb;
    background-color:transparent;
    padding:5px 0;
}

/*forms*/
.form-control {
    border-color: #ebebeb;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition:none;
    -o-transition: none;
}

/*pagination*/

.pagination > li > a,
.pagination > li > span {
    color: #D15638;
    background-color: #fff;
    border: 1px solid #ebebeb;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #fff;
    background-color: #4C4848;
    border-color: #4C4848;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: #fff;
    background-color: #D15638;
    border-color: #D15638;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #4C4848;
    background-color: #fff;
    border-color: #ebebeb;
}

/*panel*/
.panel,
.panel-body,
.panel-heading,
aside .panel-primary > .panel-heading,
aside .panel .panel-body{
    background-color:transparent;
    border:0;
    box-shadow:none;
    border-radius:0;
    padding-left:0;
    padding-right:0;
    overflow:visible;
}
.panel {
    border-bottom:1px solid #ebebeb !important;
}
.panel-title {
    font-size: 1.8em
}

/*table*/
.table > thead > tr > th, .table > tbody > tr > th,
.table > tfoot > tr > th, .table > thead > tr > td,
.table > tbody > tr > td, .table > tfoot > tr > td {
    border-color:#ebebeb;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #F6F4F3;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #F6F4F3;
}


table > thead > tr > th,
table > thead > tr > td{
    background: #EBE7E4;
}

/*thumbnail*/
.thumbnail {
    border:0;
    background-color:transparent;
}
.thumbnail .caption {
    padding:0;
    color:inherit
}
.thumbnail .caption h2 {
    margin:10px 0;
    font-size:1.7em;
}
dl.count dd span.badge {
    color:#736d68
}

dl.count  {
    margin:0;
    font-size:10pt;
    font-style:italic;
}
.thumbnail .caption dl:last-of-type {
    margin-bottom:10px
}

.thumbnail .more {
    text-align: left;
}

/*hlavicka*/
header {
    background-color: #F6F4F3;
    padding:0;
}

#logo {margin:10px 0;}

#topbar .form-group {margin-top:10px}

@media (min-width:768px) {
#topbar .topbar_account {margin-top:10px}
}
    
#topbar .form-control {
    border:0;
    box-shadow:none;
}

#topbar .btn-default{
    border:0;
    background-color:#D15638;
    color:#fff;
}

#topbar .btn-default:hover{
    border:0;
    background-color:#4C4848;
    color:#fff;
}

/*menu*/

.navbar-default {
    background-color:#fff;
    border:0;
    position:sticky;
    top:0;

}
.navbar-default .navbar-brand {
    color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent;
}
.navbar-default .navbar-text {
    color: #777;
}
.navbar-nav > li {
    border:0
}

.navbar-default .navbar-nav > li > a {
    color: #777;
    font-weight:600;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #D15638;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #D15638;
}

.navbar-default .navbar-toggle {
    border-color: #fff;
    background-color:#D15638;
    color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #4C4848;
    color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #000;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #e7e7e7;
}

.dropdown-menu {

    min-width: 160px;
    padding: 5px 5px;
    margin: 2px 0 0;
    font-size: inherit;
    list-style: none;
    background-color: #4C4848;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}


.dropdown-menu > li > a {
    display: block;
    padding: 6px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #D15638;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #D15638;
    outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/*motive*/
#motive {
    border:0;
}

#box-custom-motive .section-carousel,
#box-custom-motive .row,
#box-custom-motive div{
    padding:0;
    margin:0
}


#motto {
    font-family: 'Piazzolla', serif;
    font-weight:600;
}

/*=========aside==========*/
/*random image*/
#panel-photos .panel-heading {
    display:none;
}

/*panel accounts*/

#panel-accounts ul#list-panel-categories li{
    box-shadow:none;
    border-bottom:1px dotted #EAEAEA;
    border-radius:0;
    margin:0
}
#panel-accounts ul#list-panel-categories li:last-of-type {
    border-bottom:0;
}

/*active rubric*/
#panel-news ul#list-panel-news li div {
    border-bottom: 0px
}

#panel-news ul#list-panel-news li div p.description {
    margin-bottom: 1.2em;
    padding-left: 0px;
    margin-left: 0px;
    border:0;
}
/*fotogalerie*/
.item-photo a,
#panel-photos a{
    border:0;
    padding:0;
    background:transparent;
    margin:10px 0;
}

.item-photo .img-thumbnail {
    padding:10px;

}


/*list-rubrics - media*/
.media:first-child {
    margin-top: 15px;
}

#list-rubrics  {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 50px;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

#list-rubrics li {
    overflow: visible;
    width:calc(33.3% - 30px);
    padding:15px
}

#list-rubrics  li .media-body {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}


#list-rubrics li .details,
#list-pages li .details,
#listdata li .details {
    font-size: 10pt;
    font-style: italic;
}

#list-rubrics .perex .perex-image-link img,
#list-rubrics .perex iframe {
    margin: 0 auto;
    display: block;
    max-width: 100%;
}


@media (max-width: 1200px) {
    #list-rubrics li {
        width: 100%;
    }
}

/*list-panel-news*/
ul#listdata,
#list-pages {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    padding: 0px 0
}

ul#listdata>li,
#list-pages>li {
    width: calc(33.3% - 30px);
    overflow: hidden;
    align-items: stretch;
    margin: 15px;
}


@media (max-width: 1200px) {

    ul#listdata>li,
    #list-pages>li {
        width: calc(50% - 30px);
        overflow: hidden;
        align-items: stretch;
        margin: 15px;
    }
}


@media (max-width: 768px) {

    ul#listdata>li,
    #list-pages>li {
        width: calc(100% - 30px);
        overflow: hidden;
        align-items: stretch;
        margin: 15px;
    }
}


/*eshop panel-categor*/
#panel-categories .panel-body {
    padding: 0;
}

ul#list-panel-categories li {
    border-top: 0px solid #ebebeb;
    margin-left:-25px;
    padding-left:25px ;
    transition:all 0.4s;
}

ul#list-panel-categories li:before {
    content: "\f138";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color:#736d68;
}
ul#list-panel-categories li:hover:before{
    transition:all 0.4s;
    margin-left:10px;
    color: #D15638;
}
ul#list-panel-categories li.active:before {
    color: #D15638;
}

ul#list-panel-categories a {
    text-transform: none;
    padding:5px;
    border: 0;
    display:inline-block;
    color:#736d68;

}

ul#list-panel-categories li.active>a,
ul#list-panel-categories li>a:hover,
ul#list-panel-categories li>a:focus {
    background: transparent;
    border: 0;
    color: #D15638;
}

ul#list-panel-categories li>a>.badge {
    background-color: transparent;
    float: none;
    position: relative;
    right: auto;
    top: auto;
}

ul#list-panel-categories li.active>a>.badge,
ul#list-panel-categories li>a:hover>.badge {
    color: #D15638;
}

ul#list-panel-news li div p.date {
    font-style:italic;
    font-size: 10pt;
}

ul#list-panel-categories ul.level2 {
    padding-left: 0em;
}

ul#list-panel-categories ul.level2 li a {
    padding-left: 20px;
}

/*photogallery*/
.item-photogallery .description {
    display:none;
}
/*footer*/

footer {
    background: #F6F4F3;
    color: #736d68;
}

footer a {
    color: #D15638;
}
footer a:hover,
footer a:focus {
    color: #4C4848;
}

#box-custom-footer {
    background-color: #F6F4F3;
}

#footer-contact .fa {
    color: #4C4848;
}


#bar-footer {
    padding: 1.5em 1em;
    background: #F6F4F3;
    border-top: 1px solid #ebebeb;
    margin: 0;
}

@media (max-width: 768px) {
    #footer-contact h3, #footer-links h3 {
        margin-top: 0;
        display: block;
        font-size:1.3em;
    }
}


/*sections*/
section.section-container {
    padding: 0
}
section.section-bg,
section.section-bg-light {
    padding:15px;
    background-color:#F6F4F3;
}

section.section-bg > .row > div > h1:first-of-type,
section.section-bg > .row > div > h2:first-of-type,
section.section-bg > .row > div > h3:first-of-type,
section.section-bg > .row > div > h4:first-of-type,
section.section-bg > .row > div > h5:first-of-type,
section.section-bg-light > .row > div > h1:first-of-type,
section.section-bg-light > .row > div > h2:first-of-type,
section.section-bg-light > .row > div > h3:first-of-type,
section.section-bg-light > .row > div > h4:first-of-type,
section.section-bg-light > .row > div > h5:first-of-type {
    margin-top:0;
}

section.section-3-col-top-text,
section.section-3-col-bottom-text,
section.section-header,
section.section-2-col-left-text,
section.section-2-col-right-text,
section.section-services h2,
section.section-pricelist h2,
section.section-pricelist > .row > div > p {
    text-align: left;
}


/*carousel*/
section.section-container.section-carousel {
    padding:0;
}

#content .section-carousel .carousel-inner{
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07);
}
#content .section-bg.section-carousel img,
#content .section-bg-light.section-carousel img {
    background-color: #F6F4F3;

}

.carousel-control.right,
.carousel-control.left {
    background:none;
}

#box-custom-motive .section-carousel img {
    padding:0;
}

#box-custom-motive section + p {padding:0; margin:0;}

/*services*/
section.section-services li {
    float: left;
    width: calc(33.3% - 30px);
    background: #fff;
    padding: 15px;
    margin: 15px;
    border-left: 5px solid #D15638;
}

/*price list*/
.section-pricelist.section-bg table,
.section-pricelist.section-bg-light table{
    background-color:#fff;
}

/*cta*/
.section-cta.section-bg-light {
    background-color: #D15638;
    color:white;
}

.section-cta.section-bg-light a {
    color:#4C4848;
}
.section-cta.section-bg-light .btn-primary {

    background-color:#4C4848;
    color:#fff;
}

.section-cta.section-bg-light .btn-primary:hover {
    background-color:white;
    color:#4C4848;
}
/* */
#content .section-container.section-3-col-bottom-text.cell-img-borders img,
#content .section-container.section-3-col-top-text.cell-borders img,
#content .section-container.section-3-col-bottom-text.cell-borders img {
    border:0;
        background-color: #fff;
    -webkit-box-shadow: unset;
    box-shadow:unset;
    border: 0;
    padding: inherit;
}
/**/
.filter-default {
    filter: invert(48%) sepia(45%) saturate(858%) hue-rotate(324deg) brightness(83%) contrast(98%);
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }}


@media (min-width: 992px){
    .container {
        width: 970px;
    }}


@media (min-width: 1200px){
    .container {
        width: 1170px;
    }}

@media (min-width: 1500px){
    .container {
        width: 1420px;
    }}

