﻿/* Conen Digital: contrast and presentation fixes scoped to this demo. */
:root { --conen-accent: #b42338; --conen-ink: #25262b; }
body, p { color: #535353; }
.main-title h5, .color-summer-sky, .price_title h4,
.pricing-item .price_title h4, .work-filters .active { color: var(--conen-accent); }
.meta-tags li, .meta-tags li a, .meta-tags li i,
.color-light-grey2, .color-vlight-grey, .copyrights, .copyrights a { color: #595959; }
.btn-summer-sky, .bg-summer-sky, .side-menu,
.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav .nav-link:hover,
.btn-hvr-summer-sky .btn-hvr-effect { background-color: var(--conen-accent); }
.btn-summer-sky { border-color: var(--conen-accent); color: #fff; }
.btn-summer-sky:hover, .btn-summer-sky:focus { color: #fff; }
.btn-hvr-setting-main .btn-hvr-effect { background-color: #18191d; }
.btn-black .btn-hvr-effect { background-color: var(--conen-accent); }
.col-video p, .col-video h2 { color: #fff; }
#home .bg-overlay.bg-gradient {
    background: radial-gradient(ellipse at 50% 51%, rgba(27,19,24,.45) 0%, rgba(47,22,29,.35) 34%, rgba(126,31,47,.22) 70%, rgba(165,128,52,.12) 100%);
    opacity: 1;
}
#home .personal-box h2, #home .personal-box h3 { color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,.25); }
#clients .parallax1 { position: relative; }
#clients .parallax1::before {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(255,253,249,.94) 0%, rgba(255,253,249,.91) 29%, rgba(255,253,249,.28) 65%, rgba(255,253,249,.12) 100%);
    pointer-events: none;
}
#clients .parallax1 > .container { position: relative; }
#clients .font-18.color-summer-sky { color: #8f1c2d; }
#clients .testimonial-item { background: #fff; }
#clients .testimonial-item p { color: #454545; }
.portfolio .overlay, .item-img-overlay { background-color: rgba(55,24,30,.88); }
.brand-carousel .item img { width: 155px; height: 30px; object-fit: contain; opacity: 1; }
#studio-map { position: relative; overflow: hidden; min-height: 390px; }
#studio-map > img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; }
#studio-map .map-caption { position: absolute; bottom: 0; left: 0; right: 0; margin: 0; padding: 14px 18px; background: #fffdf9; color: #454545; font-size: 14px; }
.pricing-item .price h2 { font-size: clamp(32px, 3vw, 44px); white-space: nowrap; }
.pricing-item .price .month { display: block; font-size: 15px; line-height: 1.7; color: #535353; }
.form-control::placeholder { color: #626262; opacity: 1; }
.form-control { color: #333; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid #8f1c2d; outline-offset: 4px; }
#features img { border-radius: 4px; }
@media (max-width: 767px) {
    #home .personal-box h2 { font-size: 30px; line-height: 1.25; }
    #home .personal-box h3 { font-size: 23px; }
    #home .bg-overlay.bg-gradient { background: linear-gradient(180deg, rgba(39,25,29,.18), rgba(39,25,29,.45) 43%, rgba(39,25,29,.45) 78%, rgba(126,31,47,.25)); }
    #studio-map { min-height: 360px; }
}
.two-col-pricing .advanced-plan.pricing-item:hover { background: var(--conen-accent); border-color: var(--conen-accent); }
.two-col-pricing .advanced-plan.pricing-item:hover .price .month { color: #fff; }
.portfolio-two .item-img-overlay:before { background: #451c29; opacity: .92; }
.portfolio-two .item-img-overlay { background: transparent; }
.portfolio-two .filtering .active, .portfolio-two .filtering span:hover { color: var(--conen-accent); }
.news_item:hover h3 a, .meta-tags li a:hover { color: var(--conen-accent); }
.nav-radius .navbar-nav .nav-item .nav-link.active,
.nav-radius .navbar-nav .nav-item .nav-link:hover { background: var(--conen-accent); color: #fff !important; }
#home .bg-img-1 { background-image: url('../img/banner.jpg?v=conen-20261016'); }
#clients .parallax1 { background-image: url('../img/parallax.jpg?v=conen-20261016'); }
