/*
Theme Name: NC4WP
Author: Łukasz Brillowski
Version: 0.1
*/
@import url("//cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.min.css");
@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800&subset=latin-ext&display=swap');
@import url('//fonts.googleapis.com/css?family=Roboto:300,400,500,600,700,800&subset=latin-ext&display=swap');
@import url('//fonts.googleapis.com/css?family=Overpass:300,400,500,600,700,800&subset=latin-ext&display=swap');
@import url('//fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&display=swap');


body{font-family:'Overpass', sans-serif !important;color:#555753 !important;background:#fff !important;}

a{color:#29292b;text-decoration: none !important;}
h1,h2,h3,h4,h5,h6{font-weight:300 !important;}
.text-red{color:#e1393b !important}
i.text-red{color:#e1393b}

.container p a{color:#e1393b !important}
.container p a:hover{color:#454545 !important}

.text-justify{text-align:justify}

nav.navbar a{text-transform: uppercase;font-weight: bold;}
nav.navbar a:hover{color:#e1393b}

nav.navbar li.active a{color:#e1393b}

.nc4wp-posts h2{color:#454545}
.nc4wp-posts h2:hover{color:#e1393b}

x.nc4wp-posts .nc4wp-posts-image:hover{opacity:0.9 !important}

/* [1] The container */
.img-hover-zoom {
    max-height: 320px; /* [1.1] Set it as per your need */
    min-height: 320px;
    overflow: hidden; /* [1.2] Hide the overflowing of child elements */
  }
  
  /* [2] Transition property for smooth transformation of images */
  .img-hover-zoom img {
    xobject-position: center center !important;
    object-fit: cover;
    transition: transform .5s ease;
    max-height: 320px; 
    min-height: 320px;

    max-width:100%; 
    min-width:100%;
  }
  
  /* [3] Finally, transforming the image when container gets hovered */
  .img-hover-zoom:hover img {
    transform: scale(1.1);
  }

/* The Image container */
x.img-hover-zoom {
    max-height: 320px; /* Modify this according to your need */
    min-height: 320px;
    overflow: hidden; /* Removing this will break the effects */
  }

/* Quick-zoom Container */
.img-hover-zoom--quick-zoom img {
    transform-origin: 0 0;
    transition: transform .25s, visibility .25s ease-in;
  }
  
  /* The Transformation */
  .img-hover-zoom--quick-zoom:hover img {
    transform: scale(1.4);
  }

.nc4wp-tags a{color:#e1393b}
.nc4wp-tags a:hover{color:#454545}

.nc4wp-sidebarblog{color:#7e7e7e;}
.nc4wp-sidebarblog h2{color:#454545;}




.nc4wp-post-title{background-size:cover !important;box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.7)}
.nc4wp-post-title{color:#fff;text-shadow:0 1px rgba(0,0,0,0.4)}
.nc4wp-post-title p{font-weight:300 !important}

.nc4wp-authorbox{border-top:1px solid rgba(0,0,0,0.2);border-bottom:1px solid rgba(0,0,0,0.2)}

.nc4wp-authorbox xh2{position:relative}
.nc4wp-authorbox p.h3:after, .nc4wp-authorbox p.h2:after, .nc4wp-border:after{content: '' !important;
    xposition: absolute;
    display: block;
    margin-top:2px;
    width: 25px;
    height: 2px;
  
    background: #e1393b;
}
.nc4wp-authorbox p.h3 a{color:#454545 !important}

.nc4wp-contact .col-12:first-of-type{background:#e1393b}

.nc4wp-post-content a{color:#e0393b}
.nc4wp-post-content a:hover{color:#454545}

.nc4wp-topbar{background:#1b1b1b;color:#fff;}
.nc4wp-topbar a{color:#fff}
.nc4wp-topbar a:hover{color:rgb(142, 142, 142)}
.nc4wp-topbar i{color:#e1393b}

.nc4wp-mediaicons i{background:rgb(54, 54, 54);color:#fff;border-radius:5px;height:2100px !important}
.nc4wp-mediaicons i:hover{background: #e1393b;}



/* frontpage */
.info-foto{border:3px solid rgba(255, 255, 255, 0.1);box-shadow:-10px -10px 0 1px rgba(225, 57, 59,1), 10px 10px 0 1px #1b1b1b}
.nc4wp-info{text-shadow:0 1px rgba(0,0,0,0.3)}
.nc4wp-info .bg-danger{color:#fff;background:#e1393b !important}

.nc4wp-info2 .h2{font-weight:300}
.nc4wp-info2 .h2:hover{color:#e1393b}
.nc4wp-info2 i{color:#e1393b}

.nc4wp-info2 a:first-of-type{color:#545753 !important}
.nc4wp-info2 a a{color:#e1393b !important}

.nc4wp-info2 p{color:#545753}

.btn.btn-danger{color:#fff !important}


.xx1 .accordion-button{background:#1b1b1b !important;color:#fff}
.xx1 *{color:#fff !important}

.nc4wp-faq .nav-link{color:#000}
.nc4wp-faq .nav-link:hover{color:#e1393b}
.nc4wp-faq .nav-link.active{background:#e1393b !important;border-radius:0}

.nc4wp-posts-image{background-position:center center !important;background-size:cover !important;width:100%;height:300px}
.nc4wp-posts-image img{height:300px}

a.nc4wp-link{color:#e1393b}
a:hover.nc4wp-link{color:#555753;}


footer.nc4wp{background:#111111;color:#f8f8f8}
.nc4wp-footernav{background:#1b1b1b;color:#f8f8f8}
.nc4wp-footernav p{color:#868686}

footer.nc4wp a{color:#e1393b}
.nc4wp-footernav a{color:#b1b1b1}
.nc4wp-footernav a:hover{color:#e1393b}


.breadcrumb a:first-of-type{color:#1c1c1c}
.breadcrumb a{color:#e0393b}
.breadcrumb a:hover{color:#555753}

.nc4wp-pagination a, .nc4wp-pagination a:hover{color:#555753}
.nc4wp-pagination .active{background:#e1393b !important;border-color:#e1393b !important}
.nc4wp-pagination .page-link.dots{color:#555753}

.wpsm_panel-group{text-align:justify;border:1px solid #DEE2E6;}
.wpsm_panel-heading *{color:#545753 !important}
.wpsm_panel-title {font-weight: 500 !important;border-bottom:1px solid #DEE2E6}
.wpsm_panel-group li{margin:0 !important;}
.wpsm_panel-group .wpsm_panel-heading{padding:0 !important;}
.wpsm_panel-group .wpsm_panel-heading a{background:#fff;border:1px solid #E8E8E8 !important;border:0 !important;}
.wpsm_panel.wpsm_panel-default{margin:0 !important;border:0 !important;border-radius:0 !important;}
.wpsm_panel .wpsm_panel-body{color:#5c5d5c !important;}
.wpsm_panel .acc-a .ac_title_class{color:#e1393b !important}
.wpsm_panel a{color:#e1393b !important}
.wpsm_panel-body p{color:#5c5d5c !important;}
#ez-toc-container{width:100% !important;border:0 !important}

.nc4wp-pp{font-family: 'Cardo';}
.nc4wp-pp h1{font-style: italic;}

.nc4wp-maps .nav-link{background:#9D9D9D !important;color:#282828 !important;}
.nc4wp-maps .nav-link.active{background:#444444 !important;color:#fff !important;}
.nc4wp-maps button{border-radius:0 !important;border:0 !important}

.nc4wp-content a{color:#e1393b !important}
.nc4wp-content a:hover{color:#5c5d5c !important}

.nc4wp-terms li.active{background: #e1393b;border:0}
.nc4wp-terms li.active a{color:#fff !important;text-shadow:0 1px rgba(0,0,0,0.3)}

.products li{padding:10px !important;border:1px solid rgba(0,0,0,0.2)}
.products li a{color:#5c5d5c !important}
.products li a:hover{color:#e1393b !important}


.nc4wp-footer-lists a{color:#fff}


footer .nc4wp-footer-social a{color:#fff;}
footer .nc4wp-footer-social a:hover{color:#e1393b}

.wp-block-quote{padding:0; padding:7px;text-align:center;font-style:italic;font-size:18px !important;border:1px solid #545753 !important;border-left:7px solid #545753 !important}
.wp-block-quote p{margin:0;padding:0;}

.nc4wp-content p{text-align: justify;}








































@media (max-width: 767px) {
  .nc4wp-lk .carousel-inner .carousel-item > div {
      display: none;
  }
  .nc4wp-lk .carousel-inner .carousel-item > div:first-child {
      display: block;
  }
}

.nc4wp-lk .carousel-inner .carousel-item.active,
.nc4wp-lk .carousel-inner .carousel-item-next,
.nc4wp-lk .carousel-inner .carousel-item-prev {
  display: flex;
}

@media (min-width: 768px) {
  
  .nc4wp-lk .carousel-inner .carousel-item-end.active,
  .nc4wp-lk .carousel-inner .carousel-item-next {
    transform: translateX(25%) !important;
  }
  
  .nc4wp-lk .carousel-inner .carousel-item-start.active, 
  .nc4wp-lk .carousel-inner .carousel-item-prev {
    transform: translateX(-25%) !important;
  }
}

.nc4wp-lk .carousel-inner .carousel-item-end,
.nc4wp-lk .carousel-inner .carousel-item-start { 
transform: translateX(0) !important;
}