/* Theme Name: Betheme Child Theme URI: https://themes.muffingroup.com/betheme Author: Muffin group Author URI: https://muffingroup.com Description: Child Theme for Betheme Template: betheme Version: 2.0.2 */ :root { --flw:calc((100vw - 1430px) / 2); } @font-face { font-family: 'lidia-font'; src: url('/wp-content/uploads/2026/01/lidia-font.ttf') format('truetype'), url('/wp-content/uploads/2026/01/lidia-font.woff') format('woff'); font-weight: normal; font-style: normal; font-display: block; } [class^="lid-"], [class*=" lid-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'lidia-font' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lid-mail:before { content: "\e900"; } .lid-phone:before { content: "\e901"; } .lid-arrow-left:before { content: "\e902"; color: #3aa4ae; } .lid-arrow-right:before { content: "\e903"; color: #3aa4ae; } #Subheader { background: linear-gradient(#7dd8d8 0%, #56c5c5 100%);} .mfn-header-menu .mfn-submenu { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 0px !important;} .mfn-header-menu .mfn-menu-li .mfn-submenu { width: 420px;} .mfn-header-tmpl-menu-sidebar-wrapper .mfn-header-menu .mfn-submenu { box-shadow: none;} .mfn-header-tmpl-menu-sidebar-wrapper .mfn-header-menu .mfn-menu-li .mfn-submenu { width: auto;} ul.sub-menu.mfn-submenu { padding: 10px 0;} .mfn-header-menu .mfn-menu-li .mfn-submenu .mfn-menu-link { align-items: center; padding: 8px 20px;} .about-me { display: flex; gap: 90px;} .about-me .desc { flex-basis: 50%; display:flex; flex-direction: column; align-items: baseline; justify-content: center; padding-bottom: 80px;} .about-me .image-wrapper { flex-basis: 50%;display: flex;} .about-me img { display: block;} .buttons { display: flex; gap: 15px;flex-wrap: wrap;} .mfn-menu-animation-text-toggle-line-bottom > .mfn-menu-li > .mfn-menu-link .label-wrapper:before { top: 110%;} a.btn-theme { border-radius: 22px; background: linear-gradient(#89dede 0%, #50bbbb 100%); display: inline-block; line-height: 1; font-size: 16px; font-weight: 400; color: #000; padding: 11px 25px; font-family: "Lora", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; text-decoration: none; transition: background 0.3s linear;} a.btn-theme:hover {background: linear-gradient(#98f3f3 0%, #5ecece 100%); transition: background 0.3s linear; } .footer_button { border: 1px solid #028474; border-radius: 0px; width: 25px; height: 25px;} #back_to_top.sticky i { font-size: 15px;} .mfn-footer .footer_copy { border: none;} #Footer .widgets_wrapper .mcb-column-inner { margin: 0;} #Footer .footer_copy .social-menu { margin-right: 0px;} .footer_copy .mcb-column-inner { margin: 0;} .footer_copy .container { border-top: 1px solid #7dd8d8;} .main-footer { display: flex; gap: 30px; align-items: center; justify-content: space-between;} .main-footer .logo img { width: 260px;} .main-footer p.footer-tel { font-size: 28px; line-height: 1; font-weight: 600; margin-bottom:27px;} .main-footer p.footer-tel i {font-size: 20px; line-height: 1; } .main-footer p.footer-mail { font-weight: 400; display: flex; align-items: center; gap: 10px;} .main-footer p.footer-mail i {font-size: 20px; line-height: 1; } .main-footer .social-media { display: flex; gap: 35px;} .main-footer .social-media a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #7DD8D8; border-radius: 50%; color: #000; font-size: 25px;} .main-footer .social-media a:hover i {color:#000;} .main-footer .social-media a:hover {color:#000;} .main-footer .logo {flex-basis:25%;} .main-footer .dane-kontaktowe {flex-basis:25%;} .main-footer .social-media {flex-basis:16.666%;} .main-footer .szybki-dostep {flex-basis: auto;} .offer-section { display: grid; gap: 30px;} .offer-section .item { display: flex; flex-direction: column; align-items: center; text-align: center;} .grid-col-4 { grid-template-columns: repeat(4, 1fr);} .grid-col-3 { grid-template-columns: repeat(3, 1fr);} .grid-col-2 { grid-template-columns: repeat(2, 1fr);} .grid-col-1 { grid-template-columns: repeat(1, 1fr);} .cta-kontakt { background: linear-gradient(#6bd5f1 0%, #09a794 100%);} .section-kontakt { display: flex; align-items: stretch;} .section-kontakt .image-wrapper { flex-basis: 45%;display: flex;} .section-kontakt .image-wrapper img { display: block; height: 100%; width: 100%; object-fit: cover;} .section-kontakt .desc { flex-basis: 55%; padding: 40px var(--flw) 40px 120px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;} .post-header {display:none;} .posts_group.grid.col-3 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 68px;} .grid .post-item { margin: 0px; width: 100% !important;} .grid .post-desc-wrapper .post-desc {padding: 20px 0 0;} .grid .post-item img { width: 100%;} .grid .post-item .post-meta .author-date i { display: none;} .grid .post-item h2.entry-title {margin-bottom:0px;} .section-related-ul.col-3 .post-related { width: 100%;} .section-related-ul.col-3 .mcb-column-inner { margin: 0;} .section-related-ul.col-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;} .section-post-related .simple .post-related h4 { margin: 0;} .section-post-related .simple .post-related a.button { display: none;} .section-post-related .section-related-adjustment {margin-bottom: 40px;} .section-formularz { display: flex; align-items: center; justify-content: space-between; gap: 60px;} .section-formularz .form { flex-basis: 58.333%;} .section-formularz .desc img {max-width:303px; margin-bottom:35px;} .section-formularz .desc { flex-basis: 41.666%; text-align:center; display:flex; flex-direction: column; align-items: center; justify-content:center; } .section-formularz p { font-family: "Lora", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;} .section-formularz p.lead {margin-bottom:20px;} .section-formularz p.tel { font-size: 50px; line-height:1.2;margin-bottom:20px;} .section-formularz p.tel a { color: #000;} .section-formularz p.mail { font-size: 22px;margin-bottom:20px;} .section-formularz p.mail a { color: #000;} .section-formularz ul {list-style-type:none; display:flex; gap:10px;margin:0px;} .section-formularz ul li a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #000; border-radius: 50%; color: #fff; font-size: 25px;} .form { position: relative; background: #3AA4AE; padding: 34px 35px;} .form input[type="submit"] { border-radius: 22px; background: linear-gradient(#89dede 0%, #50bbbb 100%); display: inline-block; line-height: 1; font-size: 16px; font-weight: 400; color: #000; padding: 11px 25px; font-family: "Lora", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; text-decoration: none; transition: background 0.3s linear;} .form input[type="submit"]:hover { background: linear-gradient(#98f3f3 0%, #5ecece 100%); transition: background 0.3s linear;} .form input[type="email"], .form input[type="tel"], .form input[type="text"], .form select, .form textarea {box-shadow:none;padding: 11px 18px; font-size: 14px; line-height:18px; font-weight:300; } .form input[type="email"]::placeholder, .form input[type="tel"]::placeholder, .form input[type="text"]::placeholder, .form textarea::placeholder {opacity:1;transition: all 0.3s linear; } .form input[type="email"]:focus::placeholder, .form input[type="tel"]:focus::placeholder, .form input[type="text"]:focus::placeholder, .form textarea:focus::placeholder {opacity:0;transition: all 0.3s linear; } .form textarea {resize:none; border:none;} .form .submit-wrapper { display: flex; gap: 65px; align-items: center;} .form .accept-wrapper { position: relative;} .form .accept { padding-left: 25px; font-size: 12px; font-weight: 300; line-height: 15px; margin-bottom:0px; color: #fff;} .form .accept a {font-weight:bold; text-decoration:underline;color: #fff;} .form .accept .wpcf7-list-item { margin: 0 0 0 1em;} .form .accept input[type="checkbox"] { margin: 0;} .form .wpcf7-form-control-wrap { margin-bottom: 12px !important;} .form .accept span.wpcf7-form-control-wrap { display: inline-block !important; margin:0px !important; left:0px; position: absolute !important;} .form span.wpcf7-form-control-wrap[data-name="acceptance-928"] { position: absolute !important; left: -15px; top: 0;} .form label span:not(.acceptance-928) { display: inline-block; margin: 0px !important; font-size: 14px; font-weight: 400;} .form span.wpcf7-form-control-wrap[data-name=budget] { margin-bottom: 30px !important;} .form div.wpcf7 .ajax-loader {display:none;} .form .wpcf7-form .column { padding: 0; position: relative;} .form .message .wpcf7-form-control-wrap { margin-bottom: 15px !important;} .form .form-col { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px;} .section-oferta:before { content: ""; position: absolute; background: url(/wp-content/uploads/2026/01/decoration.svg) center right no-repeat; width: 769px; height: 712px; right: 0; transform: rotate(-106deg) translate(8%, 30%); opacity: 0.1;} .cta-kontakt:before { content: ""; position: absolute; background: url(/wp-content/uploads/2026/01/decoration.svg) center right no-repeat; width: 769px; height: 712px; right: 0; transform: rotate(-108deg) translate(-6%, 26%); opacity: 0.2;} .section-praca-z-przekonaniami:before { content: ""; position: absolute; background: url(/wp-content/uploads/2026/01/decoration.svg) center right no-repeat; width: 1200px; height: 1110px; left: 0; bottom: 0; transform: rotate(0deg) translate(-20%, -2%); opacity: 0.1;} .mfn-header-tmpl { --mfn-header-menu-animation-height: 2px;} .praca-z-przekonaniami { display: flex; gap: 120px;} .praca-z-przekonaniami .desc { flex-basis: 58.666%;} .praca-z-przekonaniami .image-wrapper-background { flex-basis: 41.333%; display: flex; background: url(/wp-content/uploads/2026/01/Lidia-Kempka-02.webp); background-size: cover; background-position: center center;} .misja-i-wizja { display: grid; gap: 30px; grid-template-columns: repeat(2, 1fr);} .info-box { background: #56C5C5; padding: 52px 56px;} .info-box h2 { text-align: center;} .info-box p { text-align: left;} .slider-gallery { position: relative; visibility: hidden; margin-bottom:30px;} .slider_gallery_ul .single-slide { margin: 0 15px;} .slider_gallery_ul .slick-list { margin: 0 -15px; } .slider_gallery_ul .single-slide .image-wrapper { position: relative; border: 1px solid #f7f7f7; height: 220px; border-radius: 10px; overflow: hidden;} .slider_gallery_ul .single-slide .image-wrapper:before { content: ""; position: absolute; background: hsl(0deg 0% 0% / 3%); top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; overflow: hidden; pointer-events: none;} .slider_gallery_ul .single-slide img { width: 100%; display: block; height: 100%; object-fit: contain; object-position: center;} .slider_gallery_ul .single-slide img { transform: scale(1); transition: all 0.3s linear;} .slider_gallery_ul .single-slide:hover img { transform: scale(1.1); transition: all 0.3s linear; transform-origin: center;} .slider_header a.slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); text-decoration:none; } .slider_header a.slick-arrow i { font-size: 22px;} .slider_header a.slider_next { right: -60px;z-index:99;} .slider_header a.slider_prev { left: -60px;z-index:99;} .intro { display: flex; gap: 150px; align-items: center;} .intro .image-wrapper { flex-basis: 41.333%;} .intro .image-wrapper img {width:100%;} .intro .desc { flex-basis: 58.666%;} .grunty { display: flex; gap: 120px;} .grunty .desc { flex-basis: 58.666%;} .grunty .image-wrapper-background { flex-basis: 41.333%; display: flex; background: url(/wp-content/uploads/2026/01/szkolenia-02.webp); background-size: cover; background-position: center center;} .szkolenia-moduly { display: grid; gap: 30px; margin-bottom:30px; } .szkolenia-moduly .item { display: flex; flex-direction: column; align-items: center; text-align: center;padding: 48px 35px; background:#56C5C5;} .szkolenia-moduly h2 {font-weight:600;} .wspolpraca-kroki { display: grid; gap: 30px; margin-bottom:30px; counter-reset: section;} .wspolpraca-kroki .item { display: flex; flex-direction: column; align-items: center; text-align: center;padding: 48px 35px; background:#56C5C5;position: relative;} .wspolpraca-kroki h2 {font-weight:600;} .wspolpraca-kroki .item:before { counter-increment: section; content: counter(section); position: absolute; top: 0; width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; background: #F5F5F5; border-radius: 50%; font-size: 22px; font-weight: 600; font-family: "Lora", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; transform: translateY(-50%);} .wspolpraca-kroki .item a { margin-top: auto;} @media only screen and (min-width: 1921px) { :root { --flw: calc((100vw - 1430px) / 2); } } @media only screen and (min-width: 1240px) and (max-width: 1430px) { :root { --flw:calc((100vw - 1180px) / 2); } .section_wrapper, .container { max-width: 1180px; } #Footer .container { max-width: 1180px; } .posts_group.grid.col-3 { grid-template-columns: repeat(2, 1fr);} .intro { gap: 60px;} .grunty { gap: 60px;} } @media only screen and (min-width: 960px) and (max-width: 1239px) { :root { --flw:calc((100vw - 940px) / 2); } .posts_group.grid.col-3 { grid-template-columns: repeat(2, 1fr);} .section-kontakt .desc { padding: 40px var(--flw) 40px 60px; } .intro { gap: 60px;} .grunty { gap: 60px;} } @media only screen and (min-width: 768px) and (max-width: 959px) { :root { --flw:calc((100vw - 768px) / 2); } .posts_group.grid.col-3 { grid-template-columns: repeat(2, 1fr); gap:30px;} .section-related-ul.col-3 { grid-template-columns: repeat(2, 1fr); } .section-post-related .col-3 .post-related:nth-child(3n + 3) { display: none; } } @media only screen and (max-width: 959px) { #Subheader { padding: 15px 0;} .section-formularz { flex-direction: column; gap: 30px; } .form .submit-wrapper { flex-direction: column; align-items: baseline; gap: 20px;} .main-footer { flex-direction: column; text-align: center;} .about-me { flex-direction: column; gap: 30px;} .about-me .desc { padding-bottom: 0px;} .section-kontakt .image-wrapper { flex-basis: 35%;} .section-kontakt .desc { padding: 40px var(--flw) 40px 60px; } .offer-section { grid-template-columns: repeat(1, 1fr); gap: 60px;} .about-me .image-wrapper img { /* max-width: 360px; */ margin: 0 auto;} .praca-z-przekonaniami { flex-direction: column-reverse; gap: 30px;} .praca-z-przekonaniami .image-wrapper-background { height: 550px; width: 100%; flex-basis: auto;} .misja-i-wizja { grid-template-columns: repeat(1, 1fr);} .slider_header { display: flex; align-items: center; justify-content: center; gap: 60px;} .slider_header a.slick-arrow { position: relative; transform: none; margin-top: 20px; display: inline-flex; left: auto; right: auto;} .intro { flex-direction: column; gap: 30px;} .grunty { flex-direction: column; gap: 30px;} .grunty .image-wrapper-background { height: 350px; width: 100%; flex-basis: auto; } .szkolenia-moduly { grid-template-columns: repeat(1, 1fr); } .wspolpraca-kroki { grid-template-columns: repeat(1, 1fr); } } @media only screen and (max-width: 767px) { :root { --flw:0px; } h2 { font-size: 22px; line-height: 30px; } .hero-intro { max-width: 550px !important; padding-left: 33px; padding-right: 33px;} .hero-intro h1 { max-width: 320px; margin: 0 auto;} .posts_group.grid.col-3 { grid-template-columns: repeat(1, 1fr); gap:0px;} .section-related-ul.col-3 { grid-template-columns: repeat(1, 1fr); } .form .form-col { grid-template-columns: repeat(1, 1fr); gap:0px;} .section-kontakt { flex-direction: column;} .section-kontakt.center-align .desc {margin: auto !important; text-align:center; align-items:center; } .section-kontakt .desc { max-width: 550px !important; padding-left: 33px; padding-right: 33px;} .section-formularz p.tel { font-size: 32px; } .info-box { padding: 30px;} #Footer .widgets_wrapper { padding: 30px 0;} .mcb-section-22aa1f856 .section_wrapper { max-width: 100%; padding: 0px;} } @media only screen and (max-width: 480px) { }