/* Theme Name: LOGORYS - MGR AGATA TOBER
Author: Rafał Krzeszewski
Author URI: https://reactor-studio.net/
 */

@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@200;400;700;900&display=swap');

.color{
    color:#84C225;
    color:#00923F;
}

::-webkit-scrollbar {
    width:  12px;
    height: 12px;
    background-color:#000000;
}
::-webkit-scrollbar-track {
    background-color:#000000;
    width: 12px;
}
::-webkit-scrollbar-track-piece  {
    background-color:#000000;
}
::-webkit-scrollbar-thumb {    
    background-color:#84C225;
    width: 12px;
}

body{
 overflow: hidden;  

    
}

body, html{
font-family: 'Roboto Slab', serif;
background-image: url(image_html/tiled_bg.jpg);
             background-position: center center;
  background-repeat: repeat;
    background-attachment: fixed;
      height: 100%;

}
.loader {
	position: fixed;
	z-index: 1600;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
    display: flex;
  align-items: center;
  justify-content: center;
    background-color: #00923F;


}
#loader_pan{
    width: 200px;
    min-height: 120px;
    height:auto;
    text-align: center;
    
}
#loader_pan img{
    width:100%;
    height:auto;
}
.pre-loader {
   margin:auto;
   width: 66px;
   height: 20px;
}
 
.pre-loader  div {
   background-color: white;
   height: 8px;
   width: 8px;
   display: inline-block;
    margin: 1px;
	border-radius:50%;
    -webkit-animation: heightChange 1s infinite ease-in-out;
   animation: heightChange 1s infinite ease-in-out;

}
@-webkit-keyframes heightChange {
   0%, 40%, 100% { -webkit-transform: scale(0.4) }  
   20% { -webkit-transform: scale(1.0) }
}
 
@keyframes heightChange {
   0%, 40%, 100% { transform: scale(0.4); }  
   20% { transform: scale(1.0); }
}
.pre-loader .box2 {
   -webkit-animation-delay: -0.9s;
   animation-delay: -0.9s;
}
 
.pre-loader .box3 {
   -webkit-animation-delay: -0.8s;
   animation-delay: -0.8s;
}
 
.pre-loader .box4 {
   -webkit-animation-delay: -0.7s;
   animation-delay: -0.7s;
}
 
.pre-loader .box5 {
   -webkit-animation-delay: -0.6s;
   animation-delay: -0.6s;
}
/*//////////////////////////////////////////////
ciasteczka
//////////////////////////////////////////////*/
#ciacho{
z-index:1200;
position:fixed;
left:0;
bottom:0;
width:100%;
height:auto;
background-color:rgba(0, 0, 0, 0.71);
text-align:center;
padding-bottom:10px;
backdrop-filter: blur(6px);
}
#ciacho p {
font-size:1.2rem;
color:#84C225;
margin:10px;
padding:6px;
}
#ciacho a{
display:inline-block;
    font-size:1.2rem;
text-decoration:none;
color:black;
background-color:#ffce00;
padding:5px 10px 5px 10px;
font-weight:bolder;
margin:5px 0 10px 0;
    border-radius:50px;
  animation-name: signal_ciacho;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
@keyframes signal_ciacho {
  0%   {background-color:#84C225; color:black;}
  50%  {background-color:black;; color:#84C225;}
  100% {background-color:#84C225; color:black;}
}
#ciacho a:hover{
 animation-play-state: paused;
color:#84C225;
background-color:black;
transition: 1s all;
}
.hide_ciacho{
display:none;
transition:all 2s;
}
/*//////////////////////////////////////////////
END ciasteczka
//////////////////////////////////////////////*/
.mobile_menu {
    z-index: 1200;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999;
   background-color: rgba(250, 249, 249, 0.85);
    display: flex;
  align-items: center;
  justify-content: center;
    backdrop-filter: blur(6px);
visibility:visible;
opacity: 1;
transition: all 1s;
}
.bt_menu_close{
    position: fixed;
    top:20px;
    right: 10px;
  	background-image: url(image_html/hamburger_close.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 50px;
	width: 50px;
	cursor:pointer;  
}
#mobile_menu_center{
    width:auto;
    height: auto;
    text-align: center;
    color: gray;
}
#mini_nav ul li {
text-align: center;
       
}
#mini_nav ul li a{
    display: inline-block;
 text-align: center;
    color:#00923F;
    font-weight: bold;
    font-size: 1.5rem;
    padding:1rem;
    text-decoration: none;
}

#mini_nav ul li a:hover{
   background-color: #00923F;
    color:white; 
    transition:1s all;
}

#mini_nav .current-menu-item  a{
	color:#ffffff;
     transition: 0.6s all;
	 background-color:#00923F;

}
#mini_nav .current-category-ancestor a{
	color:#ffffff;
     transition: 0.6s all;
	 background-color:#00923F;

}
#mini_nav .current-menu-parent a{
	color:#ffffff;
     transition: 0.6s all;
	 background-color:#00923F;

}


.bt_menu{
z-index: 900;
        position: fixed;
    top:20px;
    right: 10px;
	background-image: url(image_html/hamburger_open.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 50px;
	width: 50px;
	cursor:pointer;
}
#root_container{
    margin: 0 auto 0 auto;
    width:100%;
    max-width: 1980px;
    height:auto;
}

#head_container {
    z-index: 300;
    position: sticky;
    top:0;
    width:100%;
    height:auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    backdrop-filter: blur(6px);
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 0px 13px 0px #000000;
    
}
#head_container:after{
    content:"";
    width:100%;
    height:2px;
    background-color: #84C225;
}

#head_logo_container {
    box-sizing: border-box;
    width:250px;
    height:auto;
}

#head_logo_container img{
   width:100%;
    height:auto;
}

#head_nav_container {
    box-sizing: border-box;
    width:auto;
    height:auto;
    padding:0 10px 0 10px;
    
}
#max_nav ul{
	
}

#max_nav li{
	display:inline;
}

#max_nav li a{
    box-sizing: border-box;
	color:#00923F;
	font-size:1rem;
	font-weight:700;
	text-decoration:none;
	margin:0px 1px 0px 1px;
	transition: 2s all;
	padding:6px 8px 6px 8px;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#max_nav li a:hover
{
    box-sizing: border-box;
	color:#ffffff;
 background-color:#00923F;
	transition: 1s all;
}

#max_nav li a:active
{
	color:#ffffff;
     transition: 0.6s all;
	 background-color:#00923F;
}
#max_nav .current-menu-item  a{
	color:#ffffff;
     transition: 0.6s all;
	 background-color:#00923F;

}
#max_nav .current-category-ancestor a{
	color:#ffffff;
     transition: 0.6s all;
	 background-color:#00923F;

}
#max_nav .current-menu-parent a{
	color:#ffffff;
     transition: 0.6s all;
	 background-color:#00923F;

}
#ban_container{
     z-index: 0;
    position: sticky;
    top:0;
    width:100%;
    height:auto;
}
#ban_container img{
    position:relative;
    display: block;
    width:100%;
    height:auto;
}


#linia_ciemna, {
    width:100%;
    height:1px;
    background-color:#00923F;
}
#linia_ciemna_2{
     height:2px;
}
#linia_jasna, #linia_jasna_2{
    width:100%;
    height:1px;
    background-color:#84C225;
}
#linia_jasna_2{
     height:2px;
}
#body_container {
    
 display:inline-block;
    z-index: 300;
    width:100%;
    height:auto;
    backdrop-filter: blur(6px);
    background-color: rgba(255, 255, 255, 0.84);
    box-shadow: 0px 0px 10px 0px #000000;
}
#title_container{
    width:100%;
    height:auto;
    background-color: rgba(132, 194, 37, 0.8);
}
#title_container h1{
 color:white;
    font-size:1.4rem;
    font-weight: 700;
    padding:8px 10px 8px 20px;
}
#wp_content_container {
   display: block;
   width:98%;
    max-width: 1200px;
    height:auto;
    margin:15px auto 0 auto;
    min-height:400px;
    text-align:center;
}
#footer_container{
position:relative;
    z-index: 200;
    width:100%;
    height:auto;
}
#footer_flex_container{
    width:100%;
    height:auto;
    background-color:rgba(0, 146, 63, 0.9); 
    backdrop-filter: blur(6px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: stretch;
    align-items:center;
    
}
#footer_mini_container{
    height:auto;
    text-align: center;
    padding: 10px 0 10px 0;
    
}
#footer_mini_container img{
   width:200px;
    height:auto;
    
}
#footer_mini_container p, #footer_mini_container a{
font-size: .9rem;
    color:white;
    line-height: normal;
    margin:0;
    font-weight: 400;
    text-decoration: none;
    transition: color .5s;
    padding: 0;
     margin:0 0 10px 0;
}
#footer_mini_container:first-child {
  

}
#footer_mini_container:first-child a{
display:inline-block;
font-size: 1rem;
}
#footer_mini_container a:hover{
    color:#84C225;
    transition: color .5s;
    
}
.social_bt {
	display: inline-block;
	width:37px; 
	height:37px; 
    background-size: cover;
}
#icon_fb{
    background-image:url(image_html/icon_fb.png);
}

.social_bt {
    transform: scale(.9); 
    transition: 250ms transform;
}
.social_bt:hover {
    transform: scale(1.1); 
    transition: 250ms scale;
}

input {
    font-size: .9rem;
    padding: 6px;
    transition: all 1s;
    background-color: rgba(255, 255, 255, 0);
    color: #ffffff;
	border: 0px solid;
	 outline: none;
    font-family: 'Roboto Slab', serif;
}
#text_search{
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
border-style: solid;
border-color:white;
border: 2px solid #ffffff;
}

#bt_search{
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
background-color:rgba(255, 255, 255, 0);
font-weight:600;
    border:2px solid #ffffff;
    color:#ffffff;
}
#bt_search:hover{
background-color:#84C225;
    color:white;
cursor:pointer;
text-align:center;
}
form#search-form {
   margin-bottom: 10px;
}
#rs_stopka{
    display:inline-block;
    width:100%;
    height:auto;
    background-color:rgba(0, 0, 0, 0.8); 
    backdrop-filter: blur(8px);
    text-align: center;
    
} 
#rs_container{
margin:2px auto 2px auto ;
    width:150px;
    height:auto;
}
#rs_container:hover img{
 opacity: 1;
     transform: scale(1); 
    transition: 1s all;
    
}
#rs_stopka img{
    width:100%;
    height:auto;
    opacity: .5;
     transform: scale(0.7); 
     transition: 1s all;
}
/* klasy js*/
.blur{

user-select: none;
cursor:default;
transition: all 1s;
}

.hide{
    visibility: hidden;
    opacity: 0;
    transition: all 1s;
    
}
/* end klasy js*/

/*///////////////////////////////////
elementy szablonu prezentujące treść WP
//////////////////////////////////*/
/* START HOME*/
#circle_icon_flex_container {

    margin:20px auto 0px auto;
    width:100%;
    height:auto;
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content: space-around;
	align-items:flex-start;
	align-content:space-around;
     
}
#box_home_icon{
    display: inline-block;
     box-sizing: border-box;
    text-align: center;
   width:200px;
    height: auto;
    margin-left:3%;
     margin-right:3%;
    margin-bottom: 30px;
    text-align: center;

}
#home_icon_circle_border{
    overflow: hidden;
      position:relative;
    width:180px;
    height:180px;
    padding:10px;
border-radius: 100%;
    background-color: rgba(132, 194, 37, 0.6);
      backdrop-filter: blur(8px);
    transition: background-color 1s;

}
#box_home_img_container{
    position: absolute;
    top:10;
    left:10;
        overflow:hidden;
    border-radius: 100%;
    width:180px;
    height:180px;
    
}
#box_home_icon img {
    border-radius: 100%;
    width:100%;
    height:100%;
    object-fit:cover;
    
}
#home_icon_circle_info_container{
    text-align: center;
    width:100%;
    height:auto;
    margin:8px auto 0 auto;
        background-color: rgba(255, 255, 255, 0);
    transition: background-color 1s;
    
}

#home_icon_circle_info_container h1 {
    color:#00923F;
font-size:1.1rem;
    font-weight: 700;
    margin-bottom: 8px;
}
#home_icon_circle_info_container p {
    color:#84C225;
font-size:.9rem;
    font-weight: 400;
    margin-bottom: 6px;
    line-height: normal;
}


#box_home_icon a {
 text-decoration: none;
}
#box_home_icon img{
 text-decoration: none;
transition: transform .5s ease;
}

#box_home_icon a:hover img {
  transform: scale(1.2);
  transition: all 1s;
}
#box_home_icon a:hover #home_icon_circle_border{
    background-color: #00923F;
     border-bottom: 1px solid #84C225;
    transition: background-color 1s;
}

#box_home_icon a:hover #home_icon_circle_info_container{
    background-color: rgba(255, 255, 255, 0.44);
    transition: background-color 1s;
}
#home_icon_circle_info_container::after{
display: block;
    content:"";
    width:100%;
    height:2px;
    background-color: #84C225;
    transition: all 1s;
    margin-bottom: 6px;
    transform: scaleX(0);
}
#box_home_icon a:hover #home_icon_circle_info_container::after{
   background-color: #00923F;
  transform: scaleX(1);
    transition: all 1s;
}
/* END HOME*/

#head_section_info{
    height:auto;
    padding:20px;
    text-align: center;
    
}
/* START PORADY CAT*/
#page_cat_navi_container{
    text-align: center;
    width:100%;
    height:auto;
    background-color: #84C225;
}
#page_cat_navi_container.pages{
color:white;

}

.wp-pagenavi a, .wp-pagenavi span{
border-color:transparent !important;
font-size:1rem !important;
padding:1rem!important;
background-color: #00923F!important;
color: white;
display:inline-block;
text-align: center!important;
box-sizing:border-box !important; 
text-decoration: none;
  margin:0!important; 

}
.wp-pagenavi .current{
background-color: transparent !important;
color:white !important; 
}
#paginator {
    margin:0 auto 0 auto;
    width:auto;
    height:auto;
padding:1rem;
}
#paginator a{
	font-size:1rem;
	color:white;
	padding:4px;
	text-decoration: none;
    margin:0 .5rem 0 .5rem;
}
#paginator a:hover{
	color:#00923F;
	transition: color 1s;
}

/* END PORADY CAT*/
/* START PORADY CAT POST*/

/* END PORADY CAT POST*/
#head_section_info h1{
       color:#84C225; 
font-size:1.2rem;
    font-weight: 700;
    margin-bottom: 8px;  
    line-height: normal;
}

#head_section_info p {
  color:#00923F;
font-size:1rem;
    font-weight: 400;
      line-height: normal;
}
#cienka_zielona_linia{
  margin:10px auto 10px auto;
    width:80%;
    height:1px;
    background-color: #84C225;
}
.porady_button{
    display:inline-block;
    margin: 10px auto 10px auto;
    background-color: #00923F;
    padding:12px 14px 12px 14px;
    color:#ffffff;
    font-size:1rem;
    font-weight: 400;
    text-decoration: none;
    border-radius:2rem;
    transition: 1s all;
}
.porady_button:hover{
    background-color: #84C225;
    color:black;
       transition: 1s all;
}
/*/ START SEARCH PAGE /*/
#search_results_container{
    width:auto;
    height:auto;
    margin:auto;
}
#search_results_container h1{
       color:#00923F; 
font-size:1rem;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 1rem;
}
#search_results_container a{
    display: inline-block;
     color:white;
    background-color: #00923F;
font-size:.8rem;
    font-weight: 400;
      line-height: normal;
    padding:.5rem;
    text-decoration: none;
}
#search_results_container a:hover{
     color:black;
    background-color: #84C225;

}

/*/ END SEARCH PAGE /*/
/*///////////////////////////////////
END elementy szablonu prezentujące treść WP
//////////////////////////////////*/

/* /////////////// wp format*/
.entry{
	margin-bottom:1em;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
	font-weight:700!important;

}
.entry p{
	line-height:normal;
	margin-bottom:3rem;
}
.entry p:last-of-type {
	margin-bottom:2em;
}
.wp-block-image {
    margin: 0 1em 1em 1em;
}
.wp-block-image img {
  
    height: auto;
}
.wp-block-column p{
	margin-bottom:1em;
}
.wp-block-column strong{
	font-weight:900;
}
.wp-block-media-text__content ul {
    margin: 0 0 0 10px;
}
.wp-block-media-text__content ul li {
    margin: 0 0 8px 10px;
    list-style:circle;
	text-align:left;
}
.su-spoiler-title {
	background-color: #5D7FB1 !important;
}
.su-spoiler-title p {
font-size:1rem !important;
	margin-right:1em !important;
	color:white !important;
}
.su-spoiler-title h2 {
font-size:1.2rem !important;
	color:white !important;
}

.su-spoiler-title h1 {

	color:#28166F !important;
}
.su-spoiler-icon{
	color:white !important;
	font-size:1.2rem !important;
	margin-left:0.5em !important;
}

.wp-block-table{
    /* overflow-x: auto; */
    display: inherit!important;
}

.prod_table table {
  width: 100%;
 min-width:1200px;

}
.prod_table td, .prod_table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
 .popmake-close { 
	text-align: center!important;
	 	font-size:1.2rem!important;
	font-weight:900!important;
}

.wp-block-media-text__media img, .wp-block-media-text__media video{
	height:auto !important;
}
.wp-block-media-text__content h2{
	margin-bottom:1rem !important;
}
.list_center {
    margin: 0 auto 0 auto !important;
	display:inline-block !important;
}
.list_center li {
    margin: 0 0 8px 10px !important;
    list-style:circle !important;
	text-align:left !important;
}
.entry h1,.entry h2, .entry h3, .entry h4{
	margin-top:1rem;
	margin-bottom:1rem;
}
.wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-top{
	margin-top:2rem !important;
}
wp-block-columns{
	margin-top:1rem !important;
	margin-bottom:1rem !important;
}
.wp-block-column{
	box-sizing:border-box;
	padding:1rem;
	
}
.wp-block-column ul{
	    margin: 0 auto 0 2rem !important;
}
.wp-block-column li{

	    margin: 0 auto 8px auto !important;
    list-style:circle !important;
	text-align:left !important;
}