/*
Theme Name: DotDigital
Theme URI: http://webdesign-finder.com/dotdigital
Author: MWTemplates
Author URI: http://modernwebtemplates.com/
Description: Dotdigital - IT Agency Wordpress Theme
Version: 1.0.0
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: custom-header, left-sidebar, right-sidebar, post-formats, full-width-template
Text Domain: dotdigital
Domain Path: /languages

This theme uses great Unyson Framework to make best user experience

see css/main.css for all of the styles
*/



/* ------ Ile kosztuje strona internetowa w 2024?  ------- */
.page-id-10132 strong{
    color: #FFFFFF
    
}

#sekcja-koszty2024 .elementor-column-gap-custom{
    gap: 24px;
}
/* 
border-image-source: linear-gradient(35.22deg, rgba(255, 255, 255, 0) 33.61%, #FFFFFF 89.19%);
    border-image-slice: 1;
 */


/* .button-2024 .elementor-widget-container .elementor-button-wrapper {
    width: 196px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.07)), linear-gradient(35.22deg, rgba(255, 255, 255, 0) 33.61%, #FFFFFF 89.19%);
    padding: 1px;
    border-radius: 20px;
} */

.button-2024 .elementor-widget-container .elementor-button-wrapper .elementor-button{
    background: linear-gradient(268.91deg, #7D53F3 7.14%, #FB72DC 96.24%);

} 

.button-2024 .elementor-widget-container .elementor-button-wrapper .elementor-button:hover{
    background: #00000080;

} 

#table-of-content{
	max-height: 3440px
}



.button-2024 .elementor-button-icon {
  font-size:24px;
}

.button-2024 .elementor-widget-container .elementor-button-wrapper .elementor-button-text{
 	     display: flex;
    flex-wrap: nowrap;
    align-items: center;
}


.kolumna-2024{
    
    box-shadow: 0px 50px 100px 0px rgba(255, 255, 255, 0.15) inset;
background: #00000099;
border-radius:10px;

border: 1px solid;

border-image-source: linear-gradient(35.22deg, rgba(0, 0, 0, 0.5) 33.61%, #FFFFFF 89.19%),
linear-gradient(35.22deg, rgba(0, 0, 0, 0.5) 33.61%, #FFFFFF 89.19%);


}

.UnderPhotoText{
border-left: 2px solid white;
}

/* ------ KONTAKT ------- */

.wrapper-contact {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-contact {
  display: flex;
  position: relative;
  width: 140px;
  height: 140px;
  background-color: var( --e-global-color-f19ae22 );
  border-radius: 100%;
}

.box-contact:hover {
  cursor: pointer;
  background-color: var( --e-global-color-5a157d5 );
}

.box-contact::after {
  content: "";
  display: flex;
  position: absolute;
   top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 127px;
  height: 127px;
  border-radius: 100%;
  border: 3px solid #FFF;
}

.icon-contact {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
}

/* ------ CENNIK ------- */

.elementor-widget-price-table .elementor-price-table__features-list .elementor-price-table__feature-inner {
	display: grid;
    grid-template-columns: 9% 91%;
}

/* .elementor-element-5b54423 .elementor-repeater-item-4b32dd9 span,
.elementor-element-5b54423 .elementor-repeater-item-e0b4264 span,
.elementor-element-5b54423 .elementor-repeater-item-53d2fb3 span,
.elementor-element-5b54423 .elementor-repeater-item-ad3ef8b span,
.elementor-element-5b54423 .elementor-repeater-item-896e453 span,
.elementor-element-5b54423 .elementor-repeater-item-73baa76 span,
.elementor-element-5b54423 .elementor-repeater-item-4402068 span,
.elementor-element-5b54423 .elementor-repeater-item-f8d83c1 span,
.elementor-element-5b54423 .elementor-repeater-item-6d057e5 span,
.elementor-element-5b54423 .elementor-repeater-item-568ef1d span,
.elementor-element-5b54423 .elementor-repeater-item-4659675 span{
	text-decoration-line: line-through;
}

.elementor-element-e7e017b .elementor-repeater-item-4402068 span,
.elementor-element-e7e017b .elementor-repeater-item-f8d83c1 span,
.elementor-element-e7e017b .elementor-repeater-item-6d057e5 span,
.elementor-element-e7e017b .elementor-repeater-item-06bec1f span{
	text-decoration-line: line-through;
} */

/* ------ HEADER MENU ------- */

.menu-tel span {
    color: #FF4879;
}
/*.elementor-item.has-submenu .sub-arrow::after {*/
/*    content: url(https://pro-s.net.pl/wp-content/uploads/2022/11/arrow-down-white.svg);*/
/*    width: 15px;*/
/*    height: 15px;*/
/*}*/
.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child):after {
    border-radius: 25px;
}
.elementor-section .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li>.scroll-down, .elementor-section .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li ul {
    top: 89px !important;
    background-color: white;
}
.elementor-nav-menu--main .menu-item .sub-menu li a.elementor-sub-item {
    color: #1F2732;
    font-weight: 400;
}
.elementor-nav-menu--main .menu-item .sub-menu li a.elementor-sub-item:hover {
    background-color: #f6f6f6;
    color: #ff4879 !important;
}
/*
** Home - skasowanie slidera
*/
.page-id-8550 .page_breadcrumbs {
    display: none;
}
.page-id-8550 .intro_section.page_mainslider {
    display: none;
}

.contact-page .elementor-icon-box-description a{
    color: var( --e-global-color-text );
}
.contact-page .elementor-icon-box-description a:hover {
    color: #ff497c;
}

/* ------ CENNIK ------- */

.elementor-price-table__integer-part span {
    font-size: 30px;
}
.elementor-price-table .elementor-price-table__price .elementor-typo-excluded {
    margin-top: 15px;
}

@media (min-width: 1200px) {
    .build-process-section {
        background-image: url(https://pro-s.net.pl/wp-content/uploads/2022/11/kreski_poziome2.svg);
        background-position: 50% 39%;
        background-repeat: repeat-x;
    }
    .icons-build-process .elementor-icon::before {
        content:"";
        position:absolute;
        width: 120px;
        height: 120px;
        left: 68px;
        top: -26px;
        background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23EC3463' stroke-width='5' stroke-dasharray='17%2c 10%2c 6%2c 10' stroke-dashoffset='100' stroke-linecap='butt'/%3e%3c/svg%3e");
        background-color: white;
        border-radius: 100px;
        padding: 25px;
        transition: 2s;
    }
    #mobile-contact-wrapper {
        display:none;
    }
    /* ------ PODSTRONA KONTAKT IKONKI ------- */

    .contact-page .elementor-icon:after {
        position: absolute;
        content: '';
        border: solid 3px white;
        width: 126px;
        height: 127px;
        border-radius: 100px;
        left: 32%;
        bottom: 46%;
    }
    .contact-page .adres .elementor-icon:after {
        bottom: 63.6%;
        width: 128px;
    }
    .contact-page .telefon .elementor-icon:after {
        bottom: 52.3%;
    }
    /* ------ BLOG ------- */
    .blog #content {
        padding: 100px;
    }
    .blog aside {
        padding: 100px 100px 100px 0;
    }

    /* ------ SOCIAL RIGHT ------- */
    .sm-panel > ul > li:hover {
        transform: translateX(-105px);
        -webkit-transform: translateX(-105px);
        color: white;
    }
    .sm-panel {
        top: 40%;
        right: -110px;
    }
}
@media (max-width: 1199px) {
    /* ------ HEADER LOGO ------- */
    #header .logo.logo_image_only {
        padding: 0 15px;
    }
    #header .header_left_logo .logo img {
        max-width: 150px;
    }
    /* ------ 1 EKRAN BANNER ------- */
    .header_banner {
        background-position: 0% 0% !important;
    }
    /* ------ OPINIE KARUZELA ------- */
    .rplgsw-container.rplgsw-container-horizontal.rplgsw-container-autoheight {
        padding-bottom: 40px;
    }
    .rplg-slider .rplg-slider-prev {
        left: -10px!important;
    }
    .rplg-slider .rplg-slider-next {
        right: -10px!important;
    }
    /* ------ IKONY 4 KROKI ------- */
    .icons-build-process .elementor-icon::before {
        content:"";
        position:absolute;
        width: 120px;
        height: 120px;
        left: 33%;
        top: -26px;
        background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23EC3463' stroke-width='5' stroke-dasharray='17%2c 10%2c 6%2c 10' stroke-dashoffset='100' stroke-linecap='butt'/%3e%3c/svg%3e");
        background-color: white;
        border-radius: 100px;
        padding: 25px;
        transition: 2s;
    }
    /* ------ PODSTRONA KONTAKT IKONKI ------- */

    .contact-page .elementor-icon:after {
        position: absolute;
        content: '';
        border: solid 3px white;
        width: 128px;
        height: 128px;
        border-radius: 100px;
        left: 33%;
        bottom: 44.7%;
    }
    .contact-page .telefon .elementor-icon:after {
        bottom: 51%;
    }
    .contact-page .adres .elementor-icon:after {
        bottom: 59.4%;
        left: 33%;
    }
    /* ------ PASEK IKON KONTAKTOWYCH ------- */
    #mobile-contact-wrapper {
        display: flex;
        justify-content: space-evenly;
        width: 100%;
        height: 60px;
        position: fixed;
        bottom: 0;
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 46%), 0 2px 10px 0 rgb(0 0 0 / 42%);
        padding: 5px;
        z-index: 99;
    }
    .mobile-icons-container {
        width: 23%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        border-width: 0;
    }
    #mobile-contact-wrapper img {
        max-width: 48px;
    }
    #phone_wrapper {
        background-color: #33C96E;
    }
    #sms_wrapper {
        background-color: #FAAC30;
    }
    #email_wrapper {
        background-color: #EA2425;
    }
    #messenger_wrapper {
        background-color: #0083FE;
    }
    /* ------ SCROLL TO TOP ------- */
    #toTopHover, #toTop {
        bottom: 65px !important;
    }
    /* ------ SOCIAL RIGHT ------- */
    .sm-panel {
        top: 40%;
        right: -110px;
    }
}

.icons-build-process .elementor-icon-box-wrapper:hover .elementor-icon::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
@media (max-width: 360px) {
    /* ------ IKONY 4 KROKI ------- */
    .icons-build-process .elementor-icon::before {
        left: 30%;
    }
}
/*
** WordPress Required
*/
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-dt {
    background: transparent;
    border: 0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption .wp-caption-dt:empty {
    display: none;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    clip: auto !important;
    display: block;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

aside .widget label {
    display: none;
}

.sticky,
.bypostauthor{position: relative;}

.cookie-notice-visible {
    padding-bottom: 40px;
}

.blog #content .item-content .entry-content {
    max-height: 300px;

}

.entry-blog-adds .comment-count {
    display: none;
}
.entry-blog-adds .like-count {
    display: none;
}


/*--------------------------------------------------------------
FIXED RIGHT SOCIAL
--------------------------------------------------------------*/

.sm-panel {
    position: fixed;
    width: 155px;
    z-index: 1000000;
    transition: visibility 0.25s, opacity 0.25s;
    -webkit-transition: visibility 0.25s, opacity 0.25s;
}

.sm-panel > ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none !important;
}

.sm-panel > ul > li[class^=sm-] {
    /*background-image: none;*/
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0;
    margin: 2px 0;
}

.sm-panel > ul > li {
    transition: transform 0.25s;
    -webkit-transition: -webkit-transform 0.25s;
    margin: 0;
}



.sm-panel > ul > li > a {
    display: flex;
    align-items: center;
    color: #fff;
    padding: 5px 0 5px 5px;
    text-decoration: none;
}
.sm-panel > ul > li > a:hover {
    color: #fff;
}

.sm-panel > ul > li > a > img {
    margin: 0 10px 0 0;
    max-height: 38px;
    padding: 5px;
}

.sm-fb {
    background: #4267B2;
}

.sm-insta {
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.sm-youtube {
    background: #e32c26;
}

.sm-tiktok {
    background: #0a0a14;
}

.sm-pinterest {
    background: #0a0a14;
}
/*--------------------------------------------------------------
STOPKA
--------------------------------------------------------------*/

#stopka:after {
    content: '';
    background-color: #fff;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    width: 50%;
    height: 50px;
    position: absolute;
    top: -30px;
    right: 0;
    -webkit-transform: skewY(-3deg);
    transform: skewY(-3deg);
}
#stopka:before {
    content: '';
    background-color: #fff;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    width: 50%;
    height: 50px;
    position: absolute;
    top: -30px; 
    left: 0;
    -webkit-transform: skewY(3deg);
    transform: skewY(3deg);
}
.ikony-stopka .elementor-grid-item:nth-child(2) a {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
@media (max-width: 767px) {
    #stopka:before {
        height: 100px;
        top: -10px;
    }
    #stopka:after {
        height: 100px;
        top: -10px;
    }
}