@import url("https://fonts.googleapis.com/css?family=Titillium+Web:400,700&subset=latin-ext"); body {
line-height: 22px; }
#container, #header {
background: transparent;
}
#main {
background: #fff;
}
#header.sticky #site-logo {
top: 5px;
}
.boxed #container {
box-shadow: none; 
-webkit-box-shadow: none; 
-moz-box-shadow: none;
}
#custom-menu, #primary-menu {
background-image: url(//www.hyperbarickakomora.cz/wp-content/themes/agile-child/menu-bg.png);
color: #fff;
margin-top: 35px;
}
#header .header-elements {
float: left;
margin: 0;
width: 100%;
}
#header .inner {
padding-left: 0; padding-right: 0;
}
h1 {
font-size: 28px;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 16px;
}
h4 {
font-size: 14px;
}
h1, h2 {
margin-top: 30px;
margin-bottom: 10px;
}
cite, em, i {
font-family: "Titillium Web";
font-size: 14px;
}
#primary-menu {
display: block;
float: none;
clear: both;
}
#primary-menu > ul.menu > li > a {
line-height: 32px;
font-size: 16px;
text-transform: uppercase;
color: #fff;
font-style: normal;
padding: 0 21px 0;
}
#header.sticky #primary-menu > ul.menu > li > a {
line-height: 26px;
}
#primary-menu .hover-bg {
border-color: #c92b26 !important;
border-width: 0 0 3px;
}
.dropdown-menu-wrap ul.sub-menu {
background: #83ccec;
}
#primary-menu > ul.menu > li > ul.sub-menu {
top: 32px;
border-top: none;
}
.dropdown-menu-wrap ul.sub-menu li:hover > a {
color: #fff;
}
.dropdown-menu-wrap ul.sub-menu li a {
color: #025a8c;
}
.dropdown-menu-wrap ul.sub-menu li {
border: none;
}
.dropdown-menu-wrap ul.sub-menu li:hover, .dropdown-menu-wrap ul.sub-menu li.sfHover {
background: #83ccec;
} #content .contact-form p, #content .wpcf7-form p {
margin-right: 0% !important;
margin-left: 0 !important;
width: 100% !important;
}
#header.sticky #site-logo {
display: none !important;
}
#header.sticky #custom-menu {
margin-top: 0px;
}
#title-area {
display: none;
}
.heading2 .title {
color: #274a68;
font-size: 25px;
font-weight: bold;
letter-spacing: 0px;
background-repeat: no-repeat;
background-position: 50% 0;
}
button, .button, input[type=button], input[type="submit"], input[type="reset"] {
background-color: #274a68 !important;
border-color: #274a68 !important;
}
.segment {
padding: 30px 0;
}
#hp_boxes {
color: #274a68;
text-align: justify;
}
#hp_boxes h3 {
color: #274a68;
font-size: 16px;
font-weight: bold;
text-transform: none;
letter-spacing: 0px;
text-align: center;
}
#about_company {
color: #fff;
}
#about_company .heading2 h2 {
color: #274a68;
background-image: url(//www.hyperbarickakomora.cz/wp-content/themes/agile-child/o-firme-bg.png);
background-position: 51% 0;
}
#contact .heading2 h2 {
color: #fff;
background-image: url(//www.hyperbarickakomora.cz/wp-content/themes/agile-child/kontakt-bg.png);
}
#hp_contact_form {
color: #fff;
}
#footer-bottom {
background-color: #fff;
color: #8e8e8e;
}
#footer-bottom-text {
color: #8e8e8e;
}
#footer-bottom-text a {
color: #8e8e8e;
}
#footer-bottom-text a:hover {
color: #274a68;
}
#breadcrumbs a, #breadcrumbs a:hover {
color: #333;
} .top-of-page a:hover, #title-area a, #title-area a:active, #title-area a:visited, .post-list .byline a, .post-list .byline a:active, .post-list .byline a:visited, #content .hentry h2.entry-title a:hover, .entry-meta span i, .read-more a, .loop-nav a:hover, .sidebar li > a:hover, .sidebar li:hover > a, #sidebars-footer .widget_text a.small, #sidebars-footer .widget_text a.small:visited, #home-intro h2 span, .team-member:hover h3 a, .post-snippets .hentry .entry-title a:hover {
color: #0882c2 !important;
}
.contact-address a, .contact-address a:active, .contact-address a:visited {
color: #0882c2;
}
table {
border: none;
line-height: 20px;
margin: 5px 0 15px 0;
text-align: left;
padding: 0;
}
tr:nth-child(even) {
background-color: #E8ECEE; 
}
button, .button, input[type=button], input[type="submit"], input[type="reset"] {
background-color: #239DDC !important;
border-color: #239DDC !important;
}
.widget_subpages ul ul {
margin-left: 15px;
}
.gallery-item {
margin: 0 4px 30px 0;
}
.hp-boxes .threecol {
outline: 1px solid #c1c1c1;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #dedcdc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dedcdc));
background: -webkit-linear-gradient(top,  #ffffff 0%,#dedcdc 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#dedcdc 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#dedcdc 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#dedcdc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedcdc',GradientType=0 );
}
@media screen and (min-width:769px) {
.hp-boxes .threecol {
height: 450px;
}
}
.hp-boxes a {
color: #787878 !important;
font-size: 14px;
border-top: 1px dotted #787878;
text-decoration: none;
display: block;
width: 85%;
margin: 7px 10px;
padding: 7px 5px 0;
}
.hp-boxes br {
display: none;
}
.hp-boxes a:hover {
color: #787878;
text-decoration: underline;
}
.hp-boxes img {
width: 100%;
height: auto;
}
.hp-boxes h4 {
color: #168bd0;
font-size: 20px;
margin: 10px 10px 25px;
text-transform: none;
font-weight: normal;
}
.contact-map .sixcol {
max-height: 306px;
}
.contact-map .sixcol iframe {
max-width: 100%;
max-height: 306px;
}
.contact-form .button, .wpcf7-form input[type=submit] {
float: right;
}
.segment-content .metaslider .caption-wrap {
position: absolute;
bottom: 30%;
left: 5%;
background: transparent;
color: white;
opacity: 0.7;
margin: 0;
display: block;
width: 100%;
line-height: 1.4em;
}
.segment-content .metaslider .caption {
padding: 5px 10px;
word-wrap: break-word;
color: #7f7f7f;
font-size: 2em;
line-height: 125%;
}
.contact-form label, .wpcf7-form label {
display: block;
}
.contact-form label, .wpcf7-form label {
text-transform: none !important;
font-size: inherit !important;
}
span.wpcf7-list-item {
display: block;
}
#content .wpcf7-form p span.s {
color: red;
}
#sidebar-header {
position: relative;
top: 73px;
}
#sidebar-header .textwidget a {
font-style: normal;
font-size: 16px;
font-weight: bold;
color: #c92b26 !important;
border-bottom: 1px solid #c92b26;
}
#cookie-bar {
background: #fff !important;
border-top: 2px solid #239ddc !important;
}
@media only screen and (max-width: 1024px) {
#primary-menu {
padding-top: 0;
}
#primary-menu > ul.menu > li > a {
padding: 0 12px 0;
}
#sidebar-header {
top: -17px;
}
}
@media only screen and (max-width: 960px) {
#primary-menu > ul.menu > li.menu-item > a {
font-size: 13px !important;
padding: 0 7px 0;
}
}
@media only screen and (max-width: 767px) {
#sidebar-header {
top: 0;
}
}
.form-fields {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 2rem;
row-gap: 1rem;
max-width: 900px;
margin: 2rem auto;
} .form-fields p {
margin: 0;
font-size: 0.95rem;
line-height: 1.4;
} .form-fields p:nth-child(odd) {
align-self: center;
font-weight: 600;
color: #333;
} .form-fields p:nth-child(even) {
align-self: center;
} .form-fields input[type="text"],
.form-fields input[type="email"],
.form-fields input[type="tel"],
.form-fields textarea {
width: 100%;
padding: 0.6rem 0.75rem;
font-size: 0.95rem;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
} .form-fields textarea {
min-height: 120px;
resize: vertical;
} .form-fields .wpcf7-radio,
.form-fields .wpcf7-checkbox {
display: flex;
flex-direction: column;
gap: 0.4rem;
} .form-fields .text-area {
grid-column: 1 / -1;
} .form-fields input[type="submit"] {
padding: 0.75rem 2rem;
font-size: 1rem;
font-weight: 600;
background-color: #ba3a75;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
}
.form-fields input[type="submit"]:disabled {
opacity: 0.5;
cursor: not-allowed;
} .form-fields .s {
color: #ba3a75;
font-weight: bold;
} @media (max-width: 768px) {
.form-fields {
grid-template-columns: 1fr;
}
.form-fields p:nth-child(odd),
.form-fields p:nth-child(even) {
grid-column: 1 / -1;
}
}