/*
 * impleCode Frontend
 * http://impleCode.com
 *
 * Copyright 2014 impleCode
 * Free to use under the GPLv3 license.
 * http://www.gnu.org/licenses/gpl-3.0.html
 *
 * Contributing author: Norbert Dreszer
 */
@font-face {
  font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal;
  src: url(https://cyklino.pl/wp-content/themes/implecode-business/framework/fonts/fontawesome-webfont.woff) format('woff');
}

/* Header */
.head-container {
max-width: 1000px;
height: 90px;
}

#masthead {
background: url('textures/dark-wood.jpg') repeat scroll 0% 0% transparent;
}

#top_header, #bottom_header {
min-height: 35px;
background: #fff;
}

#top_header .additional_header_container, #bottom_header .additional_header_container {
padding: 6px 5px 0 5px;
margin: 0 auto;
max-width: 1000px;
}

.phone_number:before {
font-family: "FontAwesome";
content: "\f095";
position:relative;
top: 1px;
padding-right: 3px;
}

.email_address:before {
font-family: "FontAwesome";
content: "\f003";
position:relative;
top: 1px;
padding-right: 3px;
}

.encourage_message:after {
font-family: "FontAwesome";
content: "\f105";
position:relative;
top: 1px;
padding-left: 3px;
}

.email_address, .phone_number, .encourage_message {
padding: 0 5px;
}

#site-navigation .menu li {
padding-top: 0px;
}

#site-navigation .menu a {
padding:  0px 20px;
height: 90px;
background:  transparent;
color: #fff;
display: table-cell;
vertical-align: middle;
}

#site-navigation .menu .current_page_item a {
background:  rgba(0,0,0,0.3);
color: #fff;
border-bottom: 3px solid #c60000;
}

#site-navigation .menu a:hover, #site-navigation .menu .current_page_item a:hover {
color: #ededed;
}

/* Logo */
.website_name {
font-size: 30px;
text-transform: uppercase;
float: right;
line-height: 1;
}

.website_name:before {
font-family: "FontAwesome";
content: "\f015";
color: #8B0000;
}

.website_slogan {
clear:both;
line-height: 1;
}

.site-branding {

width: 250px;
line-height: 90px;
}

#masthead img {
max-height: 90px;
vertical-align: middle;
width: auto;
}

.site-branding a{
text-decoration: none;
color: #fff;
}

.site-branding a:visited{
color: #fff;
}

/* Content */
#primary .classic-button a, #primary input.classic-button {
background: linear-gradient(to bottom, #A70202 0%, #8B0000 100%) repeat scroll 0% 0% transparent;
border-color: #7D0000;
}

#primary .classic-button a:hover, #primary input.classic-button:hover, #primary .classic-button a:focus, #primary input.classic-button:focus, #primary .classic-button a:active, #primary input.classic-button:active {
background: linear-gradient(to bottom, #8B0000 0%, #7D0000 100%) repeat scroll 0% 0% transparent;
border-color: #7D0000;
box-shadow: none;
}

/* Sections */
.inside-section {
    max-width: 1000px;
    min-width: 1000px;
    margin: 0px auto;
}

/* Product Catalog */
.product-sidebar {
padding-top: 50px;
}

/* Footer */
.site-footer {
min-width: 1000px;
max-width: 100%;
background: url('textures/wood-texture.png') repeat scroll 0% 0% transparent;
}

.footer-content {
max-width: 1000px;
margin: 0 auto;
color: #000;
font-weight: 600;
}

.site-info {
border-top: 1px solid #000;
}

div.footer-area .widget-title {
color: #000;
}

.footer-area {
float: left;
padding: 30px 20px 10px 20px;
}

.footer-sidebar-left {
width: 25%;
padding-left: 0;
}

.footer-sidebar-middle {
width: 40%;
}

.footer-sidebar-right {
width: 33%;
padding-right: 0;
}

.footer-menus a, .site-info a, .footer-menus a:visited, .site-info a:visited {
color: #000;
}

.site-footer .classic-button a, .site-footer input.classic-button {
background: linear-gradient(to bottom, #A70202 0%, #8B0000 100%) repeat scroll 0% 0% transparent;
border-color: #7D0000;
}

.site-footer .classic-button a:hover, .site-footer input.classic-button:hover, .site-footer .classic-button a:active, .site-footer input.classic-button:active, .site-footer .classic-button a:focus, .site-footer input.classic-button:focus  {
background: linear-gradient(to bottom, #8B0000 0%, #7D0000 100%) repeat scroll 0% 0% transparent;
border-color: #7D0000;
box-shadow: none;
}
#ic_overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
z-index: 1;
}


/* Responsive Header */
@media (max-width: 1000px) {
#page:before {
display: block;
height: 90px;
content: " ";
}
.head-container, #masthead {
max-width: 100%;
min-width: 100px;
z-index: 2;
}
#masthead {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
.admin-bar #masthead, .admin-bar #top_header {
top: 32px;
}
#masthead:before {
font-family: dashicons;
font-size: 35px;
content: "\f333";
position: absolute;
top: 4px;
right: 15px;
cursor: pointer;
color: ;
}
#masthead:after {
box-shadow: 0 2px 2px #000;
background: #909090;
width: 100%;
height: 2px;
}
#site-navigation .menu {
width: 80%;
max-height: 100%;
position: fixed;
margin-top: 92px;
top: 0;
bottom: 0;
left: -5px;
z-index: -1;
display: none;
overflow: scroll;
background: url('textures/dark-wood.jpg') repeat scroll 0% 0% transparent;
}
.admin-bar #site-navigation .menu {
margin-top: 124px;
}
#site-navigation .menu > li.current_page_item > a, #site-navigation .menu > li.current-menu-item > a, #site-navigation .menu > li.current-menu-parent > a {
border-bottom: 0;
}
#site-navigation .menu a:hover, #site-navigation .menu .current_page_item a:hover, #site-navigation .menu .current-menu-item a:hover, #site-navigation .menu .current-menu-parent a:hover {
color: #fff;
}
#site-navigation .menu .sub-menu {
display: none;
}
	#top_header, #bottom_header {
	padding: 10px;
	}
#top_header .additional_header_container, #bottom_header .additional_header_container {
padding: 0;
}
div.info-show {
top: 100px;
}
#top_header .website_name, #top_header .website_slogan, #bottom_header .website_name, #bottom_header .website_slogan {
color: #ededed;
}
.additional_header_container .address:before, .additional_header_container .contact:before, .additional_header_container .address, .additional_header_container .contact  {

color: #fff;
}
.additional_header_container .address:before, .additional_header_container .contact:before {
top: 20%;
}
.email_address, .phone_number, .encourage_message {
padding: 0 5px 0 0;
line-height: 1;
}
.additional_header_container .website_slogan {
padding-top: 0px;
}
#top_header .encourage_message, #bottom_header .encourage_message {
display: none;
}
#site-navigation .menu li {
clear: both;
width: 100%;
display: table;
margin: 0;
float: none;
padding-top:0;
}
#site-navigation .menu li a{
width: 100%;
}
#site-navigation .menu > li > a {
min-height: 40px;
}
#top_header .name_slogan, #top_header .address, #bottom_header .name_slogan, #bottom_header .address {
display: none;
}
.additional_header_container .contact {
max-width: 40%;
width: 400px;
}
#top_header img, #bottom_header img, #masthead img {
max-height: 90px;
width: auto;
vertical-align: middle;
}
#top_header img, #bottom_header img {
	display: block;
}
.breaker h2 {
line-height: 1;
text-align: center;
padding-top: 10px;
}
}
@media (max-width: 782px) {
.admin-bar #masthead, .admin-bar #top_header, .admin-bar #bottom_header {
top: 46px;
}
.admin-bar #site-navigation .menu {
margin-top: 138px;
}
}
@media (max-width: 700px) {
.additional_header_container .encourage_message {
display: none;
}
}
@media (max-width: 600px) {
#masthead, .admin-bar #masthead {
position: relative;
top: initial;
left: initial;
}
#site-navigation .menu {
margin-top: 0px;
z-index: 99;
}
.admin-bar  #site-navigation .menu {
margin-top: 32px;
}
#top_header, #bottom_header {
top: 0px;
}
#page:before {
height: 0;
}
.section .right, .section .left, .section-content .alignright, .section-content .alignleft {
float: none;
clear: none;
max-width: 100%;
margin: 0 auto;
display: block;
}
}
@media (max-width: 500px) {
#top_header .contact, #bottom_header .contact {
display: none;
}
}

@media (max-width: 400px) {
.additional_header_container .email_address {
display: none;
}

.additional_header_container  .phone_number {
max-width: 100%;
}
}

@media (max-width: 320px) {
}

/* Responsive Additional Header */
@media (max-width: 1000px) {
#top_header .additional_header_container, #bottom_header .additional_header_container {
max-width: 100%;
min-width: 100px;
}
.additional_header_container .site-branding {
max-width: 40%;
}
}

/* Responsive Quick Elements */
@media (max-width: 1000px) {
.quick_inside_wrapper {
max-width: 100%;
padding-left: 10px;
padding-right: 10px;
}
.quick_inside_wrapper div.quick-element {
max-width: 100%;
float: none;
clear: both;
}
}

/* Responsive Content */
@media (max-width: 1000px) {
.inside-section, #content, #container_sidebar_wrap, #container_left_sidebar_wrap, #no_sidebar_wrap {
max-width: 100%;
min-width: 100px;
}
.section.white .inside-section {
padding: 20px 0;
}
.section.white .inside-section h2, .section.white .inside-section h3 {
width:100%;
}
ul, ol {
margin: 0;
}
#primary #container_sidebar_wrap main, #primary #container_left_sidebar_wrap main, #container_sidebar_wrap aside {
width: 100%;
float: none;
clear:both;
}
#container_sidebar_wrap aside{
max-width: 95%;
margin: 10px;
overflow: auto;
}
#content {
margin-bottom: 90px;
}
#content article, #comments {
padding-left: 10px;
padding-right: 10px;
}
.page-template-sections-php #content article {
padding-left: 0px;
padding-right: 0px;
}
.page-template-sections-php .section {
padding-left: 10px;
padding-right: 10px;
}
#main_sidebar {
float: none;
width: 100%;
}
#main .nav-links {
display: none;
}
#primary .entry-content p {
overflow: hidden;
}
}
/* Responsive Footer */
@media (max-width: 1000px) {
.footer-content, .site-footer, .credit {
max-width: 100%;
min-width: 100px;
}
.site-info .site-owner span {
display: block;
}
.site-info .site-owner span .website-author {
position: relative;
float: none;
}
.footer-sidebar-left.footer-area {
padding-top: 20px;
}
.footer-area {
width: auto;
float: none;
display: table;
margin: 0 auto;
padding: 0;
max-width: 90%;
}
}