/*
Theme Name:     ploty-hyl
Theme URI: 		http://webstudionovetrendy.eu
Description:    ploty-hyl
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 ) */
html #page-wrap {
    background-size: contain;
}
#header-navigation > li.top-level-item > a {
    padding: 18px 13px 18px !important;
}
#header-navigation > li#menu-item-5981 a {
    background-color: #feb521 !important;
    *background-color: #f5d20d !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM3MzczNzMiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNTI1MjUyIiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==) !important;
    background-image: -moz-linear-gradient(top, #f5d20d, #feb521) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5d20d), to(#feb521)) !important;
    background-image: -webkit-linear-gradient(top, #f5d20d, #feb521) !important;
    background-image: -o-linear-gradient(top, #f5d20d, #feb521) !important;
    background-image: linear-gradient(to bottom, #f5d20d, #feb521) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f5d20d', endColorstr='#feb521') !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f5d20d', endColorstr='#feb521')" !important;
    background-repeat: repeat-x !important;
    color: #111 !important;
}


#titlebar{display:none;}

.vlastnosti{
    background-color: #525252;color:#bdafa7;padding:12px 50px 13px 20px;margin:40px 0px 20px;
    display: inline-block;font-size: 30px;line-height: 38px;min-width: 320px;
}
.postid-532 .section-r7zar {
    background-color: #9D918B !important;background-image:none !important;
}

h1, h2, h3 {word-wrap: break-word !important;}
h1.ui--blog-title{text-align:center;}
h3 span.ui--blog-date-day{font-size: 28px;font-weight: 600;line-height: 32px;}
h6.ui--blog-date-month{font-size: 22px;font-weight: 400;line-height: 24px;}
.ui--blog-item.layout--medium .ui--blog-media {width: 30% !important;}
.single .ui--blog-content-wrapper {overflow: visible;}
.category-aktuality .more-link{display:none;}
.category-reference .ui--blog-image{max-width:125px;}
h3.ui--icon-box-title{font-size: 26px;line-height: 32px;font-weight: 400;}
.produkce .ui--content-box-title-text{font-size: 20px;line-height: 24px;font-weight: 400;margin: 5px -15px;}
/*#header-navigation li > ul.sub-menu {width: 250px !important;}*/
html .ui--blog .ui--content-box-title-text {padding: 0px;margin: 5px -10px;}
.ui--content-box-content-text {margin: 5px !important;text-align: center;font-size: 16px;line-height: 20px;min-height: 40px;}
.ui--content-box {background-color: #dadada;}

.think{font-weight:100;}
.normal{font-weight:400;}
.red{color: red;}
hr {
    margin: 6px 0;
    border: 0;
    border-top: 0px solid #eeeeee;
    border-bottom: 1px solid #ffffff;
}

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

.uvodsec{
    background-image: url(https://ploty-hyl.cz/obsah/soubory/2017/03/ploty-sec.jpg) !important;
    filter: none !important;
    -ms-filter: none !important;
    background-repeat: no-repeat;
    background-position: 0 100%;
}
.uvodsectext{max-width: 47%;padding: 10px 20px;text-align:justify;}

.uvodgrid .row{margin: -5px;}
.ml15{margin-left:15px;}
.uvodgrid .ui--content-box .ui--content-box-overlay div.center .btn {white-space: inherit; text-align:justify;}
.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;}
.uvodgrid .ui--content-box:hover img{transform: scale(1.05);filter: blur(3px) grayscale(1) !important;-webkit-filter: blur(3px) grayscale(1) !important;}
.uvodlist{font-size: 21px;line-height: 32px;text-align: center;margin: 0 auto;}
.uvodlist .nadpis{background-color: #333;color: #fff;padding: 5px 10px;min-height:65px;margin-bottom:20px;}

.cislice {padding: 0px 19px;background-color: #F5D30D;border-radius: 600px;font-size: 40px;line-height: 60px;float:left;color:#333;}
.cislicetop {padding: 0px 17px;float: none;}

.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;}
/* Konfigurátor plotů */
#fbuilder .top_aligned .fields label{font-size: 20px;line-height: 24px;font-family: Open Sans;margin-top:15px;}
#fbuilder .top_aligned .fields label img{margin-top:15px;width: 99%;}
.cp_cff_minimalist #fbuilder .fform {background: #F5D30D !important;text-transform: uppercase !important;font-family: 'Open Sans', sans-serif !important;color: #333 !important;text-align:center;}
.cp_cff_minimalist #fbuilder .fform h1, .cp_cff_minimalist #fbuilder .fform h2 {color: #333 !important;font-size: 2em;font-family: 'Open Sans', sans-serif !important;}
.cp_cff_minimalist #fbuilder .pbSubmit, .cp_cff_minimalist #fbuilder .pbreak .pbPrevious, .cp_cff_minimalist #fbuilder .pbreak .pbNext, .cp_cff_minimalist #fbuilder input[type="button"], .cp_cff_minimalist #fbuilder input[type="submit"] {background-color: #F5D30D !important;border: 1px solid #333 !important;color: #333 !important;font-family: 'Open Sans', sans-serif !important;-moz-box-shadow: inset 0px 1px 0px 0px #F5D30D !important;-webkit-box-shadow: inset 0px 1px 0px 0px #F5D30D !important;box-shadow: inset 0px 1px 0px 0px #F5D30D !important;}
.cp_cff_minimalist #fbuilder .pbSubmit:hover, .cp_cff_minimalist #fbuilder .pbreak .pbPrevious:hover, .cp_cff_minimalist #fbuilder .pbreak .pbNext:hover, .cp_cff_minimalist #fbuilder input[type="button"]:hover, .cp_cff_minimalist #fbuilder input[type="submit"]:hover {background: linear-gradient(to bottom, #F5D30D 5%, #EBB500 100%) !important;background-color: #F5D30D !important;}
.cp_cff_minimalist #fbuilder .ui-slider-handle {-moz-box-shadow: inset 0px 1px 0px 0px #F5D30D !important;-webkit-box-shadow: inset 0px 1px 0px 0px #F5D30D !important;box-shadow: inset 0px 1px 0px 0px #F5D30D !important;background: #F5D30D !important;border: 1px solid #ffc505 !important;}
.cp_cff_minimalist #fbuilder .fields>label {font-size: 1.1em !important;background-color: #333;padding: 10px 15px;color: #f5d30d;display: inline-block;}
.vysledek{display: -webkit-box;}
.vysledek input[type="text"]{font-size: 30px !important;border: 0px solid transparent !important;box-shadow: none !important;margin: 15px;color: #5a8858;}
#fieldname11_1_caption, #fieldname10_1_caption{font-size: 30px !important;margin: 14px 0px 0px -8px;color: #436341;font-family: Open Sans, sans-serif;}
#fieldlist_1{margin-top: -40px;}
.dfield label strong{display:block;margin-left: 20px;color: #436341;}
.rekapitulace .cff-summary-item {display: block;padding-left: 0px;}
.rekapitulace div[ref="fieldname11_1"],.rekapitulace div[ref="fieldname22_1"],.rekapitulace div[ref="fieldname29_1"]{display: inline;padding-left: 0px;}
.rekapitulace div[ref="fieldname10_1"],.rekapitulace div[ref="fieldname30_1"],.rekapitulace div[ref="fieldname23_1"], .rekapitulace div[ref="fieldname24_1"]{display: inline;padding-left: 15px;}
.rekapitulace div[ref="fieldname10_1"]:after, .rekapitulace div[ref="fieldname24_1"]:after{content: "\a\a";white-space: pre;}
.rekapitulace div[ref="fieldname21_1"],.rekapitulace div[ref="fieldname35_1"],.rekapitulace div[ref="fieldname36_1"],.rekapitulace div[ref="fieldname37_1"],.rekapitulace div[ref="fieldname20_1"]{font-size: 24px;line-height: 32px;font-weight:600;margin:10px 0px;}
.cff-summary-item:first-child{padding-left: 0px;}
.cff-summary-item{display: inline;padding-left: 10px;}
.cff-summary-value{font-weight: 600;color: #436341;}
.cff-summary-item:last-child{display: block;margin: 20px 0px;padding: 0px;font-size: 26px;line-height: 30px;}
.cff-summary-item:last-child .cff-summary-title{font-weight: 600;}
.yellow {background-color: #F5D30D;padding: 5px 15px !important;width: 102.8%;margin-left: -30px;margin-top: -5px;}
.gray {background-color: #eaeaea;padding: 5px 15px !important;width: 102.8%;margin-left: -30px;}
/* 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;}*/

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

table.ploty {width:100%;box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.1);margin-bottom:30px;}
.ploty td{padding:5px;}
.ploty th{font-weight:bold;background:#f5ba0d;color:#333 !important;line-height: 50px;}
.ploty th:nth-child(2), .ploty th:nth-child(3){
    text-align: left;
}

.ploty th h3{color:#FFF !important;}
.ploty tr {background:#444;color:#FFF;}
.ploty tr:nth-child(odd) {background:#F5D30D;color:#333;}
.ploty tr:hover {background-color:#222;color:#fff;transition: all 0.5s;}

table.qline-table{width:100%;margin:30px 0;}
.qline-table th{padding:5px;text-align:left;font-weight:bold;background:/*#9D918B*/#525252;color:/*#333*/#bdafa7 !important;line-height: 25px;}
.qline-table td{line-height:40px;border-bottom:1px solid #d2d1d1;}

/* change position navigation of carousel gallery */
.ui--gallery .ui--carousel-navigation {margin-top: 1%;}
.ui-fluid-column {margin-top: 15px;}
/* gmap marker title */
.gmarker-title {color:#333333 !important; font-weight:bold; font-size:20px; line-height:20px;}
.gmarker-text {color:#333333 !important;font-size:16px; line-height:20px;}
/* 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:/*#F5D30D #bc9301*/ #9D918B !important;}
blockquote p {font-size: 24px;font-weight: 300;line-height: 30px;text-align:justify;}


/* Q line hover effects */
.view {
    width: 100%;
    height: auto;
    /*margin: 10px;
    float: left;*/
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: #fff;
}
.view .mask, .view .content {
    /*width: 300px;
    height: 200px;*/
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}
.view img {
    display: block;
    position: relative
}
.view h2 {
    text-transform: uppercase;
    color: #fff !important;
    text-align: center;
    position: relative;
    /*font-size: 17px;*/
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 30px 0 0 0
}
.view p {
    font-size: 22px;
    line-height: 26px;
    position: relative;
    color: #fff !important;
    padding: 20px 5px 5px;
    text-align: center
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 10px 20px;
    background: #000;
    /*color: #fff;*/
    color:rgb(157, 145, 139) !important;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
.view a.info:hover {
    box-shadow: 0 0 5px #000;
    color:#fff !important;
}

.view-first img {
    transition: all 0.4s linear;
}
.view-first .mask {
    opacity: 0;
    background-color: rgba(157, 145, 139, 0.7);
    transition: all 0.6s ease-in-out;
}
.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.view-first p {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear;
}
.view-first a.info{
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.view-first:hover img {
    transform: scale(1.1);
}
.view-first:hover .mask {
    opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}
.view-first:hover p {
    transition-delay: 0.1s;
}
.view-first:hover a.info {
    transition-delay: 0.2s;
}

.ui--wc-badge {
    pointer-events: none;
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }

.ui--content-box .wc-new-badge{ z-index: 3; }

.wc-new-badge
 {
    background: #F5D30D;
    color: #111;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    text-align: center;
    width: 160px;
    min-width: auto !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    border-radius: 0;
    right: -41px !important;
    top: 18px !important;
    left: auto;
    z-index: 1;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 36px;
    font-weight: 700;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin: 0 !important;
    padding: 4px;
    box-shadow: none;
    text-shadow: none;
    pointer-events: none; }


@media (max-width:767px) {
#page-content {padding:130px 10px 12px 10px !important;}
html #page-wrap {background-image: none!important;}
table.galerie {margin-bottom:30px;}
html #top-bar {font-size: 14px !important;}
.uvodsectext{max-width: 100%;}
#fbuilder .three_column {width: 50% !important;}
.yellow, .gray {width: 110.6%;}
.cff-summary-item {display: block;padding-left: 0px;}
.rekapitulace div[ref="fieldname22_1"], .rekapitulace div[ref="fieldname23_1"], .rekapitulace div[ref="fieldname24_1"] {display: block;padding-left:0px;}
.fullwidth-content .ui--section-content {padding: 30px 15px !important;}
.view h2 {margin: 3px 0 0 0}
.qline-table th{padding:5px 2px;font-size:14px;line-height: 25px;}
.qline-table td{font-size:14px;line-height:18px;}
}
@media (min-width:768px) {
.uvodgrid .span3 {width: 24.87%;margin-left:1px;margin-bottom: -17px;}
}
@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;}
.uvodsectext{max-width: 100%;}
.uvodgrid .ui--content-box-title{min-height: 67px;padding: 3px;}
.vysledek {display: flex;}
.cp_cff_minimalist #fbuilder .fields > label {min-height: 50px;}
}
@media (min-width:768px) and (max-width:770px) {.uvodgrid .ui--content-box-title{min-height: 99px;padding: 3px;} }
@media (min-width:979px) {
#page-content {padding:150px 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;*/}
.uvodsec{background-position: 50%;}
}
@media (min-width:979px) and (max-width:1199px){
.vysledek {display: flex;}
}

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

@media (min-width:2400px){
    .uvodgrid .row {margin: auto;}
    /*.uvodgrid .span3 {width: 24.87%;margin-left:1px;margin-bottom: -17px;}*/
}