@charset "UTF-8";

/*
Theme Name: PEKMONT
Theme URI: https://www.hedea.pl
Author: Hedea
Author URI: https://www.hedea.pl
Tested up to: 7.0
Requires PHP: 7.4
Version: 1.2
License: GNU General Public License v2 or later

*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&family=Saira+Extra+Condensed:wght@100&family=Sofia+Sans+Extra+Condensed:wght@1&display=swap');

*, *:after, *:before {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

html,body {
  padding: 0; margin: 0;
}
@font-face {
  font-family: 'Font_Awesome_Brands';
  font-style: normal;
  font-weight: normal;
  src: url("fonts/fa-brands-400.eot");
  src: url("fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-brands-400.woff2") format("woff2"), url("fonts/fa-brands-400.woff") format("woff"), url("fonts/fa-brands-400.ttf") format("truetype"), url("fonts/fa-brands-400.svg#fontawesome") format("svg"); }
@font-face {
  font-family: 'Font_Awesome_Regular';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/fa-regular-400.eot");
  src: url("fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-regular-400.woff2") format("woff2"), url("fonts/fa-regular-400.woff") format("woff"), url("fonts/fa-regular-400.ttf") format("truetype"), url("fonts/fa-regular-400.svg#fontawesome") format("svg"); }
@font-face {
  font-family: 'Font_Awesome_Solid';
  font-style: normal;
  font-weight: 900;
  src: url("fonts/fa-solid-900.eot");
  src: url("fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.woff") format("woff"), url("fonts/fa-solid-900.ttf") format("truetype"), url("fonts/fa-solid-900.svg#fontawesome") format("svg"); }
@font-face {
  font-family: 'Font_Awesome_Light';
  font-style: normal;
  font-weight: 900;
  src: url("fonts/fa-light-300.eot");
  src: url("fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("fonts/fa-light-300.woff2") format("woff2"), url("fonts/fa-light-300.woff") format("woff"), url("fonts/fa-light-300.ttf") format("truetype"), url("fonts/fa-light-300.svg#fontawesome") format("svg"); }

body { font-family: 'Poppins', sans-serif; }

header { background-color: #303845; position: fixed; top: 0; left: 0; width: 100%; padding: 15px; display: flex; flex-direction: row; justify-content: space-between; z-index: 9999; }
header.margin_if_admin { margin-top: 32px; }
@media only screen and (max-width: 782px) { header.margin_if_admin { margin-top: 46px; } }

header .left-side, header .right-side, .social-media-container { display: flex; flex-direction: row; justify-content: start; align-items: center;}
header .left-side { gap: 25px; }
header .right-side { gap: 75px; }

header .left-side .first-logo img, header .left-side .second-logo img { width: 385px; height: auto; }

.social-media-container { gap: 15px; }
.second-logo { display: none; }
.language_switcher_box { display: flex; gap: 10px; }
.language_switcher_box a { color: #FFF; text-transform: uppercase; display: inline-flex; align-items: center; justify-content: center; border: 2px solid #FFF; border-radius: 50px; text-decoration: none; width: 30px; height: 30px; font-size: 12px; opacity: .5!important; transition: .3s!important;}
.language_switcher_box a.current-lang, .language_switcher_box a:hover { opacity: 1!important;}

@media only screen and (min-width: 960px) {
  #mega-menu-wrap-primary #mega-menu-primary { display: flex; gap: 15px; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { text-transform: uppercase!important; font-weight: 300!important; font-family: Poppins!important; font-size: 16px!important; position: relative!important; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link { font-weight: 700!important; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:before { content: ''; position: absolute!important; bottom: 0!important; left: 0!important; right:0!important; margin-left:auto!important;margin-right:auto!important; width: 0%!important; border-bottom: 2px solid #FFF!important; transition: .3s!important; transition-timing-function: ease-in-out!important;}
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover:before {width: 50%!important;}
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link.dashicons-admin-home { margin-right: 20px; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link.dashicons-admin-home:before {
  content: "\f015"!important;
  font-family: 'Font_Awesome_Light'!important;
  border: none!important;
  opacity: .5!important;
  transition: .3s!important;
  padding-right: 25px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link.dashicons-admin-home:hover:before,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link.dashicons-admin-home:before { opacity: 1!important; }


.social-media-container a, .social-media-container a img { max-height: 24px; height: 100%; width: auto;}
.social-media-container a, footer a { position: relative; color: #FFF; font-weight: bold; text-decoration: none; }
.social-media-container a:before, footer a:before { content: ''; position: absolute!important; bottom: -10px!important; left: 0!important; right:0!important; margin-left:auto!important;margin-right:auto!important; width: 0%!important; border-bottom: 2px solid #FFF!important; transition: .3s!important; transition-timing-function: ease-in-out!important;}
.social-media-container a:hover:before, footer a:hover:before {width: 100%!important;}

main.subpage { margin-top: 90px; } 
#page-title-head { padding: 50px 0; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; min-height: 200px; }
.inside-page-title-head { 
  display: flex; align-items: center; justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(48, 56, 69,.75);
}

.inside-page-title-head h1 {
  color: #FFF;
  text-transform: uppercase;
  font-size: 33px;
  text-align: center;
  padding: 15px;
}

.page-content-inside p {
  line-height: 1.3;
  font-size: 14px;
  padding-bottom: 15px;
}

#page-content { width: 100%; height: auto; margin: 50px 0 100px 0; padding: 0 5px; }
.page-content-inside { max-width: 1200px; width: 100%; height: auto; margin-left: auto; margin-right: auto; }

#page-content .wpcf7-form { max-width: 800px; width: 100%; height: auto; margin-left: auto; margin-right: auto; }
#page-content .wpcf7-form .in-row { display: flex; flex-direction: row; gap: 15px; }
@media only screen and (max-width: 500px) { #page-content .wpcf7-form .in-row { flex-direction: column; gap: 0; } }


#page-content .wpcf7-form p, #page-content .wpcf7-form p label,
#page-content .wpcf7-form p label span, #page-content .wpcf7-form p label input, #page-content .wpcf7-form p label textarea { width: 100%; display: inline-block; }
#page-content .wpcf7-form p label { font-size: 11px; color: #303845; }
#page-content .wpcf7-form p label input, #page-content .wpcf7-form p label textarea { padding: 10px; border: 1px solid #303845; }
#page-content .wpcf7-form p { margin: 5px 0;}
#page-content .wpcf7-response-output { border: unset!important; background-color: #5E656C!important; color: #FFF!important; padding: 15px!important; }

.content-inside { margin-left: auto; margin-right: auto; height: auto; }

#przemysl-miesny { position: relative; min-height: 800px; display: flex; align-items: center; }
#przemysl-miesny h2 a { font-family: 'Roboto Condensed'!important; font-size: 60px; height: auto; display: inline-block; color: #6A6A6A; position: relative; font-weight: 300!important; padding-bottom: 10px; text-decoration: none!important; transition: .3s; transition-timing-function: ease-in-out; text-transform: uppercase; }
#przemysl-miesny h2 a:after { content: ''; position: absolute; bottom: 0; right: 0; width: 50%; border-bottom: 6px solid #D3D8D0; transition: .3s; transition-timing-function: ease-in-out; } 
#przemysl-miesny h2 a:hover:after { transform: translateX(-100%); }
/* max-width: 877px; width: 100%; */
#przemysl-miesny .baner { position: absolute; top: -75px; right: 5%; max-width: 548px; width: 48%; height: auto; z-index: 2; transition: .3s;}
#przemysl-miesny .baner:hover { -webkit-filter: drop-shadow(10px 20px 0px rgba(66, 68, 90, .25)); filter: drop-shadow(10px 20px 5px rgba(66, 68, 90, .25)); }
#przemysl-miesny .bg { position: absolute; top: 0; left: 0; z-index: -1; max-width: 565px; width:100%; height: auto;}
#przemysl-miesny .content-inside { max-width: 1000px; width: 100%; display: flex; z-index: 1; flex-direction: row;}

/*
@media only screen and (max-width: 1130px) {
  #przemysl-miesny .bg { max-width: 50%; width: 50%; }
}
*/

#oczyszczalnie-sciekow { position: relative; min-height: 1000px; display: flex; align-items: center; margin-top: -300px; }
/*
#oczyszczalnie-sciekow .bg { position: absolute; top: 0; left: 0; z-index: -1; max-width: 624px; width: 100%; height: auto; }
#oczyszczalnie-sciekow .baner { position: absolute; top: 100px; left: 25px; max-width: 548px; width: 100%; height: auto; z-index: 2; transition: .3s; }
*/
#oczyszczalnie-sciekow .bg { position: absolute; top: 0; left: 0; z-index: -1; max-width: 624px; width: 35%; height: auto; }
#oczyszczalnie-sciekow .baner { position: absolute; top: 100px; left: 25px; max-width: 548px; width: 30%; height: auto; z-index: 2; transition: .3s; }

#oczyszczalnie-sciekow .baner:hover { -webkit-filter: drop-shadow(10px 20px 0px rgba(66, 68, 90, .25)); filter: drop-shadow(10px 20px 5px rgba(66, 68, 90, .25)); }
#oczyszczalnie-sciekow h2 a { font-family: 'Roboto Condensed'!important; font-size: 60px; height: auto; display: inline-block; color: #6A6A6A; position: relative; font-weight: 300!important; padding-bottom: 10px; text-decoration: none!important; transition: .3s; transition-timing-function: ease-in-out; text-transform: uppercase; }
#oczyszczalnie-sciekow h2 a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 50%; border-bottom: 6px solid #D3D8D0; transition: .3s; transition-timing-function: ease-in-out; } 
#oczyszczalnie-sciekow h2 a:hover:after { transform: translateX(100%); }
#oczyszczalnie-sciekow .content-inside { max-width: 500px; width: 100%; display: flex; z-index: 1; flex-direction: row;}

@media only screen and (max-width: 1750px) {
  #oczyszczalnie-sciekow .content-inside { max-width: 400px; justify-content: flex-end; }
}

#baseny { position: relative; min-height: 700px; display: flex; align-items: center; margin-top: -600px; }
#baseny .baner { position: absolute; top: 0; right: 25px; max-width: 548px; width: 30%; height: auto; z-index: 2; transition: .3s; }
#baseny .baner:hover { -webkit-filter: drop-shadow(10px 20px 0px rgba(66, 68, 90, .25)); filter: drop-shadow(10px 20px 5px rgba(66, 68, 90, .25)); }
#baseny h2 a { font-family: 'Roboto Condensed'!important; font-size: 52px; height: auto; display: inline-block; color: #6A6A6A; position: relative; font-weight: 300!important; padding-bottom: 10px; text-decoration: none!important; transition: .3s; transition-timing-function: ease-in-out; text-transform: uppercase; }
#baseny h2 a:after { content: ''; position: absolute; bottom: 0; right: 0; width: 50%; border-bottom: 6px solid #D3D8D0; transition: .3s; transition-timing-function: ease-in-out; } 
#baseny h2 a:hover:after { transform: translateX(-100%); }
#baseny .content-inside { max-width: 650px; width: 100%; display: flex; z-index: 1; flex-direction: row; justify-content: end;}

@media only screen and (max-width: 1850px) {
  #baseny .content-inside { max-width: 500px; }
}

@media only screen and (max-width: 1460px) {
  #baseny .content-inside { max-width: 300px; }
}

@media only screen and (max-width: 1600px) {
  #przemysl-miesny { min-height: 500px; }
  #oczyszczalnie-sciekow { min-height: 750px; margin-top: -50px; }
  #baseny { min-height: 500px; margin-top: -300px;}
}

@media only screen and (max-width: 1180px) {
  #przemysl-miesny h2 a { font-size: 50px; }
  #oczyszczalnie-sciekow { min-height: 500px; padding-left: 50px; }
  #oczyszczalnie-sciekow .content-inside { max-width: 300px; }
  #oczyszczalnie-sciekow h2 a { font-size: 45px }
  #baseny { min-height: 400px; margin-top: -100px;}
}

@media only screen and (max-width: 1060px) {
  #przemysl-miesny h2 { max-width: 200px; text-align: right; }
  #przemysl-miesny .content-inside { max-width: 500px; }
  #przemysl-miesny h2 a, #baseny h2 a { font-size: 45px }
}

@media only screen and (max-width: 950px) {
  #baseny { min-height: 350px;}
  #baseny .content-inside { max-width: 250px; }
  #oczyszczalnie-sciekow { padding-left: 100px; }
}

@media only screen and (max-width: 850px) {
  #baseny { min-height: 325px;}
  #baseny .content-inside { max-width: 200px; }
}

@media only screen and (max-width: 750px) {
  #baseny { min-height: 300px;}
  #baseny .content-inside { max-width: 150px; }
}

@media only screen and (max-width: 700px) {
  #przemysl-miesny .baner { margin-top: 50px; }
  #oczyszczalnie-sciekow { padding-left: 0; }
  #oczyszczalnie-sciekow .content-inside { padding-left: 0; }
  #przemysl-miesny .bg, #oczyszczalnie-sciekow .bg { display: none; }
  #przemysl-miesny .baner, #oczyszczalnie-sciekow .baner, #baseny .baner { position: static; max-width: 200px; width: 100%; }
  #przemysl-miesny a, #oczyszczalnie-sciekow a, #baseny a { text-align: center; }
  #przemysl-miesny, #oczyszczalnie-sciekow, #baseny { flex-direction: column; justify-content: center; align-items: center; margin-top: 25px; min-height: unset; }
  #przemysl-miesny .content-inside, #oczyszczalnie-sciekow .content-inside, #baseny .content-inside { max-width: 100%; justify-content: center; }
  #przemysl-miesny h2 a:after, #oczyszczalnie-sciekow h2 a:after, #baseny h2 a:after { left: 0; right: 0; margin-left: auto; margin-right: auto; }
  #przemysl-miesny h2 a:hover:after, #oczyszczalnie-sciekow h2 a:hover:after, #baseny h2 a:hover:after { transform: unset; width: 100%; }
}


#above-footer .content-inside { width: 100%; padding: 0 25px; display: flex; z-index: 1; flex-direction: row; justify-content: space-between; margin-top: 50px;}
#above-footer .content-inside .left-side { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; width: 100%; }
#above-footer .content-inside .left-side img { max-width: 1018px; width: 100%; height: auto; }
#above-footer .content-inside .right-side { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-end; padding-bottom: 15px; }

.above-footer-box { padding: 10px 10px 50px 100px; height: 100%; position: relative; min-width: 300px; min-height: 260px; color:#5E656C; }
.above-footer-box p { font-size: 14px; }
.above-footer-box p.title { font-weight: bold; font-size: 17px; }
.above-footer-box i { position: absolute; top: 10px; left: 25px; font-size: 31px; }
.above-footer-box i.icon-home:before { content: '\f015'; font-family: 'Font_Awesome_Solid'; font-style: normal;  }
.above-footer-box i.icon-garage:before { content: '\f494'; font-family: 'Font_Awesome_Solid'; font-style: normal;  }
.above-footer-box a.map-button { position: absolute; bottom: 10px; left: 100px;}
.above-footer-box + .above-footer-box { border-left: 1px solid #eee; }

a.map-button, .wpcf7-submit { padding: 5px 30px 5px 15px; border: 1px solid #eee; text-decoration: none; text-transform: uppercase; color:#5E656C; position: relative; transition: .3s; background: transparent; cursor: pointer; }
a.map-button:after, .wpcf7-submit:after { content: '\f054'; font-family: 'Font_Awesome_Light'; position: absolute; right: 6px; top: 11px; font-size: 11px; }

a.map-button:hover, .wpcf7-submit:hover { background-color: #eee; }

.wpcf7-submit { padding: 10px 15px 10px 15px; font-size: 16px; }

#footer-menu .footer-menu-container ul { list-style-type: none; padding-left: 15px; }
#footer-menu .footer-menu-container ul li { display: inline-block; }
#footer-menu .footer-menu-container ul li a { text-decoration: none; color: #999999; font-size: 14px; position: relative; padding-bottom: 5px; }
#footer-menu .footer-menu-container ul li a:before { content: ''; position: absolute!important; bottom: 0!important; left: 0!important; right:0!important; margin-left:auto!important;margin-right:auto!important; width: 100%!important; border-bottom: 1px solid #999999!important; transition: .3s!important; transition-timing-function: ease-in-out!important; opacity: 0;}
#footer-menu .footer-menu-container ul li a:hover:before, #footer-menu .footer-menu-container ul li.current-menu-item a:before {opacity: 1!important;}

#footer-menu .footer-menu-container ul li:after { content: '|'; padding: 0 10px; color: #999999; }
#footer-menu .footer-menu-container ul li:last-child:after { content: ''; }

footer { background-color: #303845; text-align: center; color: #FFF; padding: 5px; font-size: 14px; }


#archive-page .page-content-inside { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; padding: 0 10px; }
#archive-page .page-content-inside a { display: block; text-decoration: none; color: #5E656C; }
#archive-page .page-content-inside a article { border: 1px solid #eee; position: relative; display: flex; flex-direction: column; gap: 0; max-width: 380px; width: 100%; margin: 0 auto; }
#archive-page .page-content-inside a article img { width: 100%; height: 200px; object-fit: cover; }
#archive-page .page-content-inside a article .article-content { padding: 15px 25px 10px 25px; position: relative; }
#archive-page .page-content-inside a article .article-content p { font-size: 14px; text-align: justify; }
#archive-page .page-content-inside a article .article-content .create-date { position: absolute; top: 0; right: 0; font-size: 11px; color: #aaa; padding: 5px; }
#archive-page .page-content-inside a article .article-content .create-date:before { content: '\f073'; font-family: 'Font_Awesome_Light'; padding-right: 5px; }
#archive-page .page-content-inside a article .article-content h2 { position: relative; display: inline-block; padding-bottom: 15px; margin-bottom: 5px; }
#archive-page .page-content-inside a article .article-content h2:after { content: ''; position: absolute; bottom: 0; left: 0; width: 25%; border-bottom: 2px solid #eee; transition: .3s; }
#archive-page .page-content-inside a:hover article .article-content h2:after { width: 50%; border-bottom: 2px solid #5E656C; }

@media only screen and (max-width: 1000px) {
  #archive-page .page-content-inside { grid-template-columns: repeat(2, 1fr); }
}

@media only screen and (max-width: 625px) {
  #archive-page .page-content-inside { grid-template-columns: repeat(1, 1fr); }
}


#mapa1, #mapa2 { padding-top: 100px; }

h2.wp-block-heading { margin-bottom: 25px; }
h2.wp-block-heading strong { color: #5E656C!important; position: relative; padding-bottom: 10px; }
h2.wp-block-heading strong:after { content: ''; border-bottom: 2px solid #eee; width: 50%; position: absolute; left: 0; bottom: 0; right: 0; margin-left: auto; margin-right: auto; }

@media only screen and (max-width: 1400px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { font-size: 14px!important; }
  header .right-side { gap: 25px; }
}

@media only screen and (max-width: 1300px) {
  .above-footer-box { padding: 10px 10px 50px 75px; min-width: 260px; }
  .above-footer-box i { left: 15px; }
  .above-footer-box a.map-button { left: 75px; }
}

@media only screen and (max-width: 1250px) {
  header .left-side .first-logo img, header .left-side .second-logo img { width: 225px; }
  main.subpage { margin-top: 70px; }
  .language_switcher_box { gap: 8px; }
  .language_switcher_box a { border: 2px solid #FFF; width: 26px; height: 26px; font-size: 10px; }
}

@media only screen and (max-width: 1075px) {
  .social-media-container { display: none; }
}

@media only screen and (max-width: 1000px) {
  #mega-menu-wrap-primary #mega-menu-primary { display: flex; gap: 10px; }
}

@media only screen and (max-width: 1150px) {
  #above-footer .content-inside { flex-direction: column-reverse; padding: 0 5px; }
  #above-footer .content-inside .left-side, #above-footer .content-inside .right-side { width: 100%; align-items: center; justify-content: center; }
  .above-footer-box { padding: 10px 10px 50px 100px; min-width: 300px; }
  .above-footer-box i { left: 25px; }
  .above-footer-box a.map-button { left: 100px; }
}

@media only screen and (max-width: 910px) {
  #mega-menu-wrap-primary { position: static!important; }
  #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary { display: block; position: absolute!important; left: 0!important; margin-top: 15px!important; }
}

@media only screen and (max-width: 585px) {
  .above-footer-box i { position: static; }
  .above-footer-box { padding: 10px 10px 50px 10px; text-align: center; min-height: 280px; min-width: unset; width: 50%; }
  .above-footer-box a.map-button { left: 0; right: 0; margin-left: auto; margin-right: auto; display: inline-block; width: 80%; }
}

@media only screen and (max-width: 510px) {
  #footer-menu .footer-menu-container ul li a { font-size: 11px; }
}

@media only screen and (max-width: 450px) {
  header .left-side { gap: 15px; }
  #home-page { padding: 0 10px; }
}

@media only screen and (max-width: 420px) {
  header .left-side .first-logo img, header .left-side .second-logo img { width: 175px; }
  #przemysl-miesny h2 a, #oczyszczalnie-sciekow h2 a, #baseny h2 a { font-size: 40px }
}

@media only screen and (max-width: 400px) {
  #above-footer .content-inside .right-side { flex-direction: column; }
  .above-footer-box { min-height: unset; width: 100%; }
  .above-footer-box + .above-footer-box { border-left: unset; }
}

@media only screen and (max-width: 370px) {
  header .left-side .first-logo img, header .left-side .second-logo img { width: 150px; }
}

@media only screen and (max-width: 345px) {
  header .left-side .first-logo img, header .left-side .second-logo img { max-width: 125px; width: 100%; }
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
  background-color: #ddd!important;
}

.gutenbee-row .gutenbee-post-types-item-thumb img {
  max-width: 350px!important;
  width: 100%!important;
  max-height: 300px!important;
  height: 100vh!important;
  object-fit: cover!important;
  -webkit-clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0)!important;
  clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0)!important;
}

.gutenbee-row .gutenbee-post-types-item-thumb {
  transition: .3s!important;
}

.gutenbee-row .gutenbee-post-types-item-thumb:hover {
  -webkit-filter: drop-shadow(0px 10px 5px rgba(66, 68, 90, .25))!important; 
  filter: drop-shadow(0px 10px 5px rgba(66, 68, 90, .25))!important;
}

.gutenbee-post-types-item {
  text-align: center!important;
}

.gutenbee-post-types-item-more {
  display: none!important;
}

.gutenbee-post-types-item-title a { position: relative; display: inline-block; padding-bottom: 15px; margin-bottom: 5px; color: #5E656C!important; }
.gutenbee-post-types-item-title a:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 25%; border-bottom: 2px solid #eee; transition: .3s; }
.gutenbee-post-types-item-title a:hover:after { width: 50%; border-bottom: 2px solid #5E656C; }

.fg-type-image {
  -webkit-clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0)!important;
  clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0)!important;
}