.cl-blue {
    color: #7347ff;
}

.cl-red {
    color: #ff6b6b;
}
.cnav.blend {
     filter: invert(53%) sepia(54%) saturate(733%) hue-rotate(313deg) brightness(101%) contrast(101%);
}
.cl-panna {
    color: #fff1e4 !important;
}

.bg-blue {
    background-color: #372279;
}

.bg-panna {
    background-color: #fff1e4;
}

.bg-blue h1, .bg-blue .text {
    color: #fff1e4 !important;
}

.main-menu .menu-links ul li a {
    font-size: 2.3rem;
    line-height: 2.4rem;
}
.post-box .text-holder .title:hover, .post-box .text-holder .title:focus {
    color: #ff6b6b;
}
.main-menu .menu-links ul li a:hover, .main-menu .menu-links ul li a:focus {
    color: #ff6b6b;
}

.bg-custom {
    background-size: cover !important;
    background: url(../images/custom/bg.jpeg) center;
}

#slogan .lg-text {
    font-size: 28px;
    line-height: 42px;
}

.lg-text {
    font-size: 3.3rem;
}

.img-holder img {
    object-fit: cover;
    height: 100%;
}

.blog a {
    color: #232931 !important;
    font-family: "Special Gothic Expanded One", sans-serif !important;
    font-size: 2.3rem !important;
    line-height: 1.9rem !important;
    text-transform: initial !important;
}

.extra-lg-text {
    font-size: 3.5rem;
    line-height: 4rem;
}

.boxy h1.title {
    font-size: 3.1rem;
}

.cr-btn {
    font-size: 1rem;
}

.post-box .text-holder .title {
    font-size: 2rem;
    line-height: 1.8rem;
}
    .post-box .text-holder .text {
        font-size: 1.2rem;
        line-height: 1.6rem;
    }
footer .lg-text {
    font-size: 1.8rem;
}

.post-section .post-header .text-holder .title {
    font-size: 2.3rem;
    line-height: 2.9rem;
}
.footer .contact-info-holder .contact-info {
    font-size: 26px;
}
.footer .contact-info-holder .contact-info a {
    font-size: 26px;
}
.footer .contact-info-holder .social-media .social-link-holder a {
    font-size: 1rem;
}


.blog-section {
    max-width: 1758px;
}
.post-box {
    background-color: #fff1e4;
}


.angled-btn {
  padding: 16px 32px;
  background: transparent;
  border: 2px solid #ff6b6b;
    box-shadow: inset 0 0 0 0.10rem #ff6b6b!important;
  color: #333;
  font-size: 16px;
  cursor: pointer;

  /* due angoli arrotondati, due no */
  border-radius: 24px 0 24px 0;

  transition: all 0.3s ease;
}

.angled-btn:hover {
  background: #ff6b6b;
  color: white;
}