/* Theme Name: Rzecz o kuchni */

/* =WordPress Core
-------------------------------------------------------------- */

@font-face {
  font-family: Silka-300;
  src: url(font/Silka-Thin.otf);
  font-weight:300;
}

@font-face {
  font-family: Silka-400;
  src: url(font/Silka-Regular.otf);
    font-weight:400;
}

@font-face {
  font-family: Silka-400-Italic;
  src: url(font/Silka-RegularItalic.otf);
    font-weight:400;
}

@font-face {
  font-family: Silka-500;
  src: url(font/Silka-Medium.otf);
    font-weight:500;
}

@font-face {
  font-family: Silka-600;
  src: url(font/Silka-SemiBold.otf);
    font-weight:600;
}

@font-face {
  font-family: Silka-700;
  src: url(font/Silka-Bold.otf);
    font-weight:700;
}

@font-face {
  font-family: Silka-900;
  src: url(font/Silka-Black.otf);
    font-weight:900;
}

.cmbutton {
	border:0px !important
}

.fupi_buttons button {
		border:0px !important
}

body {
font-family: Silka-400;
font-size:14px;
line-height:22px;
color:#555555;
background-color:#eaeaea
}

a:hover {
text-decoration:none;
cursor:pointer
}

.navbar-brand {
    margin-right: 150px;
    padding-top:0px;
    padding-bottom:0px
}

.navbar-brand img {
width:94px;
height:65px
}


.searchbox {
    padding: 5px 0;
    width: 230px;
    height: 30px;
    position: absolute;
    float: right;
    line-height: 22px;
    top:10px;
    right:0px
}

    .searchbox input {
        position: absolute;
        width: 0px;
        float: Left;
        margin-left: 210px;
        -webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        transition: all 0.7s ease-in-out;
        height: 30px;
        line-height: 18px;
        padding: 0 0px 0 2px;
        border-radius:0px;
        font-size:13px;
        outline:0px
    }

        .searchbox:hover input, .searchbox input:focus {
            width: 190px;
            margin-left: 0px;
              border-color: #eaeaea;
  -webkit-box-shadow: none;
  box-shadow: none;
        }

textarea:focus, input:focus{
    outline: none;
}

*:focus {
    outline: none;
}

.current-menu-item a{
border-top:3px solid #000000 !important;
border-bottom:3px solid #000000 !important;
margin-top: -3px !important;
margin-bottom: -3px !important;
}



.btn {
    height: 30px;
    position: absolute;
    right: 0;
    top: 5px;
    border-radius:1px;
    background:none;
    border:0px
}

.btn:hover {
    background:none;
    border:0px
}

#search {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translate(0px, -100%) scale(0, 0);
  -moz-transform: translate(0px, -100%) scale(0, 0);
  -o-transform: translate(0px, -100%) scale(0, 0);
  -ms-transform: translate(0px, -100%) scale(0, 0);
  transform: translate(0px, -100%) scale(0, 0);
  opacity: 0;
  z-index:9990
}
#search input[type="search"] {
  position: absolute;
  top: 50%;
  width: 100%;
  color: #fff;
  background: rgba(0, 0, 0, 0);
  font-size: 60px;
  font-weight: 300;
  text-align: center;
  border: 0px;
  margin: 0px auto;
  margin-top: -111px;
  padding-left: 30px;
  padding-right: 30px;
  outline: none;
}
#search .btn {
position: absolute;
top: 50%;
right: 50% !important;
margin-top: 11px;
margin-right: -87px;
background-color: #0d0d0d;
border: black;
padding: 10px 20px;
height: auto;
z-index:9999
}
#search .close {
  position: fixed;
  top: 15px;
  left: 15px;
  color: #fff;
background-color: black;
border-color: black;
  opacity: 1;
  padding: 10px 17px;
  font-size: 27px;
}
#search.open {
  -webkit-transform: translate(0px, 0px) scale(1, 1);
  -moz-transform: translate(0px, 0px) scale(1, 1);
  -o-transform: translate(0px, 0px) scale(1, 1);
  -ms-transform: translate(0px, 0px) scale(1, 1);
  transform: translate(0px, 0px) scale(1, 1);
  opacity: 1;
}

.search-mob {
display:none
}

.insta {
padding-right:50px
}

#ajax-load-more {
width:100%
}

.container-fluid {
    padding-right: 220px;
    padding-left: 220px;
}

.navbar-fixed-top.scrolled {
  background-color: #fff !important;
  transition: background-color 200ms linear;
}

.navbar {
padding:49px 0px
}

.top-menu {
border-top:3px solid #dadcde;
border-bottom:3px solid #dadcde;
width:100%
}

.menu-menu-glowne-container {
display:inline-block;
}

.menu-menu-stopka-container {
display:inline-block;
}

#menu-menu-glowne {
list-style:none;
margin-bottom:0px;
padding:0px
}

#menu-menu-glowne-1 {
list-style:none;
margin-bottom:0px;
padding:0px
}

#menu-menu-stopka {
list-style:none;
margin-bottom:0px;
padding:0px
}

.menu-item {
list-style:none;
display: inline-block;
}

.menu-item a{
font-size: 14px;
line-height: 22px;
font-family: Silka-600;
color: #151b24;
padding: 20px 15px 21px 15px;
display: block;
border-top: 3px solid #dadcde;
border-bottom: 3px solid #dadcde;
margin-top: -3px;
margin-bottom: -3px;
}



.menu-item a:hover{
border-top:3px solid #000000;
border-bottom:3px solid #000000
}

#menu-menu-stopka .menu-item a{
font-size:14px;
line-height:22px;
font-family: Silka-600;
color:#ffffff;
padding:22px 15px 17px 15px;
border:0px;
display:block;
}

#menu-menu-stopka .menu-item a:hover{
font-size:14px;
line-height:22px;
font-family: Silka-600;
color:#657380;
padding:19px 15px 17px 15px;
border-top:3px solid #ffffff;
border-bottom:3px solid #ffffff;
display:block;
}


#menu-menu-stopka .current_page_item a{
border-top:3px solid #ffffff !important;
border-bottom:3px solid #ffffff !important;
margin-top: -3px !important;
padding:19px 15px 17px 15px;
margin-bottom: -3px !important;
color:#657380
}

.top-menu-boczne {
display:inline-block;
margin:0px;
padding-left:30px;
float:right
}

.top-menu-boczne li {
display:inline-block;
}

.top-menu-boczne li a{
font-size:13px;
line-height:22px;
font-family: Silka-600;
color:#151b24;
padding:20px 7px 19px 7px;
display:block;
}

.title {
font-family: Silka-600;
color:#000000;
font-size:14px;
text-transform:uppercase;
line-height:38px;
border-top:2px solid #000000;
border-bottom:2px solid #000000;
margin-bottom:50px
}

.prod-title-box {
font-family: Silka-600;
color:#000000;
font-size:14px;
text-transform:uppercase;
line-height:38px;
border-top:2px solid #000000;
border-bottom:2px solid #000000;
margin-bottom:30px;
margin-top:50px
}

.hp-featured {
margin-bottom:70px
}

.featured-box {
position:relative;
border:2px solid #000000;
padding:45px 25px 60px 35px;
height:100%;
}

.featured-box-cat {
font-size:12px;
font-family: Silka-600;
color:#808b96;
text-transform:uppercase;
margin-bottom:15px
}

.featured-box-title {
color:#000000;
font-family: Silka-700;
font-size:22px;
line-height:29px;
margin-bottom:20px;
display:block;
}

.featured-box-title:hover {
color:#808b96;
}

.featured-box-desc {
color:#000000;
font-family: Silka-400;
font-size:15px;
line-height:23px;
}

.featured-box-read-more {
position:absolute;
width:100%;
bottom:20px;
left:15px
}

.featured-box-read-more a{
color:#000000;
font-size:14px;
font-family: Silka-600;
display:inline-block;
padding-left:15px
}

.featured-box-read-more a:hover{
color:#808b96;
}

.featured-box-read-more::before {
    height: 1px;
    width:80px;
    background: #000000;
    content: "";
    display: inline-block;
    margin-bottom:5px;
    -webkit-transition: width 0.3s;
     transition: width 0.3s;
}

.featured-box-read-more:hover::before {
    height: 1px;
    width:95px;
    background: #808b96;
    content: "";
    display: inline-block;
    margin-bottom:5px
}

.hp-featured img {
    -webkit-transition: -webkit-filter 0.2s;
     transition: -webkit-filter 0.2s;
}

.przepis-box img {
    -webkit-transition: -webkit-filter 0.2s;
     transition: -webkit-filter 0.2s;
}

.hp-featured img:hover {
-webkit-filter: brightness(50%);
}

.przepis-box img:hover {
-webkit-filter: brightness(50%);
}



.przepis-box {
margin-bottom:35px;
float:left
}

.archive-img {
margin-bottom:10px;
}

.box-cat {
font-size:12px;
font-family: Silka-600;
color:#808b96;
text-transform:uppercase;
margin-bottom:5px
}

.box-cat-link {
font-size:12px;
font-family: Silka-600;
color:#808b96;
text-transform:uppercase;
margin-bottom:5px
}

.box-cat-link:hover {
font-size:12px;
font-family: Silka-600;
color:#000000;
text-transform:uppercase;
margin-bottom:5px
}

.post-template-default .box-cat-link:hover {
font-size:12px;
font-family: Silka-600;
color:#ffffff;
text-transform:uppercase;
margin-bottom:5px
}

.box-cat-link:after {
    content: " / ";
}

.box-cat-link:last-child:after {
    content: "";
}



.box-title {
display:block;
color:#000000;
font-family: Silka-700;
font-size:17px;
line-height:21px;
min-height:auto
}

.box-title:hover {
color:#808b96;
}

.archive-more {
width:100%;
text-align:center;
border:0px;
background:none;
color:#000000;
font-size:14px;
font-family: Silka-600;
display:inline-block;
padding-left:15px;
padding-right:15px;
text-transform:uppercase;
outline:0px;
cursor:pointer
}

.archive-more:hover {
color:gray
}


.archive-more::before {
    height: 1px;
    width:80px;
    background: #000000;
    content: "";
    display: inline-block;
    margin-bottom:5px;
    margin-right:15px;
}

.archive-more::after {
    height: 1px;
    width:80px;
    background: #000000;
    content: "";
    display: inline-block;
    margin-bottom:5px;
    margin-left:15px
}

button:focus {
outline: 0px dotted;
outline: 0px auto -webkit-focus-ring-color;
}

.stopka {
margin:0px;
padding:0px;
background-color:#0c0f14;
margin-top:70px;
border-radius:0px
}

.stopka-box {
}

.prod-box-title {
background-color:#151b24;
padding:30px 30px 50px 50px;
margin-left:-50px;
margin-top:-70px
}

.prod-title {
color:#ffffff;
font-size:32px;
line-height:39px;
font-family: Silka-700;
margin-top:20px;
}

.skladniki-title {
font-family: Silka-600;
color:#000000;
font-size:13px;
text-align:right;
margin-bottom:15px;
text-transform:uppercase
}

.tabela-skladniki {
width:100%;
margin-bottom:50px
}

.table1 {
border-bottom:1px solid #000000;
padding-top:15px;
padding-bottom:10px;
font-size:14px;
color:#000000;
font-family: Silka-600;
}

.table3 {
border-bottom:1px solid #000000;
padding-top:15px;
padding-bottom:10px;
font-family: Silka-400-Italic;
color:#2c2c2c;
font-size:15px;
}

.slowem-wstepu {
font-size:16px;
line-height:24px;
color:#2c2c2c;
font-family: Silka-400
}

.tresc-przepisu {
font-size:16px;
line-height:24px;
color:#2c2c2c;
font-family: Silka-400;
padding-top:10px
}

.galeria-zdjecie {
margin-bottom:30px
}

.tos-caption {
display:none !important
}

.share {
margin-top:30px;
margin-bottom:17px
}

.tags {
font-family: Silka-400-Italic;
color: #3f3f3f;
font-size: 15px;
line-height: 25px;
}

.tags:hover {
color: #657380;
}

.a2a_s_facebook {
background-color:#eaeaea !important
}

.a2a_s_twitter {
background-color:#eaeaea !important
}

.a2a_s_link {
background-color:#eaeaea !important
}

.addtoany_list a, .widget .addtoany_list a {
    border: 0;
    box-shadow: none;
    display: inline-block;
    font-size: 16px;
    padding: 0 4px;
    padding-right:15px;
    vertical-align: middle;
}

.img-wyrozniony {
max-height:500px;
width:100%;
object-fit:cover
}

@media screen and (max-width: 1566px) { 

.container-fluid {
    padding-right: 130px;
    padding-left: 130px;

}

}



@media screen and (max-width: 1400px) { 

.container-fluid {
    padding-right: 100px;
    padding-left: 100px;
}

.featured-box {
padding:35px 15px 60px 15px;
}

}


@media screen and (max-width: 1290px) { 
.container-fluid {
    padding-right: 60px;
    padding-left: 60px;
}
}


@media screen and (max-width: 1210px) { 
.menu-item a {
    font-size: 13px;
    line-height: 22px;
    font-family: Silka-600;
    color: #151b24;
    padding: 20px 12px 19px 12px;
    display: block;
}
}

@media screen and (max-width: 1172px) { 
.lh20 {line-height:24px !important}
.featured-box {
    padding: 15px 15px 60px 15px;
}

.featured-box-cat {
    margin-bottom: 10px;
}

.featured-box-desc {
    font-size: 14px;
    line-height: 21px;
}

.prod-title {
    font-size: 26px;
    line-height: 34px;
}

}

@media screen and (max-width: 1130px) { 

html {
    padding-top: 0px !important;
}

.navbar {
    padding: 19px 0px;
}

.top-menu {
display:none
}

#wprmenu_bar {
    background:none !important;
    position: absolute;
    top: 25px;
    right: 15px;
    left: auto;
    height: 42px;
    z-index: 9997;
    padding-right:0px;
    width:30px
}

.wprmenu_bar .hamburger-inner, .wprmenu_bar .hamburger-inner::before, .wprmenu_bar .hamburger-inner::after {
    background: #151b24;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    height: 2px;
}

.cbp-spmenu-bottom.cbp-spmenu-open, .cbp-spmenu-top.cbp-spmenu-open {
    top: 0px !important;
}

#mg-wprm-wrap {
    background-color: #151b24;
}

#mg-wprm-wrap ul li {
    border: 0px;
    width: 100%;
}

#mg-wprm-wrap li.menu-item a {
    font-size: 20px;
    text-transform: none;
    font-family: Silka-400;
    padding: 28px 15px 10px 15px;
}

#mg-wprm-wrap {
    padding-top: 20px;
    z-index:9991
}

#wprmenu_bar {
z-index:9999
}


.wprmenu_bar.active .hamburger-inner, .wprmenu_bar.active  .hamburger-inner::before, .wprmenu_bar.active  .hamburger-inner::after {
    background: #ffffff;
}



div#mg-wprm-wrap form.wpr-search-form {
    margin-left: 24px;
}

div.wpr_search {
    width: 70%;
}

.slidelogo {
margin-left:15px;
margin-top:5px;
margin-bottom:25px;
max-width:70px
}

.search-mob {
display:initial;
position:absolute;
top:35px;
right:60px
}

.menu-item a {
border:0px !important
}

.menu-item a:hover {
border:0px !important
}


}


@media screen and (max-width: 1024px) { 
.left-im {
text-align:left !important;
line-height:24px !important
}

.container-fluid {
    padding-right: 30px !important;
    padding-left: 30px !important;
}

#wprmenu_bar {

}

.hp-featured {
    margin-bottom: 40px;
}

.title {
    margin-bottom: 30px;
}

.przepis-box {
    margin-bottom: 25px;
}



}




@media screen and (max-width: 992px) { 

.przepis-space {
display:none
}

.navbar-brand img {
width:74px;
height:51px
}


#search input[type="search"] {
    font-size: 20px;
}

}




@media screen and (max-width: 768px) {

.moff {
display:none
}

.container-fluid {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.hp-featured { 
padding-left:0px !important;
padding-right:0px !important
}


.featured-box {
    margin-left: 15px;
    margin-right:15px;
    border-top:0px
}

.przepis-top { 
padding-left:0px !important;
padding-right:0px !important
}


.prod-box-title {
    background-color: #151b24;
    padding: 25px 15px 25px 15px;
    margin-left: 0px;
    margin-top: 0px;
}

.prod-title {
    font-size: 21px;
    line-height: 29px;
        font-family: Silka-600;
}

.share {
    margin-top: 20px;
    margin-bottom: 0px;
    padding-left:12px
}

.prod-title-box {
margin-top:20px;
margin-bottom:20px
}

.tabela-skladniki {
    margin-bottom: 35px;
}

.skladniki-title {
    margin-bottom: 0px;
}

.tresc-przepisu {
font-size:14px;
line-height:22px
}

.stopka {
    margin-top: 30px;
}

.tags-box {
padding-left:15px;
margin-top:15px
}

.archive-more::before {
    height: 1px;
    width:40px;
    background: #000000;
    content: "";
    display: inline-block;
    margin-bottom:5px;
    margin-right:10px;
}

.archive-more::after {
    height: 1px;
    width:40px;
    background: #000000;
    content: "";
    display: inline-block;
    margin-bottom:5px;
    margin-left:10px
}

.col-6:nth-child(odd) {
clear:both !important
}

.left-im {
display: inline-block !important;
flex: none;
width: auto;
}

.dm {
margin:0px
}

.featured-box-title {
    font-size: 19px;
    line-height: 25px;
}


.hamburger--slider.is-active .hamburger-inner::after {
    top: 6px;
    left: -3px;
}

.hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-90deg);
}


.box-title {
font-size:14px;
line-height:18px;
}

}


@media screen and (max-width: 390px) {

  
}