:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    
    --bs-body-bg: #ffffff;
    --bs-gray: #6c757d;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-success: #00c853;
    --bs-success-lighter: #00d057;
    --bs-info: #0076FF;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
}


:root {
    --bs-primary: #0d6efd; 
    --bs-primary-bg: #ffffff; 
    --bs-primary-text: #212529;
    --bs-secondary-bg: #eeeeee; 
    --bs-secondary-text: #212529; 
    --bs-accent: #07c152; 
    --bs-footer-bg: #ffffff; 
    --bs-footer-text: #212529; 
    
    --bs-preloader-second: #f21559; 
    --heading-prices-choose: #d63384;
    --bs-delete-lighter: #ff5e85;
    
    --bs-primary-lighter: #6AA4FF;
    --bs-primary-darker: #004CCB;
    --bs-secondary-lighter: #eeeeee;
    --bs-secondary-darker: #eee;
    --bs-primary-bg-lighter: #ffffff;
    --bs-primary-bg-darker: #f9f8fa;
    --bs-secondary-bg-lighter: #fff;
    --bs-secondary-bg-darker: #15161b;
    --bs-success-lighter: #00d057;
    --bs-accent-lighter: #00d057;
    --bs-gray: #6c757d;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-success: #00c853;
    --bs-info: #0076FF;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    
    --bs-body-color: #212529;
    --ip-btn-primary-background: #0d6efd;
    --ip-btn-primary-text: #ffffff;
    --ip-radio-primary-background: #ffffff;
    --ip-radio-primary-text: #212529;
    --ip-radio-primary-border: #0d6efd;
    --ip-radio-checked-background: #0d6efd;
    --ip-radio-checked-text: #ffffff;
    --ip-prices-chosen-background: #f9f8fa;
    --ip-prices-btn-color-text: #ffffff;
    --ip-prices-btn-secondary-background: #00d057;
    --ip-modal-primary-background: #ffffff;
    
    --ip-header-main-bg: #ffffff; 
    --ip-product-icons-text-color: #212529;
    --ip-header-menu-text-color: #6c757d;
    --ip-header-menu-text-color-active: #0d6efd;
    --ip-product-tab-list-nav-link-color: #212529;
    --ip-product-tab-list-nav-link-color-active: #0d6efd;
    --ip-btn-outlined-background: #ffffff;
    --ip-btn-outlined-text: #0d6efd;
    --ip-btn-outlined-secondary-background: #ffffff;
    --ip-btn-outlined-secondary-text: #0d6efd;
    --ip-product-icons-background-color: #ffffff;
    --ip-banner-text: #212529;
    --ip-input-text: #212529; 
    --ip-input-background: #ffffff; 
    --ip-carousel-button-color: #0d6efd;
    --ip-border-radius-boxes: 8px;
    --ip-border-radius-buttons: 50px;
    --ip-border-radius-inputs: 16px;
    --ip-box-shadow-boxes: 0 3px 24px rgba(0, 0, 0, .09);
    --page-max-width: 1200px; 
    --base-font-size: 16px; 
    --base-font-family: 'Arial', sans-serif; 
    --heading-font-family: 'Roboto', sans-serif; 
    --product-box-size: 250px; 


    
    --ip-icon-primary-1: #7f6eff;
    --ip-icon-primary-2: #7e37ff;
    --ip-icon-primary-3: #7c00ff;
    --ip-icon-primary-4: #6120de;
    --ip-icon-primary-5: #4300c4;

    --ip-icon-primary-accent: #f5a8f5;

    --ip-icon-secondary-1: #fff;
    --ip-icon-secondary-2: #f3f3f3;
    --ip-icon-secondary-3: #e9e9e9;
    --ip-icon-secondary-4: #e4e4e4;
    --ip-icon-secondary-5: #ccc;

    --ip-icon-eco-1: #f4e3d3;
    --ip-icon-eco-2: #f4e0ce;
    --ip-icon-eco-3: #dbccbd;

    --ip-icon-darkest: #3a3a3a;
}


:root {
    --bs-primary: #fdeb1b;
    --bs-primary-bg: #ffffff;
    --bs-primary-text: #212529;
    --bs-secondary-bg: #eeeeee;
    --bs-secondary-text: #212529;
    --bs-accent: #f6b013;
    --bs-footer-bg: #2b2a29;
    --bs-footer-text: #b4bbc2;
    --bs-preloader-second: #f21559;
    --heading-prices-choose: #d63384;
    --bs-delete-lighter: #ff5e85;
    --bs-primary-lighter: #FFF154FF;
    --bs-primary-darker: #f6b013;
    --bs-secondary-lighter: #eee;
    --bs-secondary-darker: #eee;
    --bs-primary-bg-lighter: #ffffff;
    --bs-primary-bg-darker: #f9f8fa;
    --bs-secondary-bg-lighter: #fff;
    --bs-secondary-bg-darker: #15161b;
    --bs-success-lighter: #FFF154FF;
    --bs-accent-lighter: #FFF154FF;
    --bs-gray: #6c757d;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-success: #00c853;
    --bs-info: #0076FF;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-body-color: #212529;
    --ip-btn-primary-background: #fdeb1b;
    --ip-btn-primary-text: #2b2a29;
    --ip-radio-primary-background: #ffffff;
    --ip-radio-primary-text: #212529;
    --ip-radio-primary-border: #fdeb1b;
    --ip-radio-checked-background: #fdeb1b;
    --ip-radio-checked-text: #ffffff;
    --ip-prices-chosen-background: #f9f8fa;
    --ip-prices-btn-color-text: #ffffff;
    --ip-prices-btn-secondary-background: #FFF154FF;
    --ip-modal-primary-background: #ffffff;
    --ip-header-main-bg: #2b2a29;
    --ip-product-icons-text-color: #212529;
    --ip-header-menu-text-color: #b4bbc2;
    --ip-header-menu-text-color-active: #fdeb1b;
    --ip-product-tab-list-nav-link-color: #212529;
    --ip-product-tab-list-nav-link-color-active: #fdeb1b;
    --ip-btn-outlined-background: #ffffff;
    --ip-btn-outlined-text: #fdeb1b;
    --ip-btn-outlined-secondary-background: #ffffff;
    --ip-btn-outlined-secondary-text: #fdeb1b;
    --ip-product-icons-background-color: #ffffff;
    --ip-banner-text: #212529;
    --ip-input-text: #212529;
    --ip-input-background: #ffffff;
    --ip-carousel-button-color: #fdeb1b;
    --ip-border-radius-boxes: 3px;
    --ip-border-radius-buttons: 3px;
    --ip-border-radius-inputs: 3px;
    --ip-box-shadow-boxes: 0 3px 24px rgba(0, 0, 0, .09);
    --page-max-width: 1200px;
    --base-font-size: 16px;
    --base-font-family: 'Arial', sans-serif;
    --heading-font-family: 'Roboto', sans-serif;
    --product-box-size: 250px;
}
/* global*/
p {
    font-size: 1rem;
}

h1 {
    font-size: 1.375rem;
}

h2 {
    font-size: 1.175rem;
}

h3, h4 {
    font-size: 1rem;
}
.ip-btn-primary * {
    color: #2b2a29 !important;
}

.ip-btn-success {
    background: var(--bs-primary) !important;
    border: none !important;
    color: #2b2a29 !important;
}
.ip-btn-success:hover {
    background: var(--bs-primary-lighter) !important;
    border: none !important;
    color: #2b2a29 !important;
}
.btn svg path {
    fill: #2b2a29 !important;
}

.popup .form .form-element button {
    color: #2b2a29 !important;
    border-radius: var(--ip-border-radius-buttons) !important;
}
.ui-state-error {
    background: none; 
    color: var(--bs-danger);
    border-radius: 15px;
    text-align: center;
}
.ui-state-error p {
    margin-bottom: 0;
}

.ip-text-blue {
    color: var(--bs-primary);
}

#pageFix {
    background: white;
}

@media screen and (min-width: 999px) {
    #body > .container > .row {
        padding: 20px;
    }
}

/*end global*/


/* header */
.headerWrapper {
    background: var(--ip-header-main-bg) !important;
}

.ip-btn-outlined {
    color: var(--ip-btn-outlined-text) !important;
    background: none !important;
    border: none !important;
}

#searchPrintingHouse, .headerNavbar .form-control,  #headerMain #searchBar input {
    background: #444444 !important;
    border: none !important;
}

.ip-btn-outlined-border-secondary, .ip-btn-outlined-secondary {
    color: var(--ip-btn-outlined-secondary-text) !important;
    background: #444444 !important;
    border-color: var(--ip-btn-outlined-secondary-text) !important;
    border: none !important;
    height: 44px !important;
}
.btn svg #cart-plus path, .ip-btn-outlined-secondary svg.ip-svg-primary-path-fill path {
    fill: var(--bs-primary) !important;
}

.rounded-pill {
    border-radius: 3px !important;
}
.cartCounter {
    top: 36px !important;
    left: 44px;
    border-radius: 50rem !important;
    z-index: 100;
    font-size: 11px !important;
    width: 20px;
    height: 19px;
}

.menu-ul.mobile-top-menu.mobile.opened {
    background: #444444;
}
ul#main-top-menu > li > a {
    padding: 0px 30px 10px 15px !important;
    font-size: 12px !important;
    line-height: 12px !important;
}
/*end header*/

/* footer*/
#footer h2 {
    color: #ffffff;
}
#footer p, #footer label {
    color: #b4bbc2;
}
#footer-menu-container label p, 
#footer-menu-container h6, 
p.footer-label {
    color: #ffffff;
    font-size: 14px;
    font-weight: 500 !important;
}

p.footer-label {
    padding-bottom: 0;
}

#footer-menu-container a, .kontakt-footer li {
    font-size: 12px;
    font-weight: 300;
    line-height: 28px;
    display: block;
    border-bottom: 1px solid #4b4b4b;
    color: #b4bbc2;
}
#footer-menu-container h3 {
    font-size: 16px;
}
#footer-menu-container .footer-list-element {
     padding-top: 0px;
}

#accordion-tab_produkty {
    display: none;
}

.kontakt-footer {
    margin: 6px 0 0;
}

#footer .email {
    background: #444444;
}

#copyrights-in {
    display: flex;
    justify-content: center;
}

#copyrights a:before, #copyrights a:after{
    color: #b4bbc2 !important;
}
@media screen and (min-width: 1268px) {
    .footer-menu-container-class {
        max-width: 100% !important;
    }
}

 @media screen and (min-width: 768px) {
    #accordion-tabs-main > div {
        width: 16.666666%;
    }
    #footer-menu {
        width: 83.333333%;
        display flex;
        justify-content: space-around;
    }
    #footer-menu > .col-6 {
        flex: unset;
        width: unset;
    }
    #accordion-tabs-main > div > .col-xl-12 {
        flex-direction: column;
    }
    #accordion-tabs-main > div > .col-xl-12 > .col{
        width: 100%;
    }
 }

 /*end footer*/
 
 
 /*home page*/
.controller-layout_start .container-fluid.secondary-background-color, 
.controller-layout_produkty {
    background: white;
}
.svg-holding-block img {
    max-height: 270px;
    max-width: 270px;
    width: 100%;
}

.svg-holding-block {
    border: none !important;
}

.product-box-single {
    background: none;     
 }


#accordionExample .accordion-button:not(.collapsed) {
    color: var(--bs-text-primary) !important;
}

#accordionExample .accordion-button {
    text-align: left !important;
}
@media screen and (max-width: 768px) {
    #accordionExample .custom-svg {
        display: none !important;
    }
}
@media screen and (min-width: 1199px) {
    .controller-layout_start #main{
        display: flex;
 }
    #productsTabList {
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #ddd !important;
  }
    .gradient-wrap.overflowing{
      width: 25%;
  }
    .gradient-wrap.overflowing:before,
    .gradient-wrap.overflowing:after {
      display: none;
  }
  #productsTabList .nav-item {
        font-size: 14px;
        position: relative;
        display: block;
        margin-bottom: -1px;
        border: 1px solid #ddd;
  }
  
  #productsTabList .nav-item button, 
  #productsTabList .nav-item a {
        color: #999999 !important;
        font-weight: 500 !important;
        text-decoration: none;
        padding: 7px 15px;
        display: flex;

  }
          
  #productsTabList li .active {
        border: none !important;
        background: var(--bs-primary) !important;
        color: var(--ip-header-main-bg) !important;
        width: 100%;
        text-align: left;
    }
  #productsTabList li:hover{
      background: var(--bs-primary-lighter);
  }
  
  .product-tag-category {
      display: flex;
      align-items: flex-start;
  }
  
  .product-tag-category .d-flex {
        width: 100%;
  }
  
 }

@media screen and (max-width: 548px) {
    .box.prodbox {
        margin: 5px;
    }
}
 
 /* end home page */
 
 /* sticky bar*/
 #buttonBar {
    background: #434343 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
 }
 #buttonBar .fs-14px span {
     color: #b4bbc2;
 }
 
 #smartsupp-widget-container > div {
     bottom: 80px !important;
 }
 /* end sticky bar */
 
 /* contact */
 .samples-intro-bg {
    display: none !important;
}
.contact-wrap {
    float: none !important; 
    width: 100%;
}
.contact-inner, .contact-item {
    display: flex !important;
}

.contact-inner .col-lg-12 {
    width: 50% !important;
}

.contact-inner > div:nth-of-type(3){
    display: flex !important;
    width: 100% !important;
}
.contact-row {
    width: 100%;
    display: flex;
    border-top: 1px solid #eee;
    padding-top: 25px;
}
.contact-row > div {
    width: 33.33333%;
}
.contact-row .tel-icon, .contact-row .email-icon, .contact-row .home-icon {
    position: relative;
    display: flex;
    gap: 5px;
}
.contact-row p {
    margin-bottom: 0.5rem;
}

.contact-row .tel-icon:before {
    background-image: url(https://sklep.grafores.com.pl/layouts/grafores4/images/phone-icon-grey.png);
}
.contact-row .email-icon:before {
    background-image: url(https://sklep.grafores.com.pl/layouts/grafores4/images/envelope-icon-grey.png);
}
.contact-row .tel-icon:before, .contact-row .email-icon:before, .contact-row .home-icon:before {
    content: '';
    width: 20px;
    height: 24px;
    left: 0;
    top: -2px;
    display: block;
    background-position: center left;
    background-repeat: no-repeat;
}
.contact-row h5 {
    font-size: 16px;
    color: #2b2b29;
    margin-top: 25px;
}

.mapWrap {
    width: 100% !important;
}
/* end contact */


/*basket*/
.page-container > cart-order-group-steps > #buttonBar {
    background: none;
}

#cartPage .nav-sections svg path {
    fill: #ddd;
}

#cartPage .nav-sections p {
    color: #ddd;
}

#cartPage .ip-text-blue {
    color: #000000;
}
/*end baket*/

/* product view*/
@media screen and (min-width: 1240px) {
    .widok-wrapper {
        padding-left: 50px !important;
        /*padding-right: 50px !important;*/
    }
}
/*end prioducrt view*/