@charset "UTF-8";
/*!
Theme Name: pismohrana-servis.hr
Theme URI: https://github.com/thinkbighub/wp-pismo
Author: the Think Big Hub
Author URI: https://github.com/thinkbighub
Template: psite
Description: Custom WordPress theme for pismohrana-servis.hr.
Requires at least: 5.7
Tested up to: 5.7
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: pismo
*/
/* Vars */
:root {
  --bs-primary: #ca3d2c;
  --bs-red: #ca3d2c;
}

/* Templates */
.entry-content p,
.entry-content ol,
.entry-content ul {
  line-height: 1.85rem !important;
  margin-bottom: 1.5rem !important;
}

.page .entry-excerpt {
  text-transform: uppercase !important;
  border-bottom: solid 10px var(--bs-primary);
}

.display-6 {
  line-height: 2.8rem !important;
}

@media only screen and (min-width: 992px) {
  .display-6 {
    line-height: 3.5rem !important;
  }
}
/* Flat content with heading and text */
.sc-float-heading h1,
.sc-float-heading h2,
.sc-float-heading h3,
.sc-float-heading h4,
.sc-float-heading h5,
.sc-float-heading h6 {
  position: relative;
  padding-left: 3.5rem;
  height: 100%;
}

@media only screen and (min-width: 992px) {
  .sc-float-heading h1::before,
.sc-float-heading h2::before,
.sc-float-heading h3::before,
.sc-float-heading h4::before,
.sc-float-heading h5::before,
.sc-float-heading h6::before {
    content: "";
    border-left: 1px solid var(--bs-primary);
    position: absolute;
    left: 18px;
    top: 1rem;
    height: calc(100% - 0.5rem);
  }

  .sc-float-heading:last-child h1::before,
.sc-float-heading:last-child h2::before,
.sc-float-heading:last-child h3::before,
.sc-float-heading:last-child h4::before,
.sc-float-heading:last-child h5::before,
.sc-float-heading:last-child h6::before {
    border-left: none;
  }
}
.sc-float-heading h1::after,
.sc-float-heading h2::after,
.sc-float-heading h3::after,
.sc-float-heading h4::after,
.sc-float-heading h5::after,
.sc-float-heading h6::after {
  content: "⬤";
  color: var(--bs-primary) !important;
  font-size: 1.5rem;
  position: absolute;
  left: 0.25rem;
  top: -0.2rem;
  line-height: 1.5rem;
}

/* Feature card */
.card-feature {
  border-bottom: 3px solid var(--bs-primary) !important;
}

.card-circle {
  background-color: var(--bs-primary) !important;
  width: 80px;
  height: 80px;
}

.card-circle::before {
  content: "";
  border-left: 1px solid var(--bs-primary);
  position: absolute;
  left: 39px;
  top: 0rem;
  height: 100%;
}

/* Sections */
.site-hero {
  color: #000 !important;
  text-align: start !important;
  align-items: flex-end !important;
  padding-bottom: 1rem !important;
}

hr.section-divider {
  border-bottom: 10px solid var(--bs-primary);
  margin: 5rem auto;
  width: 10%;
}

.list-benefits {
  background: linear-gradient(90deg, #FFFFFF 95%, #F4D8D5 5%);
  background-size: 100%;
}

.list-benefits li {
  margin-bottom: 1.2rem !important;
}

.list-benefits li:before {
  content: "✓";
  margin: 0 5px 0 -15px;
  color: var(--bs-primary);
  font-weight: bold;
}

/* Header */
.site-navbar {
  padding-top: 30px !important;
  padding-bottom: 29px !important;
}

@media only screen and (min-width: 992px) {
  .site-navbar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .site-navbar .collapse.navbar-collapse .nav-link {
    font-weight: 600 !important;
    padding-top: 34px !important;
    padding-bottom: 33px !important;
  }

  .site-navbar .navbar-collapse .nav-item.active {
    border-bottom: 3px solid var(--bs-primary) !important;
  }
}
/* Footer */
.site-footer {
  color: #fff !important;
  background-color: var(--bs-primary) !important;
  font-size: 14px !important;
}

.site-footer .nav-link {
  color: #fff !important;
  font-size: 14px !important;
  padding-left: 8px !important;
  padding-left: 8px !important;
}

/* Custom colors - redscale */
.bg-red-100 {
  background-color: #F4D8D5;
}

.bg-red-200 {
  background-color: #eab1ab;
}

.bg-red-300 {
  background-color: #df8b80;
}

.bg-red-400 {
  background-color: #D56456;
}

.bg-red-500 {
  background-color: var(--bs-red);
}

.bg-red-600 {
  background-color: #a23123;
}

.bg-red-700 {
  background-color: #79251a;
}

.bg-red-800 {
  background-color: #511812;
}

.bg-red-900 {
  background-color: #280c09;
}

/*# sourceMappingURL=style.css.map */