/*
Theme Name:     st-prace
Theme URI: 		http://webstudionovetrendy.eu
Description:    st-prace
Author:         WebStudio NoveTrendy.eu
Theme URI: 		http://webstudionovetrendy.eu
Template:       novetrendy
Version:        4.0.1
*/  

/**
* My custom class
*/
/* switch break word ( prevent overflow text for mobile ) */

/*#titlebar{display:none;}*/

h1, h2, h3 {word-wrap: break-word !important;}
html h1 {
    font-size: 38px;
    line-height: 44px;
    background: #00000080;
    display: block;
    padding: 15px 10px;
    color: #dce0d9!important;
}
h1.green{
    color:#103D23!important;
    background: transparent;
}
h1.white{
    color:#FFFFFF!important;
    background: transparent;
}

.think{font-weight:100;}
.normal{font-weight:400;}

#header-container{
    padding-bottom:2px !important;
}
span.red{
    color:#CB2821!important;
}

/*h2{background-color: #d32a3b;color:#FFF!important;font-size: 36px;line-height: 44px;margin: 0 auto;display:table;padding: 10px 20px;transform: perspective( 600px ) rotateY( 10deg );}*/

.ui--imag-caption.flex-caption{
    position: relative !important;
    left: 0px !important;
    bottom: 70px !important;}

.ui--gallery .ui--gallery-item, .ui--gallery .ui--gallery-item img, .ui--gallery .ui--gallery-overlay {-moz-border-radius: 0px !important;-webkit-border-radius: 0px !important;border-radius: 0px !important;}
.vyrovnani {
    font-size: 16px;
    line-height:20px;
}
.ui--content-box-title {
    border-bottom: 1px solid #ebebeb00;
    word-break: break-word;
    background-image: none!important;
    background-color: #444;
}
.span3 .ui--content-box-title, .span4 .ui--content-box-title {
    padding: 12px 20px 9px;
    min-height: 63px;
}
html .ui--content-box-header h3.ui--content-box-title-text {
    color: #fff !important;
    text-shadow: none;
}
html .span3 .ui--content-box-header h3.ui--content-box-title-text {
    font-weight: 400;
    font-size: 22px;
}
/*html .ui--content-box-header h3.ui--content-box-title-text:hover, */
html .ui--content-box-title:hover h3.ui--content-box-title-text {
    color: #333 !important;
    transition: all 1s;
    }
.ui--content-box {
    border-radius: 0px;
    border: none !important;
}

ul.ui--list li {
    position: relative;
    padding: 0px;
    line-height: 30px;
}
html #header-navigation > li.top-level-item.has-child.hover > a{
    background-color: #035603 !important;
    *background-color: #0fd813 !important;
    background-image: -moz-linear-gradient(top, #0fd813, #035603) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0fd813), to(#035603)) !important;
    background-image: -webkit-linear-gradient(top, #0fd813, #035603) !important;
    background-image: -o-linear-gradient(top, #0fd813, #035603) !important;
    background-image: linear-gradient(to bottom, #0fd813, #035603) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0fd813', endColorstr='#035603') !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0fd813', endColorstr='#035603')" !important;
    background-repeat: repeat-x;
    color: #ffffff;
}
html #header-navigation li > ul.sub-menu:after {
    background-color: #035603 !important;
}

#header-navigation>li.top-level-item>a {
    padding: 18px 8px 18px;
}

/*****/
.ml15{margin-left:15px;}
/*.uvodgrid .row{margin: -5px;}*/
.uvodgrid .row{margin-bottom: 31px;}
.uvodgrid .ui--content-box .ui--content-box-overlay div.center .btn {white-space: inherit; text-align:justify;}
.uvodgrid .ui--content-box-overlay-background {opacity: 0;}
.uvodgrid .ui--content-box-overlay-button-icon{display:none;}
.uvodgrid .ui--box, .uvodgrid .ui--content-box-title, .uvodgrid .ui--content-box-media{border: 0px solid transparent;}
.uvodgrid .btn{background-color: rgba(245, 245, 245, 0.85);background-image: none !important;border-radius: 0px;}
.uvodgrid .ui--content-box-image {-webkit-border-top-left-radius: 0px;-webkit-border-top-right-radius: 0px;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;}
.uvodgrid .ui--content-box {-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;}
/*.uvodgrid img{transition: all 1s;filter: grayscale(1) !important;-webkit-filter: grayscale(1);} */
.uvodgrid img{transition: all 1s;}
.uvodgrid .ui--content-box:hover img{transform: scale(1.05);filter: grayscale(0) !important;-webkit-filter: grayscale(0) !important;}
.uvodgrid h5.ui--content-box-title-text{/*color:#ffbc00!important;*/color:#ffffff!important;font-size:22px;line-height:26px;text-shadow:none;}
.uvodgrid .span3 .ui--content-box-title, .uvodgrid .span4 .ui--content-box-title {
    /*padding: 12px 20px 9px;*/

    min-height: 33px;
}

.blockq{
    font-size: 22px;
    /*font-weight: 300;*/
    line-height: 28px;
    text-align: justify;
    margin-bottom: 30px;
}

.footergrid .row{margin: -5px;}
.footergrid .ui--content-box .ui--content-box-overlay div.center .btn {white-space: inherit; text-align:justify;}
.footergrid .ui--content-box-overlay-background {opacity: 0;}
.footergrid .ui--box, .footergrid .ui--content-box-title, .footergrid .ui--content-box-media{border: 0px solid transparent;}
.footergrid .btn{background-color: rgba(245, 245, 245, 0.85);background-image: none !important;border-radius: 0px;}
.footergrid .ui--content-box-image {-webkit-border-top-left-radius: 0px;-webkit-border-top-right-radius: 0px;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;}
.footergrid .ui--content-box {-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;}
/*.footergrid img{transition: all 1s;filter: grayscale(1) !important;-webkit-filter: grayscale(1);} */
.footergrid .ui--content-box:hover img{transform: scale(1.05);filter: grayscale(0) !important;-webkit-filter: grayscale(0) !important;}
.footergrid .ui--content-box-title{position:relative;}
.footergrid .ui--content-box-title-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
/*****/


/* kontakt table */
table.kontakt {border: 1px solid rgba(21,21,21,0.1);width:100%;box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.1);}
.kontakt td{padding:5px;}
.kontakt th{font-weight:bold;text-align:left;padding-left: 5px;}
.kontakt tr:nth-child(odd) {background:rgba(69, 184, 231, 0.39);}
.kontakt tr:hover {background-color:rgba(0,0,0,0.5);color:#333333;}
.kontakt tr:hover:nth-child(odd) {background-color:rgba(0,0,0,0.5);color:#333333;}

table.galerie {border: 1px solid rgba(21,21,21,0.1);width:100%;box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.1)}
.galerie td{padding:5px;}
.galerie th{font-weight:bold;text-align:left;padding-left: 5px;}
.galerie tr:nth-child(odd) {background:/*#008DE6*/#d32a3b;color:#FFF;}
.galerie tr:hover {background-color:rgba(0,0,0,0.5);color:#fff;opacity:0.9;transition: all 0.5s;}
/*.galerie tr:hover:nth-child(odd) {background-color:rgba(0,0,0,0.5);color:#333333;}*/
/* change position navigation of carousel gallery */
.ui--gallery .ui--carousel-navigation {margin-top: 1%;}
.ui-fluid-column {margin-top: 15px;}

/* styling contact form */
.wpcf7 input, .wpcf7 textarea {border:1px dashed #333;}
.wpcf7-file{border:0px solid transparent!important;}
a:hover{text-decoration:none!important;}
blockquote {border-color:#98c379 !important;}
blockquote p {font-size: 22px;font-weight: 300;line-height: 28px;}

img#logo-desktop{
    transition: all 1s;
}
img#logo-desktop:hover{
    transform: scale(1.05);
}
.volejte{
    color: #fff;
    font-size: 30px;
    line-height:36px;
}

@media (max-width:767px) {
#page-content {padding:30px 10px 12px 10px !important;}
html #page-wrap {background-image: none!important;}
table.galerie {margin-bottom:30px;}
html #top-bar {font-size: 14px !important;}
.fullwidth-content.uvodgrid{margin-left:-20px !important;}
#the-content > :not(.fullwidth-content):not(.ui--animation-in), .sidebar-area > :not(.fullwidth-content):not(.ui--animation-in) {padding-left: 10px !important;padding-right: 10px !important;}
.uvodgrid .span4 {margin-bottom: -15px;}
.uvodgrid .span4:last-child {margin-bottom: -48px;}
.volejte{
    color: #fff;
    font-size: 22px;
    line-height:30px;
}
}
@media (min-width:768px) {
.uvodgrid .span3 {width: 24.87%;margin-left:1px;margin-bottom: -17px;}
.uvodgrid .span4 {width: 32.99%;margin-left:1px;margin-bottom: -48px;}
/*.uvodgrid .span4:first-child {margin-top:18px}*/
.footergrid .span2 {width: 16.49%!important;margin-left:1px!important;}
#top-bar-text{
    position: relative;
    top: -5px;
    text-align: center;
}
.text-none{
    position: relative;
    display: inline-block;
    top: 10px;
}

}
@media (min-width:768px) and (max-width:978px) {
#page-content {padding:30px 10px 12px 10px !important;}
.ui--gallery .span3{margin-left:1px;width: 185px;}
.ui--gallery .span4{margin-left:1px;width: 247px;}
.ui--gallery .ui--gallery-wrapper .ui--gallery-item {margin-bottom: 1px !important;}
#header-container-background {opacity: 0;background-color: transparent;}
#header-container {-webkit-box-shadow: none !important;-moz-box-shadow:none !important;box-shadow:none !important;}
.uvodgrid .ui--content-box-title{min-height: 20px;padding: 12px 3px;}
.footergrid .ui--content-box-title{min-height: 67px;padding: 3px;}
.footergrid .span2 {width: 32.99%!important;margin-left:1px!important;margin-bottom:-17px;}
.fullwidth-content .ui--gallery .span3:first-child{margin-left:22px;}
.fullwidth-content .ui--gallery .span3{width: 24%;}
}
@media (min-width:768px) and (max-width:770px) {
.uvodgrid .ui--content-box-title{min-height: 20px;padding: 12px 3px;}
.uvodgrid .ui--content-box .ui--content-box-overlay div.center .btn {line-height:12px;}
.footergrid .ui--content-box-title{min-height: 67px;padding: 3px;}
}
@media (min-width:979px) {
#page-content {padding:30px 0px 12px;min-height:80vh;}
.page-id-4 #page-content {padding:50px 0px 12px;}
table.galerie {margin-top:50px;}
.ui--gallery .span3{margin-left:1px;width: 246px;}
.ui--gallery .span4{margin-left:1px;width: 329px;}
.ui--gallery .ui--gallery-wrapper .ui--gallery-item {margin-bottom: 1px !important;}
.modern-browser #header-container.stuck #header-container-background {/*background-color: #0e7add;*/}
.uvodgrid .span4:first-child{margin-top: 18px;}
.uvodgrid .span4 {width: 33.23%;margin-left:1px;margin-bottom: -66px;}
}
@media (min-width:1200px) {
.ui--gallery .span3{margin-left:1px;width: 299px;}
.ui--gallery .span4{margin-left:1px;width: 399px;}
.ui--gallery .ui--gallery-wrapper .ui--gallery-item {margin-bottom: 1px !important;}
.uvodgrid .span4 {width: 33.23%;margin-left:1px;margin-bottom: -66px;}
.uvodgrid .span4:first-child{margin-top: 18px;}
}
@media (min-width:1921px) {
.uvodgrid .span4 {width: 33.23%;margin-left:1px;margin-bottom: -66px;}
    }