/*
Theme Name: WPD
Author: Rokujemy.pl
Theme URI: https://rokujemy.pl/
Author URI: https://rokujemy.pl/
Tags: news, one-column, two-columns, right-sidebar
Description: Universal theme for blog or portal. Adjust it with widgets to fit your needs. 
Version: 1.1.0
Text Domain: wpd
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.6
License: Premium
License URI: #
 */

 html, body {
    padding:0;
    margin:0;
 }

 body {
   font: 15px / 1.4 sans-serif;
   font-weight: 400;
   font-family: 'Open-Sans-Light', sans-serif;
 }

 html {
   scroll-behavior: smooth;
}

#loader {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #0c1d44;
   display: flex;
   justify-content: center;
   align-items: center;
   z-index:100000;
 }

 #logo, #footer-logo {
   max-width: 100%;
   max-height: 100%;
   animation: fadeInLeft 0.8s ease-in-out;

 }

 .wp-block-quote {
   border-left:0px;
 }

 #post-332 .entry-content {
   width:100%;
 }

 #post-332 .wp-block-columns {
   width:100%;
 }

 .wpforms-container input.wpforms-field-medium, .wpforms-container select.wpforms-field-medium, .wpforms-container .wpforms-field-row.wpforms-field-medium {
   max-width:100%;
 }

#post-326, #post-332, #post-336, #post-545, #post-551, #post-553 {
   margin:0 auto;
   max-width:1100px;
   width:100%;
   box-shadow: unset;
   border-top:0px;
   padding-top:50px;
   padding-bottom:50px;
 }

 #post-326 .entry-content {
   width:100%;
 }

#post-326 .wp-block-column:first-child {
   display:flex;
   justify-content:center;
   align-self: center;
}

#post-326 .wp-block-column:last-child {
   display:flex;
   align-self: center;
   flex-direction: column;
}

 #post-326 .wp-block-columns {
   width:100%;
   border-bottom:3px solid #0C1D43;
   margin-bottom:0px;
   padding-bottom:30px;
   padding-top:30px;
 }

 #post-326 .wp-block-image {
   margin: 0px 0 0em;
 }

 @keyframes fadeOut {
   from { opacity: 1; height:100%;}
   to { opacity: 1; height:0%;}
 }

 @keyframes fadeInLeft {
   from {
     opacity: 0;
     transform: translateX(-100%);
   }
   to {
     opacity: 1;
     transform: translateX(0);
   }
 }



 *, *:after, *:before {
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-font-smoothing: antialiased;
   font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
}

a, a:hover, a:focus {
   text-decoration: none;
}

.entry-content a {
   text-decoration: underline;
}

a {
   color:#424242;
}

em {
   font-size:12px;
}

textarea {
   font-family:inherit;
   padding:10px;
}

ul {
   list-style-type: none;
   margin-block-start: 0em;
   margin-block-end: 0em;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   padding-inline-start: 0px;
}

ol {
   display: block;
   list-style-type: decimal;
   margin-block-start: 0em;
   margin-block-end: 0em;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   padding-inline-start: 0px;
}

::marker {
   font-size:0;
}

:where(.wp-block-columns.is-layout-flex) {
   gap:20px;
}

#wpadminbar {
   top:0;
   position:relative;
}

/** NAVIGATION **/
header {
   background:#0C1D43;
   box-shadow: 0 0 8px 3px rgb(0 0 0 / 30%);
   position: -webkit-sticky;
   position: -moz-sticky;
   position: -ms-sticky;
   position: -o-sticky;
   position: sticky;
   top:0px;
   z-index: 10000;
   box-shadow: 0 0 4px 1px rgb(0 0 0 / 10%);
}

.header-inner  {
   max-width: 1260px;
   padding: 0 10px;
   margin: 0 auto;
   padding-left: 0px;
   padding-right: 0px;
   display: flex;
   align-items: center;
   flex-direction: row;
   justify-content: space-between;
   text-transform:uppercase;
}

.custom-logo-link {
   display:flex;
   max-width: 130px;
   width: 100%;
}

header div ul {
   display:flex;
   flex-direction:row;
}

header div ul li {
   list-style:none;
}

.menu-item {
   display:flex;
}

.menu-item a {
   padding:28px 15px 28px 15px;
   color:#e9e9e9;
   letter-spacing:1px;
   position: relative;
}



.menu-item a:hover:after {
   width:100%;
}

.menu-item-has-children .menu-item a:hover:after {
   width:0;
}

.menu-item a:after {
   content: '';
   display: block;
   border-bottom: 2px solid #0c1d44;
   width: 0;
   left: 0;
   -webkit-transition: 1s ease;
   transition: 0.6s ease;
   bottom: -2px;
   z-index: 150;
   position: absolute;
}

.menu-item a:hover {
   background:#be993c;
}

.menu-item-has-children {
   position:relative;
}

.sub-menu {
   flex-direction: column;
   position:absolute;
   top:77px;
   width:300px;
   max-height:0vh;
   background:#fafafa;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
   box-shadow: 0 5px 10px 0 rgb(0 0 0 / 35%);
   border-top:0px solid #ff5213;
   overflow: hidden;
   transition: all 0.6s cubic-bezier(0.77,0.2,0.05,1.0);
   z-index:-1;
}

.sub-menu a {
   display: block;
   width:100%;
   padding: 6px 15px 6px 12px;
   border-left: 3px solid transparent;
   color: #141414;
   text-decoration: none;
   height:100%;
}

.menu-item-has-children:hover > .sub-menu {
   display:flex;
   max-height:100vh;
   overflow:visible;
   transition: all 0.1s cubic-bezier(0.77,0.2,0.05,1.0);
   z-index:100;
}

.menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu {
   top:0px;
   left:300px;
}

.menu-item-has-children:hover > .sub-menu > .menu-item-has-children:hover > .sub-menu {
   display:flex;
   max-height:100vh;
   overflow:visible;
   transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
   z-index:1000;
   position:absolute;
   top:0px;
   left:300px;
}

.sub-menu a:hover {
   border-left:3px solid #ff5213;
}

.header-menu {
   display:flex;
}

.hamburger{
   cursor: pointer;
   float: right;
   padding: 40px 20px;
}

.hamburger-line {
   background: #fff;
   display: block;
   height: 3px;
   position: relative;
   width: 26px;
   
}

.hamburger-line::before,
.hamburger-line::after{
   background: #fff;
   content: '';
   display: block;
   height: 100%;
   position: absolute;
   transition: all .2s ease-out;
   width: 100%;
}

.hamburger-line::before{
   top: 5px;
}

.hamburger-line::after{
   top: -5px;
}

.hidden-burger, .hamburger {
   display:none;
}

.hidden-burger:checked ~ .header-menu{
   max-height:100vh;
   overflow:none;
   transition:all 0.5s ease-in;
   z-index:100;
}

.hidden-burger:checked ~ .hamburger .hamburger-line {
   background: transparent;
}

.hidden-burger:checked ~ .hamburger .hamburger-line::before {
   transform: rotate(-45deg);
   top:0;

}

.hidden-burger:checked ~ .hamburger .hamburger-line::after {
   transform: rotate(45deg);
   top:0;
}

.header-inner img {
   height:auto;
}


.block-how {
width:100%;
margin-top:90px;}

.block-how-inner {
max-width:1200px;
width:100%;
margin:0 auto;
}

/** SLIDER **/

.slider {
   height:100%;
}

.slick-dots {
   display:flex;
   justify-content: center;
   z-index:1000;
   width:100%;
   bottom:20px;
   margin-left:-25px;
}

.slick-dots li button:before {
   background:gray;
   margin-left:15px;
   width: 60px;
   height: 8px;
   border-radius: 10px;
}

.slick-dots li.slick-active button:before {
   background:#be993c !important;
}

.slick-dots li {
   margin: 0 25px;
}

.slick-dots li.slick-active button:before, .slick-dots li button:before {
   color:transparent;
}

.slick-dots li.slick-active button:before {
   opacity:1;
}

.slideshow {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
 }
 .slideshow * {
   outline: none;
 }
 .slideshow .slider-wrap {
   top: 0;
   position: absolute;
   left: 0;
   width: 20%;
   overflow: hidden;
   height: 100%;
   pointer-events: none;
   z-index: 2;
 }
 .slideshow .slider-wrap:nth-child(1) {
   pointer-events: all;
   width: 100%;
   z-index: 1;
 }
 .slideshow .slider-wrap:nth-child(1) .slider {
   left: 0%;
   width: 100%;
 }
 .slideshow .slider-wrap:nth-child(2) {
   left: 20%;
 }
 .slideshow .slider-wrap:nth-child(2) .slider {
   left: -100%;
 }
 .slideshow .slider-wrap:nth-child(3) {
   left: 40%;
 }
 .slideshow .slider-wrap:nth-child(3) .slider {
   left: -200%;
 }
 .slideshow .slider-wrap:nth-child(4) {
   left: 60%;
 }
 .slideshow .slider-wrap:nth-child(4) .slider {
   left: -300%;
 }
 .slideshow .slider-wrap:nth-child(4) .slider .slider-track {
   transition-delay: 1s;
 }
 .slideshow .slider-wrap:nth-child(5) {
   left: 80%;
 }
 .slideshow .slider-wrap:nth-child(5) .slider {
   left: -400%;
 }
 .slideshow .slider-wrap:nth-child(5) .slider .slider-track {
   transition-delay: 2s;
 }
 .slideshow .slider-wrap .slider {
   width: 500%;
 }
 .slideshow .slider-track {
   transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
 }
 .slideshow .item {
   height: 100%;
   background: #f00;
   color: #fff;
   position: relative;
   z-index: 1;
 }
 .slideshow .item img {
   width: 100%;
 }
 .slideshow .item .text {
   position: absolute;
   text-align:center;
   z-index: 10;
   top: 270px;
   font-size: 60px;
   width: 100%;
   line-height: 1;
   text-transform: uppercase;
   transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
   transform: translate(-100%);
   opacity: 0;
 }
 .slideshow .item .text h2 {
   color:#fff;
   text-shadow:
   -1px -1px 0 #000,
   1px -1px 0 #000,
   -1px 1px 0 #000,
   1px 1px 0 #000;
 }
 .slideshow .item .text p {
   margin-top: 10px;
   font-size: 14px;
   line-height: 1.6;
   text-transform: none;
   width: 50%;
   color: rgba(255, 255, 255, 0.8);
 }
 .slideshow .item.slick-active {
   z-index: 10;
 }
 .slideshow .item.slick-active .text {
   transform: translate(0);
   opacity: 1;
 }


/** MAIN PAGE **/
main {
   position:relative;
}

.page-wrapper {
   display:flex;
   flex-direction:column;
   min-height: 100vh;
   background: #f0f0f0;
}

.page-inner {
   display: flex;
   flex-direction: column;
   width: 100%;
   margin: 0 auto;
}

article, .comment-body, .widget_product_short_widget, .snow-product-wide {
   position: relative;
   color: #0a0a0a;
   transition: all .2s ease;
   overflow: hidden;
   display:flex;
   justify-content: space-between;
   flex-direction: row;
   box-shadow: 0px 2px 4px rgb(31 30 47 / 3%);
   border-top:5px solid #be993c;
}

.project-image {
   display:flex; flex-basis:60%;
   position:relative;
   z-index:1000;
}




.project-image:before {
   content: "";
   position: absolute;
   width: 230px;
   margin-left: -200px;
   margin-top: -100px;
   height: 200%;
   background-color: #0c1d44;
   transform: rotate(15deg);
   border-right:5px solid #be993c;
   z-index:100;
}
 
 .project-image:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(12, 29, 68, 0);
   transition: background-color 0.5s ease-in;
 }
 
 .project-image:hover:after, .hovered:after {
   background-color: rgba(12, 29, 68, 0.7);
   transition: background-color 0.5s ease-in;
 }

@keyframes slide-in {
  from {width: 0;}
  to {width: 100%;}
}

.project-image:hover + .container,
.container:hover {
  transform: translateX(0%);
}

.investment-info {
   display:flex; 
   align-items:center; 
   flex-basis:40%; 
   justify-content:center; 
   z-index:1100; 
   flex-direction:column;
   background:#0c1d44;
}

.investment-info .opis {
   color:#fafafa; padding-bottom:30px; font-size:30px;
}

.investment-info .adres {
   color:#fff; font-size:40px; text-transform:uppercase;
}

.investment-info p {
   font-size:30px; 
   text-transform:uppercase; 
   color:#c2c2c2;
}

.investment-info a {
   font-size:40px; 
   text-transform:uppercase !important; 
   color:#fafafa;
}

.container {
  position: absolute;
  bottom: 0px;
  right: 0;
  width: 50%;
  height: 220px;
  transform: translateX(100%);
  transition: transform 0.5s ease-in-out;
}

.container-inner {
   display:flex; flex-wrap:wrap; gap:30px;
}

.container-inner ul {
   display:flex;
   flex-direction: row;
   gap:30px;
   flex-wrap:wrap;
}

.container-inner img {
   max-width:280px;
   width:100%;
}


.container:hover + .project-image img {
   display:none;
 }
















.format-standard {
   flex-direction: column;
   padding-left:5%;
   padding-right:5%;
   padding-top:2%;
   padding-bottom:2%;
}

.format-standard h1 {
   font-size:32px;
}

.entry-content {
   font-size:18px;
}

.post_thumbnail {
   width:100%;
   height:750px;
   overflow:hidden;
   position: relative;
}

.post_thumbnail img {
   width:100%;
   height:auto;
   margin-top:-350px;
}

.post_thumbnail div:first-child {
   position:absolute;
   bottom:0px;
   padding-left:5%;
   z-index:1000;
}

.post_thumbnail div:first-child a {
   color:#fafafa;
}

article h3 {
   font-size: 19px;
   margin-block-start: 0.5em;
   margin-block-end: 0em;
}



article p {
   color:#4f4f50;
}



/** AUTHOR **/
.author-info-page {
   position: relative;
   background: #fafafa;
   color: #000;
   padding-left: 15px;
   padding-right: 15px;
   padding-top:15px;
   padding-bottom:15px;
   margin-top: 10px;
   border-radius: 7px;
   transition: all .2s ease;
   background-position: 50px;
   overflow: hidden;
   display:flex;
   flex-direction: row;
   box-shadow: 0px 2px 4px rgb(31 30 47 / 3%);
}

.author-info-details {
   flex-direction: column;
   padding-left:25px;
}

.author-info-page img, .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar, .item-wide .item-author-info img {
   -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146000000001% 23.57212%, 93.30127% 25%, 94.03794000000001% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794000000001% 73.42019999999999%, 93.30127% 75%, 92.30146000000001% 76.42788%, 91.06889% 77.66043999999999%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66043999999999%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.42019999999999%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
   clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146000000001% 23.57212%, 93.30127% 25%, 94.03794000000001% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794000000001% 73.42019999999999%, 93.30127% 75%, 92.30146000000001% 76.42788%, 91.06889% 77.66043999999999%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66043999999999%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.42019999999999%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
}


/** COMMENTS **/

.comment-content {
   margin-top:-25px;
}

#commentform {
   position: relative;
   background: #fafafa;
   color: #000;
   padding-left: 25px;
   padding-right: 25px;
   margin-top: 10px;
   border-radius: 7px;
   transition: all .2s ease;
   background-position: 50px;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   box-shadow: 0px 2px 4px rgb(31 30 47 / 3%);
}

.comment {
   position:relative;
}

.comment-form-comment {
   display:flex;
   flex-direction: column;
}

.comment-author img, .woocommerce #reviews #comments ol.commentlist li img.avatar {
   position:absolute;
   -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146000000001% 23.57212%, 93.30127% 25%, 94.03794000000001% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794000000001% 73.42019999999999%, 93.30127% 75%, 92.30146000000001% 76.42788%, 91.06889% 77.66043999999999%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66043999999999%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.42019999999999%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
   clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146000000001% 23.57212%, 93.30127% 25%, 94.03794000000001% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794000000001% 73.42019999999999%, 93.30127% 75%, 92.30146000000001% 76.42788%, 91.06889% 77.66043999999999%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66043999999999%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.42019999999999%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
}

.photo:before {
   content:'';
   display:block;
   width:100%;
   height:100%;
   position:absolute;
   background: linear-gradient(to right, #ffc837, #ff5213);
}

.fn, .comment-metadata {
   padding-left:90px;
}

.reply {
   position:absolute;
   top:10px;
   right:10px;
}

h3 {
   z-index:0;
}

/** TAGS **/
.tags {
   padding-left: 20px;
   padding-right: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   background: #fafafa;
   border-radius: 4px;
}

.tags a {
   padding: 0.5rem 1.6rem;
   background: #ececec;
   border: 1px solid #ececec;
   color: #343434; 
   display:inline-block;
   border-radius:4px;
}

/** SUBMIT & INPUTS **/
input[type="submit"] {
   padding: 0.5rem 1.6rem;
   background: #ececec;
   border: 1px solid #ececec;
   border-bottom: 3px solid #ff5213;
   color: #343434; 
   display:inline-block;
   border-radius:4px; 
   cursor: pointer; 
}

/** PAGINATION **/
.pagination, .page-numbers {
   padding-left: 20px;
   padding-right: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   background: #fafafa;
   border-radius: 4px;
   margin-top:10px;
}

.pagination a, .current {
   padding: 0.5rem 1.6rem;
   background: #ececec;
   border: 1px solid #ececec;
   border-bottom: 3px solid #ff5213;
   color: #343434; 
   display:inline-block;
   border-radius:4px;
}

.current {
   border-bottom: 3px solid #be3b0b;
}

/** WORDPRESS BASIC **/
.says {
   padding-left:5px;
}
.screen-reader-text {
   border: 0;
   clip: rect(1px, 1px, 1px, 1px);
   clip-path: inset(50%);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
   word-wrap: normal !important;
 }

 .sticky {
   position:sticky;
 }

 .wp-caption, .wp-caption-text {
   color: currentColor;
	font-size: 12px;
	line-height: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
 }

 .gallery-caption {
	display: block;
}

.bypostauthor {
	display: block;
}

.alignright {
   text-align:right;
}

.alignleft {
   text-align:left;
}

.aligncenter {
   text-align:center;
}

/** PAGE WRAPPING **/
.main-page-wrapper {
   display:flex;
   flex-direction: row;
   justify-content: space-between;
   margin-bottom:10px;
}


/** WIDGET TITLE **/

.widget-title, .wp-block-column h2, #under-navigation-widgets h2, #below-articles-widgets h2 {
   margin: 0;
   font-weight: 400;
   text-decoration: none;
   display: block;
   font-size: 1.5em;
   margin-block-start: 0.83em;
   margin-block-end: 0.83em;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   font-weight: bold;
}

h2 {
   color:#424242;
}


/** ARTICLE WIDGET BOX **/
.articles-wide {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   width:100%;
}

.item-category {
   padding-left:10px;
   padding-right:10px;
   font-size:12px;
   padding-top:4px;
   padding-bottom:4px;
   border-radius:7px;
   color:#fff;
   overflow:hidden;
   display:inline-block;
   position:absolute;
   top:15px;
}


.item-short {
   width:49.5%;
   display:flex;
   flex-direction: column;
   justify-content: space-between;
}

.item-wide {
   width:49.5%;
   height:480px;
   background-size:cover !important;
   border-radius:6px;
   overflow:hidden;
   padding:20px;
   position:relative;
   display: flex;
   align-items: end;
   background-position: center !important;
}

.item-wide:after {
   content:'';
   position:absolute;
   left:0;
   top:0;
   width:100%;
   height:100%;
   background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.75));
}

.item-wide h2 {
   margin-block-start: 0.3em;
   margin-block-end: 0.3em;
   font-size: 25px;
   line-height: 28px;
}

.item-wide a {
   color:#fff;
}

.item-wide .item-author-info {
   display: flex;
}

.item-wide .item-author-info img {
   margin-right:5px;
}

.item-wide .item-container {
   z-index:100;
}

.item-short .item {
   background: #fafafa;
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom:10px;
   padding-top:10px;
   border-radius: 7px;
   transition: all .2s ease;
   box-shadow: 0px 2px 4px rgb(31 30 47 / 3%);
   position:relative;
   overflow: hidden;
}

.item-short .item:hover:after, .item-common .item:hover:after {
   width:100%;
}
   
.item-short .item:after, .item-common .item:after {
   content: '';
   display: block;
   border-bottom: 2px solid #ff5213;
   width: 0;
   left: 0;
   -webkit-transition: 1s ease;
   transition: 0.6s ease;
   bottom: 0;
   z-index: 150;
   position: absolute;
}

.item-short .item .item-container {
   display:flex;
   flex-direction:row;
}

.item-short .item .item-container .item-content {
   align-items: center;
   display: flex;
}

.item-short .item .item-container .item-content img {
   width:120px;
   height:68px;
   border-radius:7px;
}

.item-short .item .item-container .item-author-info {
   font-size:12px;
   padding-left:15px;
   align-self: center;
}

.item-short h2 {
   font-size: 14px;
   margin-block-start: 0em;
   margin-block-end: 0em;
}

/** ITEM COMMON **/

.item-common {
   display:flex;
   flex-direction: column;
   justify-content: space-between;
   width:100%;
}

.item-common .item {
   background: #fafafa;
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom:10px;
   padding-top:10px;
   border-radius: 7px;
   transition: all .2s ease;
   box-shadow: 0px 2px 4px rgb(31 30 47 / 3%);
   margin-bottom:10px;
   position:relative;
   overflow: hidden;
}

.item-common .item .item-container {
   display:flex;
   flex-direction:row;
}

.item-common .item .item-container .item-content {
   align-items: center;
   display: flex;
}

.item-common .item .item-container .item-content img {
   width:120px;
   height:68px;
   border-radius:7px;
}

.item-common .item .item-container .item-author-info {
   font-size:12px;
   padding-left:15px;
   align-self: center;
}

.item-common h2 {
   font-size: 14px;
   margin-block-start: 0em;
   margin-block-end: 0em;
}



/** ARTICLES SHORT **/

.articles-short {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   width:100%;
}


.articles-short .item-wide, .articles-short .item-short {
   width:100%;
}

.articles-short .item-wide {
   margin-bottom:10px;
}

.articles-short .item-short .item {
   margin-bottom:10px;
}


/** FOOTER **/
.white-fill {
   fill: white;
 }

#footer-widgets {
   display: flex;
   flex-direction: column;
   background:#0C1D43;
   color:#fafafa;
   padding-top:30px;
   margin-top:-10px;
}

#footer-widgets svg {
   filter: brightness(0) invert(1);
}

#footer-widgets .powered-by {
   text-align:center;
   color:#d4d4d4;
}

#footer-widgets a, #footer-widgets h2 {
   color:#fff;
}


#footer-widgets .copyrights {
   background:#0c1d44;
   padding-bottom:10px;
   padding-top:10px;
}

#footer-widgets .footer-inner {
   max-width: 1300px;
   padding: 0 10px;
   margin: 0 auto;
   padding-left: 0px;
   padding-right: 0px;
   display: flex;
   align-items: center;
   flex-direction: row;
}

.footer-inner {
   width:100%;
}






/** FONTS **/
@font-face {
   font-family: 'Open-Sans-Light';
   src: URL('fonts/OpenSans-Light.ttf') format('truetype');
   font-display: swap;
 }

 @font-face {
   font-family: 'Open-Sans-Bold';
   src: URL('fonts/OpenSans-ExtraBold.ttf') format('truetype');
   font-display: swap;
 }

@font-face {
   font-family: 'Nunito-Light';
   src: URL('fonts/Nunito-Light.ttf') format('truetype');
   font-display: swap;
 }

 @font-face {
   font-family: 'Nunito-Regular';
   src: URL('fonts/Nunito-Regular.ttf') format('truetype');
   font-display: swap;
 }

 @font-face {
   font-family: 'Nunito-Bold';
   src: URL('fonts/Nunito-SemiBold.ttf') format('truetype');
   font-display: swap;
 }

.fb-20 {
   flex-basis:20%;
}

.fb-35 {
   flex-basis:35%;
}

.fb-45 {
   flex-basis:45%;
}

.fb-60 {
flex-basis:60%; 
}

.company-details {
   display:flex; flex-direction:row; justify-content:space-around; align-items:center;
}

.company-socials {
   display:flex; justify-content:space-around;
}

/** RESPONSIVE DESIGN **/


@media only screen and (hover: none) and (pointer: coarse) {
 
}

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

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

}

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

}

@media screen and (max-width: 940px) {
   #post-336, #post-545, #post-551 {
      padding-left:20px;
      padding-right:20px;
   }
   .post-332 .entry-content, .post-326 .entry-content {
      width:94% !important;
      margin:0 auto;
   }
   .post-326 .wp-block-heading {
      font-size:1.2em;
   }
   .entry-content {
      padding-bottom:30px;
   }
   .slideshow {
      min-height:200px;
      height:100%;
   }
   .post img {
      width:100%;
   }
   .page-wrapper {
      min-height:auto;
   }
   .post_thumbnail {
      display:none;
   }
   iframe {
      width:100%;
   }
   .investment-info {
      align-items:baseline;
      padding-left:10px;
   }
   .investment-info .opis {
      font-size:16px;
      padding-bottom:0px;
   }

   #footer-widgets .footer-inner, .company-details {
      flex-direction: column;
      text-align: center;
   }

   .company-socials {
      width: 50%;
      padding-top: 30px;
      padding-bottom: 30px;
   }

   .investment-info p {
      font-size:16px;
   }
   
   .investment-info .adres {
      font-size:16px;
   }
   
   .header-inner img {
      width:230px;
   }
   .snow-product-wide {
      flex-direction: column;
   }
   .snow-product-wide div:first-child {
      flex-basis:100%;
   }
   .snow-product-wide div:last-child {
      flex-basis:100%;
   } 
   .post_thumbnail {
      height:100%;
   }
   .featured {
      display:flex;
      flex-direction: column;
      height:100%;
   }
   .featured-item {
      height:200px;
   }
   .wp-block-latest-posts__featured-image {
      text-align:center;
   }
   .wp-block-latest-posts__featured-image img{
      max-height: 100% !important;
      width: 100% !important;
   }
   .articles-wide {
      flex-direction: column;
   }
   .item-wide, .item-short {
      width:100%;
   }
   .item-short .item {
      margin-top:10px;
   }
   .wp-block-latest-posts.is-grid li {
      margin-bottom:10px !important;
   } 
   .wp-block-latest-posts__post-title {
      padding-top:5px;
      padding-bottom:3px;
   }
   #footer-widgets .footer-inner {
      width:90%;
   }
    .hamburger {
        display:flex;
    }
    .header-inner {
        justify-content: space-between;
        position:relative;
    }
    .custom-logo-link {
        padding-left:20px;
    }
    
    .header-menu {
        max-height:0vh;
        overflow:hidden;
        transition:all 0.4s ease-out;
        z-index:-1;
    }

    #primary-menu-container {
        flex-direction: column;
        position:absolute;
        top:81px;
        width:100%;
    }
    #primary-menu {
        background:#0C1D43;
    }
    #primary-menu-container ul {
        flex-direction: column;
    }
    .menu-item a {
        width:100%;
    }
    .menu-item-has-children {
        flex-direction: column;
    }
    .sub-menu {
        position:relative;
        top:0px;
        width:100%;
        box-shadow:unset;
    }
    .menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu {
        top:30px;
        left:0px;
     }
     
     .menu-item-has-children:hover > .sub-menu > .menu-item-has-children:hover > .sub-menu {
        display:flex;
        max-height:100vh;
        overflow:visible;
        transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
        z-index:1000;
        position:absolute;
        top:30px;
        left:0px;
     }
}