.comments-area a,.page-content a{text-decoration:underline}.alignright{float:right;margin-left:1rem}.alignleft{float:left;margin-right:1rem}.aligncenter{clear:both;display:block;margin-inline:auto}.alignwide{margin-inline:-80px}.alignfull{margin-inline:calc(50% - 50vw);max-width:100vw;overflow-x:hidden;width:100vw}.alignfull img{width:100%}.wp-caption{margin-block-end:1.25rem;max-width:100%}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{display:block;margin-inline:auto}.wp-caption-text{margin:0}.gallery-caption{display:block;font-size:.8125rem;line-height:1.5;margin:0;padding:.75rem}.pagination{display:flex;justify-content:space-between;margin:20px auto}.sticky{display:block;position:relative}.bypostauthor{font-size:inherit}.hide{display:none!important}.post-password-form{margin:50px auto;max-width:500px}.post-password-form p{align-items:flex-end;display:flex;width:100%}.post-password-form [type=submit]{margin-inline-start:3px}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#333;display:block;font-size:1rem;height:auto;left:5px;line-height:normal;padding:12px 24px;text-decoration:none;top:5px;width:auto;z-index:100000}.post .entry-title a{text-decoration:none}.post .wp-post-image{max-height:500px;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:991px){.post .wp-post-image{max-height:400px}}@media(max-width:575px){.post .wp-post-image{max-height:300px}}#comments .comment-list{font-size:.9em;list-style:none;margin:0;padding:0}#comments .comment,#comments .pingback{position:relative}#comments .comment .comment-body,#comments .pingback .comment-body{border-block-end:1px solid #ccc;display:flex;flex-direction:column;padding-block-end:30px;padding-block-start:30px;padding-inline-end:0;padding-inline-start:60px}#comments .comment .avatar,#comments .pingback .avatar{border-radius:50%;left:0;margin-inline-end:10px;position:absolute}body.rtl #comments .comment .avatar,body.rtl #comments .pingback .avatar,html[dir=rtl] #comments .comment .avatar,html[dir=rtl] #comments .pingback .avatar{left:auto;right:0}#comments .comment-meta{display:flex;justify-content:space-between;margin-block-end:.9rem}#comments .comment-metadata,#comments .reply{font-size:11px;line-height:1}#comments .children{list-style:none;margin:0;padding-inline-start:30px;position:relative}#comments .children li:last-child{padding-block-end:0}#comments ol.comment-list .children:before{content:"↪";display:inline-block;font-size:1em;font-weight:400;left:0;line-height:1;position:absolute;top:45px;width:auto}body.rtl #comments ol.comment-list .children:before,html[dir=rtl] #comments ol.comment-list .children:before{content:"↩";left:auto;right:0}@media(min-width:768px){#comments .comment-author,#comments .comment-metadata{line-height:1}}@media(max-width:767px){#comments .comment .comment-body{padding:30px 0}#comments .children{padding-inline-start:20px}#comments .comment .avatar{float:left;position:inherit}body.rtl #comments .comment .avatar,html[dir=rtl] #comments .comment .avatar{float:right}}.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{margin-inline-end:auto;margin-inline-start:auto;width:100%}@custom-media --hello-screen-xs-and-below (width < 576px);@custom-media --hello-screen-xs-and-above (width >= 576px);@custom-media --hello-screen-xs-only (0 <= width < 576px);@custom-media --hello-screen-sm-and-below (width < 768px);@custom-media --hello-screen-sm-and-above (width >= 768px);@custom-media --hello-screen-sm-only (576px <= width < 768px);@custom-media --hello-screen-md-and-below (width < 992px);@custom-media --hello-screen-md-and-above (width >= 992px);@custom-media --hello-screen-md-only (768px <= width < 992px);@custom-media --hello-screen-xl-and-below (width < 1200px);@custom-media --hello-screen-xl-and-above (width >= 1200px);@custom-media --hello-screen-xl-only (992px <= width < 1200px);@media(max-width:575px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{padding-inline-end:10px;padding-inline-start:10px}}@media(min-width:576px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:500px}.site-footer.footer-full-width .footer-inner,.site-header.header-full-width .header-inner{max-width:100%}}@media(min-width:768px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:600px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:992px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:800px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:1200px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:1140px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}.site-header+.elementor{min-height:calc(100vh - 320px)}


#fronthero{
    min-height:100vh;

    background:url("https://magicprojects.pl/wp-content/uploads/2026/08/cover-magic-projects.webp") center center / cover no-repeat;
}

.csshadow {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

#consultation-btn .elementor-button-icon {font-size: 31px !important; position:relative; top: -5px !important;}
.dialog-lightbox-widget-content {border-radius: 30px !important;}
#consultation-btn .elementor-button{
    position: relative;
    overflow: visible;
}

#consultation-btn .elementor-button::after{
    content: "";
    position: absolute;

    width: 12px;
    height: 12px;

    background: #22c55e;
    border-radius: 50%;

    top: -6px;
    right: -20px;

    animation: consultationPulse 1.8s infinite;
}

@keyframes consultationPulse{
    0%{
        box-shadow: 0 0 0 0 rgba(34,197,94,.6);
    }
    70%{
        box-shadow: 0 0 0 12px rgba(34,197,94,0);
    }
    100%{
        box-shadow: 0 0 0 0 rgba(34,197,94,0);
    }
}


.cl {color: #f07e19 !important;}

.boxf h3 {font-weight: bold !important;}
.boxf {
  position: relative;
  bottom: 40px;
  left: 40px;
  max-width: 500px !important;
}

/* pomarańczowy "cień" */
.boxf::before {
  content: "";
  position: absolute;
  inset: 0;
  background: orange;

  transform: translate(-15px, 15px); /* lewo + dół */
  z-index: 1;
}

/* właściwy czarny box */
.boxf::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #111;
  z-index: 2;
}

/* treść NAJWYŻEJ */
.boxf > * {
  position: relative;
  z-index: 3;
  color: white;
}

#bloglist {}


.elementor-slideshow__title {display:none !important;}

.catoffer img {width: 100%; height: 270px !important; display:block; margin: 0px auto !important; object-fit:cover !important;}
.catofferfront img {width: 100%; height: 320px !important; display:block; margin: 0px auto !important; object-fit:cover !important;}

/* footer */

.tf {color: #fff !important; font-size: 1.2em !important; margin-bottom: 15px !important; display:block; width: 100%;}
.navb {list-style:none !important; padding: 0px !important; margin: 0px 0px 30px 0px !important; display:inline-block;}
.navb li {display:inline-block; margin-bottom: 10px !important; width: 100%; color: #fff !important;}
.navb li a {color: #fff !important; font-weight: 500 !important;}
.navb li a:hover {color: #f07b16 !important;}
#f2 {max-width: 124px; margin: 0px auto !important;}
#f3 {max-width: 275px; margin: 0px auto !important;}
#f4 {max-width: 220px; margin: 0px auto !important;}


#wpisblog h2, #wpisblog h3 {font-size: 23px !important; font-weight: bold;}

@media (max-width: 767px) {
    .mobile-break {
        display: block;
    }
}


@media all and (max-width: 767px) { 

#navtop .elementor-menu-toggle {position: relative !important;}
#navtop nav.elementor-nav-menu--dropdown {z-index: 9999 !important; position:absolute !important; top: 20px !important; right: 0px !important; min-width: 225px !important;}   
#f1 {max-width: 100% !important; margin: 0px auto !important; text-align: center !important;}
#f2 {max-width: 100% !important; margin: 0px auto !important; text-align: center !important;}
#f3 {max-width: 100% !important; margin: 0px auto !important; text-align: center !important;}
#f4 {max-width: 100% !important; margin: 0px auto !important; text-align: center !important;}
#navb li {display:block; width: 100% !important; text-align: center !important; margin-bottom: 2px !important;}
#navb li a {display:block; width: 100% !important; text-align: center !important; font-size: 13px !important;}
#pagec h2, #pagec h3 {font-size: 26px !important;}
#pagec ul {padding-left: 20px !important;}
}

@media all and (min-width: 768px) {
#fronthero {padding-left: 50px !important; padding-right: 50px !important;}
.titlef h2, .titlef h3, .titlef h1 {font-size: 35px !important;}	
}

@media all and (min-width: 1200px) {
#fronthero {padding-left: 50px !important; padding-right: 50px !important;}
.titlef h2, .titlef h3, .titlef h1 {font-size: 45px !important;}	
}

@media all and (min-width: 1300px) {
#fronthero {padding-left: 50px !important; padding-right: 50px !important;}
.titlef h2, .titlef h3, .titlef h1 {font-size: 40px !important;}	
}


@media all and (min-width: 1680px) {
#fronthero {padding-left: 240px !important; padding-right: 240px !important;}
.titlef h2, .titlef h3, .titlef h1 {font-size: 50px !important;}	
}