/*
Theme Name: Best Construction Inc
Theme URI: https://bestconstructioninc.pro
Author: Hiperfluxo
Author URI: https://hiperfluxo.com
Description: Best Construction Inc 2026 Website.
Requires at least: 6.1
Tested up to: 6.9
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: bestconstructioninc
*/

/* General
-------------------------------------------------------------- */
:root{
    /* Measurements */

    /* Fonts */

    /* Colors */
    --best-main-blue: #00ADEF;
}
img {max-width: 100%; height: auto;}
body {font-family: "Inter", sans-serif; font-optical-sizing: auto;}

.btn-header {background: var(--best-main-blue); color: #FFF; text-transform: uppercase; white-space: nowrap; letter-spacing: 0.025em; font-size:0.75rem; font-weight: 600; transition: .2s ease-in-out;}
.btn-header .bi {font-size: 0.875rem;}
.btn-header:hover {background: #0093CA; color:#FFF;}

.btn-blue {color: oklch(99% .003 80); font-size:1rem; font-weight: 600; transition: .2s ease-in-out; text-transform: uppercase; letter-spacing: .025em; line-height: 1.5; background-image: linear-gradient(135deg, oklch(74% .16 225), oklch(60% .18 240)); padding: 12px 40px;
margin-right: 10px;}
.btn-blue:hover {filter: brightness(1.1); color: oklch(99% .003 80);}

.btn-black {color: oklch(99% .003 80); font-size:1rem; font-weight: 600; transition: .2s ease-in-out; text-transform: uppercase; letter-spacing: .025em; line-height: 1.5; background-color: oklch(22% .02 250); border: 2px solid oklch(22% .02 250); padding: 12px 40px; margin-right: 10px;}
.btn-black:hover {background:#122A37; color: oklch(99% .003 80);}

.btn-outline-black {color: oklch(22% .02 250); border: 2px solid oklch(22% .02 250); font-size:1rem; font-weight: 600; transition: .2s ease-in-out; text-transform: uppercase; letter-spacing: .025em; line-height: 1.5; padding: 12px 40px; margin-right: 10px;}

.btn-outline-black:hover {background-color: oklch(22% .02 250); color: oklch(99% .003 80);}

.btn-white {color: #FFF; font-size:1rem; font-weight: 600; text-transform: uppercase; letter-spacing: .025em; line-height: 1.5; transition: .2s ease-in-out; padding: 12px 40px; margin-right: 10px; border-color: color-mix(in oklab, oklch(98% .003 80) 40%, transparent);}

.btn-area {box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; background-color: oklch(100% 0 0); border-color: oklch(92.9% .013 255.508); color:oklch(18% .015 250); font-weight: 500; font-size: .875rem; text-decoration: none; transition: .2s ease-in-out; border-style: solid; border-width: 1px;}
.btn-area .bi {color: #00ADEF; font-size: 1rem;}
.btn-area:hover {color: #00ADEF; border-color: var(--best-main-blue); background-color: oklch(100% 0 0);}

.section-subtitle {text-transform: uppercase; color: var(--best-main-blue); letter-spacing: .25em; font-weight: 600; font-size: .75rem; line-height: .75; margin-bottom: 20px;}
.section-title {font-size: 3rem; line-height: 1; text-transform: uppercase; color: oklch(18% .015 250); letter-spacing: -.025em; font-weight: 700; font-family: "Oswald", sans-serif; margin-bottom: 20px;}
.section-text {color: oklch(55.4% .046 257.417); }



/* Header
-------------------------------------------------------------- */
.site-header .custom-logo {max-width: 160px;}
.navbar-top {background: #141B24;}
.navbar-top-area {color:color-mix(in oklab, oklch(0.98 0.003 80) 80%, transparent); font-size: 0.75rem; line-height: calc(1 / 0.75); text-transform: uppercase; font-weight: 500; letter-spacing: 0.1em;}
.navbar-top-phone .nav-link {font-weight: 600; font-size: 0.75rem; line-height: calc(1 / 0.75); color:#00ADEF;}
.navbar-top-phone .nav-link:hover {filter: brightness(1.1);}
.navbar-top-sms .nav-link {font-weight: 600; font-size: 0.75rem; line-height: calc(1 / 0.75); color: 
color-mix(in oklab, oklch(98% .003 80) 80%, transparent);}
.navbar-top-sms .nav-link:hover {color:#00ADEF;}

.navbar-main {background-color: color-mix(in oklab, oklch(99% .003 80) 85%, transparent); backdrop-filter: blur(12px); border-bottom: 1px solid oklch(92.9% .013 255.508); padding-top: 6px; padding-bottom: 6px; line-height: 1.42875;}
.navbar-main .navbar-nav .menu-item {font-weight: 500; font-size: 0.875rem; padding-left: 10px; padding-right: 10px;}
.navbar-main .navbar-nav .menu-item .nav-link {color: #0d1218; transition: .2s ease-in-out;}
.navbar-main .navbar-nav .menu-item .nav-link:hover {color: var(--best-main-blue);}
.navbar-main .dropdown-menu {background: #151515; border-radius: 0; box-shadow: none; border: none; padding-top: 0; padding-bottom: 0;}
.navbar-main .dropdown-menu .menu-item {text-transform: none; font-style: normal; font-size: 1rem;}
.navbar-main .dropdown-menu .dropdown-item {color: #FFF; padding-top: 5px; padding-bottom: 5px;}
.navbar-main .dropdown-menu .dropdown-item:hover {background: var(--best-main-blue);}



/* Main Hero
-------------------------------------------------------------- */
.main-hero {background-repeat: no-repeat; background-position: center center; background-size: cover;} 
.main-hero-wrapper {background: linear-gradient(135deg, oklch(18% .015 250 / .92), oklch(18% .015 250 / .55) 60%, oklch(18% .015 250 / .85)); z-index: -10;}
.main-hero .container {padding-top: 120px; padding-bottom: 120px;}
.main-hero .hero-badge {border: 1px solid #00ADEF; color: #00ADEF; text-transform: uppercase; letter-spacing: .1em; font-weight: 600; font-size: .75rem; padding: .5rem 1rem; background-color: 
color-mix(in oklab, oklch(68% .16 230) 10%, transparent); margin-bottom: 30px;}
.main-hero h1 {font-family: "Oswald", sans-serif; color:oklch(98% .003 80); font-size: 4.5rem; font-weight: 700; line-height: 1.05; text-transform: uppercase; letter-spacing: -.025em; margin-bottom: 30px;} 
.main-hero h1 span {color: #00ADEF;}
.main-hero .lead {font-size: 1.25rem; line-height: 1.25; color: 
color-mix(in oklab, oklch(98% .003 80) 85%, transparent); margin-bottom: 30px;}
.main-hero .list-inline {margin-bottom: 40px;}
.main-hero .list-inline-item {font-size: .875rem; line-height: .875; color: 
color-mix(in oklab, oklch(98% .003 80) 85%, transparent); margin-right: 20px;}
.main-hero .list-inline-item .bi {color: #00ADEF;}
.main-hero .hero-cta {color: oklch(98% .003 80); background-color: color-mix(in oklab, oklch(22% .02 250) 70%, transparent); border-style: solid; border-width: 1px; border-color: 
color-mix(in oklab, oklch(98% .003 80) 15%, transparent);}
.main-hero .hero-cta .btn {width: 100%;}
.main-hero .hero-cta .card-title {color: #00ADEF; font-size:1.25rem; text-transform: uppercase; letter-spacing: .05em; font-weight: 700; line-height: 1.25; font-family: "Oswald", sans-serif;}
.main-hero .hero-cta .card-text {color: color-mix(in oklab, oklch(98% .003 80) 75%, transparent); font-size: .875rem; margin-bottom: 20px;}
.main-hero .hero-cta .small {border-top-style: solid; border-width: 1px; border-color: 
color-mix(in oklab, oklch(98% .003 80) 15%, transparent); margin-top: 20px; padding-top: 15px; color: color-mix(in oklab, oklch(98% .003 80) 75%, transparent); font-size: .75rem; line-height: .75; margin-bottom: 0;}
.main-hero .hero-cta .small .bi {color: #00ADEF;}



/* Features
-------------------------------------------------------------- */
.features {background: #F5F1EC; padding-top: 40px; padding-bottom: 40px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: oklch(92.9% .013 255.508);}
.features .top {font-size:2.25rem; line-height: 1; color: oklch(22% .02 250); font-weight: 700; font-family: "Oswald", sans-serif;}
.features .bottom {text-transform: uppercase; color: oklch(55.4% .046 257.417); letter-spacing: .1em; font-weight: 500; font-size: .75rem; line-height: .75;}



/* Featured Services
-------------------------------------------------------------- */
.featured-services {background: #FDFCF9; padding-top: 100px; padding-bottom: 100px;}
.featured-services .featured-services-cards {margin-top: 50px;}
.featured-services .featured-services-cards .card {background: #FFF; border-color: oklch(92.9% .013 255.508); box-shadow: 0 8px 24px -12px oklch(18% .015 250 / .18);}
.featured-services .featured-services-cards .card .card-header {height: 250px; padding: 1.5rem;}
.featured-services .featured-services-cards .card .card-header img {border: 3px solid #00A8E7; border-radius: 5px; box-shadow: 0 8px 24px -12px oklch(14.806% 0.01015 254.705 / 0.18);}
.featured-services .featured-services-cards .card .service-paver {background: url(img/service-paver.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.featured-services .featured-services-cards .card .service-demolition {background: url(img/service-demolition.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.featured-services .featured-services-cards .card .service-building {background: url(img/service-building.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.featured-services .featured-services-cards .card .service-government {background: url(img/service-government.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.featured-services .featured-services-cards .card .card-body {padding: 1.5rem;}
.featured-services .featured-services-cards .card .card-body h3 {text-transform: uppercase; color: oklch(18% .015 250); letter-spacing: -.025em; font-weight: 700; font-size: 1.5rem; line-height: 1.5; font-family: "Oswald", sans-serif;}
.featured-services .featured-services-cards .card .card-body p {color: oklch(55.4% .046 257.417); margin-top: .25rem; font-size: .9rem;}
.featured-services .featured-services-cards .card .card-body ul {list-style: none; padding-left: 0 !important; margin-bottom: 30px;}
.featured-services .featured-services-cards .card .card-body ul li {color: #0d1218cc; font-size: .95rem; font-weight: 500;}
.featured-services .featured-services-cards .card .card-body ul li .bi {color: #00ADEF;}
.featured-services .featured-services-cards .card .card-body a {text-transform: uppercase; color: oklch(22% .02 250); letter-spacing: .025em; font-weight: 600; font-size: .875rem; line-height: .875; text-decoration: none; transition: .2s ease-in-out;}
.featured-services .featured-services-cards .card .card-body a:hover {color: #00ADEF;}



/* About Us
-------------------------------------------------------------- */
.about-us {background: #141B24; padding-top: 100px; padding-bottom: 100px; color: var(--color-font);} 
.about-us .section-title {color: oklch(98% .003 80);} 
.about-us .section-text {color: color-mix(in oklab, oklch(98% .003 80) 75%, transparent); margin-bottom: 40px;} 
.about-us .card {background: #1F262E; border: 1px solid #353B43;}
.about-us .card-body {padding: 1rem 1.25rem;}
.about-us .line-bottom {margin-top: 1.5rem;}
.about-us .card .bi {color: #00ADEF; font-size: 1.875rem;}
.about-us .card h3 {color: oklch(98% .003 80); text-transform: uppercase; letter-spacing: .025em; font-weight: 600; font-size: 1.125rem; line-height: 1.125; font-family: "Oswald", sans-serif; margin-top: .5rem;}
.about-us .card p {color: color-mix(in oklab, oklch(98% .003 80) 70%, transparent); font-size: .875rem; margin-top: .25rem;}



/* Served Areas
-------------------------------------------------------------- */
.served-areas {background: #F5F1EC; padding-top: 100px; padding-bottom: 80px; border-bottom: 1px solid #E2E8F0;}
.served-areas .served-areas-buttons {margin-top: 40px;}



/* Customer Reviews
-------------------------------------------------------------- */
.customer-reviews {background: #FDFCF9; padding-top: 100px; padding-bottom: 100px; border-bottom: 1px solid #E2E8F0;}
.customer-reviews .bi {color: #00ADEF;}
.customer-reviews .customer-reviews-widget {margin-top: 40px;}



/* FAQ
-------------------------------------------------------------- */
.faq {background: #F5F1EC; padding-top: 100px; padding-bottom: 100px;}
.faq .faq-accordion {margin-top: 40px;}
.faq .faq-accordion .card {padding: 10px 20px; box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 8px 24px -12px oklch(18% .015 250/.18); background: oklch(100% 0 0); border: 1px solid oklch(92.9% .013 255.508); border-radius: calc(.375rem + 4px);}
.faq .faq-accordion .accordion-button {text-transform: uppercase; color: oklch(18% .015 250); letter-spacing: .025em; font-weight: 600; font-size: 1rem; line-height: 1.5; font-family: "Oswald", sans-serif; transition: .2s ease-in-out; padding-left: 0;}
.faq .faq-accordion .accordion-button:hover {color: #00ADEF;}
.faq .faq-accordion .accordion-body {color: oklch(55.4% .046 257.417); font-size: 1rem; line-height: 1.5; padding: 0 1.25rem 0 0;}
.faq .faq-accordion .accordion-button:not(.collapsed) {background-color: transparent; box-shadow: none;}
.faq .faq-accordion .accordion-button:focus {box-shadow: none;}



/* CTA Bottom
-------------------------------------------------------------- */
.cta-bottom {background: #FDFCF9; padding-top: 100px; padding-bottom: 100px;}
.cta-bottom .card {background: linear-gradient(135deg, oklch(74% .16 225), oklch(60% .18 240)); box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 20px 50px -20px oklch(18% .015 250/.35); border-radius: calc(.375rem + 8px); border: none; padding: 70px 150px;}
.cta-bottom .section-title {color: oklch(99% .003 80);}
.cta-bottom .section-text {color: color-mix(in oklab, oklch(99% .003 80) 85%, transparent);}



/* Footer
-------------------------------------------------------------- */
.site-footer {background: #141B24;}
.site-footer .custom-logo {max-width: 140px;}
.site-footer .footer-top {padding-top: 60px; padding-bottom: 60px; border-bottom: 1px solid #2B3139;}
.site-footer .footer-top p.footer-bio {color: color-mix(in oklab, oklch(98% .003 80) 70%, transparent); font-size: .875rem; line-height: calc(1.25 / .875); margin-top: calc(.25rem * 4);}
.site-footer .footer-top p.footer-features {text-transform: uppercase; color: color-mix(in oklab, oklch(98% .003 80) 50%, transparent); letter-spacing: .1em; font-size: .75rem; line-height: calc(1 / .75); margin-top: calc(.25rem * 4);}
.site-footer .footer-top h4 {text-transform: uppercase; color: oklch(68% .16 230); letter-spacing: .1em; font-weight: 600; font-size: .875rem; line-height: calc(1.25 / .875); font-family: "Oswald", sans-serif; margin-bottom: 15px;}
.site-footer .footer-top .footer-nav {list-style: none; padding-left: 0;}
.site-footer .footer-top .footer-nav li {font-size: .875rem; line-height: calc(1.25 / .875); color: color-mix(in oklab, oklch(98% .003 80) 80%, transparent); margin-bottom: 8px;}
.site-footer .footer-top .footer-nav li a {color: color-mix(in oklab, oklch(98% .003 80) 80%, transparent); text-decoration: none; transition: .2s ease-in-out;}
.site-footer .footer-top .footer-nav li a:hover {color: #00ADEF;}
.site-footer .footer-top .footer-nav li .bi {color: #00ADEF;}
.site-footer .footer-bottom {padding-top: 10px; padding-bottom: 10px;}
.site-footer .footer-bottom span {padding-top: 0.5rem; padding-bottom: 0.5rem; color: color-mix(in oklab, oklch(98% .003 80) 60%, transparent); font-size: .75rem;}
.site-footer .footer-bottom .nav-link {color: color-mix(in oklab, oklch(98% .003 80) 80%, transparent); font-size: .85rem; transition: .2s ease-in-out;}
.site-footer .footer-bottom .nav-link:hover {color: #00ADEF;}



/* Breadcrumbs
-------------------------------------------------------------- */
.breadcrumbs {background: #F8F9F9; border-bottom: 1px solid oklch(92.9% .013 255.508);}
.breadcrumbs .breadcrumb {padding-top: 10px; padding-bottom: 10px; margin-bottom: 0;}
.breadcrumbs .breadcrumb li {font-size: .75rem; line-height: calc(1 / .75);}
.breadcrumbs .breadcrumb li a {text-decoration: none; color: oklch(55.4% .046 257.417); transition: .2s ease-in-out;}
.breadcrumbs .breadcrumb li a:hover {color: #00ADEF;}
.breadcrumbs .breadcrumb li.active {color:oklch(18% .015 250); font-weight: 600;}



/* Index
-------------------------------------------------------------- */
.index-page {background: #F8F9F9;}
.index-header {padding-top: 80px; padding-bottom: 80px;}
.header-title {font-size: 3rem; line-height: 1.25, 1; text-transform: uppercase; color: oklch(18% .015 250); letter-spacing: -.025em; font-weight: 700; font-family: "Oswald", sans-serif; margin-top: calc(.25rem * 5);}
.index-badge {border: 1px solid oklch(92.9% .013 255.508); color: oklch(55.4% .046 257.417); text-transform: uppercase; letter-spacing: .1em; font-weight: 600; font-size: .75rem; padding: .5rem 1rem; background-color: oklch(99% .003 80);}
.index-badge .bi {color: #00ADEF;}
.index-header .lead {font-size: 1.25rem; line-height: calc(1.75 / 1.25); color:oklch(55.4% .046 257.417); margin-top: calc(.25rem * 5); font-weight: 400;}
.category-list {border-top: 1px solid #E2E8F0; border-bottom: 1px solid #E2E8F0; padding-top: 20px; padding-bottom: 20px;}
.category-list ul {list-style: none; display: inline-flex; margin-bottom: 0; padding-left: 0;}
.category-list ul li a {box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; color:oklch(55.4% .046 257.417); font-weight: 500; font-size: .875rem; background-color: oklch(100% 0 0); border-color: oklch(92.9% .013 255.508); border-style: solid; border-width: 1px; padding: 5px 20px; border-radius: 30px; text-decoration: none; text-transform: uppercase; transition: .2s ease-in-out; margin-right: 5px;}
.category-list ul li a:hover {color: #00ADEF; border-color: var(--best-main-blue);}
.index-content {padding-top: 80px; padding-bottom: 80px;}
.index-content .post-list-header hr {color: #E2E8F0; opacity: .25; padding-top: 20px;}
.index-content .post-list-header h2 {font-size: 1.875rem; line-height: 1; text-transform: uppercase; color: oklch(18% .015 250); letter-spacing: .025em; font-weight: 700; font-family: "Oswald", sans-serif; margin-bottom: 0;}
.index-content .post-list-header span {color: oklch(55.4% .046 257.417); font-size: .875rem; line-height: calc(1.25 / .875); text-align:right;}
.index-content .post-list-content {padding-top: 30px;}
.post-list-content .card {background: #FFF; border-color: oklch(92.9% .013 255.508); box-shadow: 0 8px 24px -12px oklch(18% .015 250 / .18); border: 1px solid oklch(92.9% .013 255.508); border-radius: calc(.375rem + 4px); margin-bottom: 30px;}
.post-list-content .card .card-header {height: 250px; padding: 1.5rem; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: calc(.375rem + 4px) calc(.375rem + 4px) 0 0; border-bottom: 0;}
.post-list-content .card .card-body span a {color: oklch(98% .003 80); background: oklch(22% .02 250); padding: 3px 8px; border-radius: 3px; text-decoration: none; font-size: .75rem; font-weight: 600;}
.post-list-content .card .card-body span a:hover {background:#122A37;}
.post-list-content .card .card-body h3 {font-weight: 600; line-height: 1.375; font-size: 1.125rem; font-family: "Oswald", sans-serif; margin-top: .5rem;}
.post-list-content .card .card-body h3 a {color:oklch(18% .015 250); text-decoration: none; transition: .2s ease-in-out;}
.post-list-content .card .card-body h3 a:hover {color: #00ADEF;}
.post-list-content .card .card-body p {color: oklch(55.4% .046 257.417); font-size: .875rem; line-height: calc(1.25 / .875); margin-bottom:0;}
.post-list-content .card .card-footer {border-top: 0; background: #FFF; border-radius: 0 0 calc(.375rem + 4px) calc(.375rem + 4px); padding-bottom: 20px;}
.post-list-content .card .card-footer .date {color: oklch(55.4% .046 257.417); font-size: .75rem; line-height: calc(1 / .75); }
.post-list-content .card .card-footer a {color:#00ADEF; font-weight: 600; font-size: .75rem; line-height: calc(1 / .75); text-decoration: none;}
.post-list-content .card .card-footer a:hover {text-decoration: underline;}


/* Search Form
-------------------------------------------------------------- */
.search-form {margin-top: calc(.25rem * 5);}
.search-form .search-field {font-size: .875rem; line-height: calc(1.25 / .875); transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; background:transparent; border: 1px solid oklch(92.9% .013 255.508); border-radius: calc(.375rem - 2px); font-size: .875rem;}
.search-form #searchsubmit {background: var(--best-main-blue); color: #FFF; text-transform: uppercase; white-space: nowrap; letter-spacing: 0.05em; font-size:0.75rem; font-weight: 600; transition: .2s ease-in-out; box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; border: 1px solid var(--best-main-blue); border-radius: calc(.375rem - 2px); font-size: .875rem; margin-left: .5rem;}
.search-form #searchsubmit:hover {background: #0093CA; color:#FFF;}



/* Paginação
-------------------------------------------------------------- */
/* WRAPPER */
.nav-links{display:flex; align-items:center; justify-content:center; gap:8px; margin-top:40px; flex-wrap:wrap;}
/* LINKS GERAIS */
.nav-links a, .nav-links span{display:flex; align-items:center; justify-content:center; min-width:42px; height:42px; padding:0 16px; border:1px solid #dcdcdc; border-radius:6px; background:#fff; font-size:.875rem; font-weight:500; text-decoration:none; transition:all .25s ease;}
/* LINKS */
.nav-links a{color:#111;}
/* HOVER */
.nav-links a:hover{background:#f5f5f5; border-color:#cfcfcf;}
/* PÁGINA ATIVA */
.nav-links .current{background:#12b5ea; border-color:#12b5ea; color:#fff;}
/* PREV / NEXT */
.nav-links .prev, .nav-links .next{font-size:.875rem; padding:0 22px;}
/* DOTS */
.nav-links .dots{border:none; background:transparent; min-width:auto; padding:0 6px;}



/* Single
-------------------------------------------------------------- */
.single-page {background: #F8F9F9;}
.single-header {padding-top: 60px; padding-bottom: 40px;}
.single-header .link-back {text-transform: uppercase; color: #00ADEF; letter-spacing: .1em; font-weight: 600; font-size: .75rem; line-height: calc(1 / .75); display: inline-flex; text-decoration: none;}
.single-header .link-back:hover {text-decoration: underline;}
.single-header .meta-info {margin-top: calc(.25rem * 5); font-size: .75rem; line-height: calc(1 / .75); font-weight: 600;}
.single-header .meta-info ul {display: inline-flex; list-style: none; padding-left: 0; margin-bottom: 0;}
.single-header .meta-info .post-category a {color: oklch(98% .003 80); background: oklch(22% .02 250); padding: 3px 8px; border-radius: 3px; text-decoration: none;}
.single-header .meta-info .post-category a:hover {background:#122A37; color: oklch(99% .003 80); text-decoration: none !important;}
.single-header .meta-info span {color:oklch(55.4% .046 257.417);}
.single-header .meta-info span a {color:oklch(55.4% .046 257.417); text-decoration: none;}
.single-header .meta-info span a:hover {text-decoration: underline;}
.single-header .header-title {text-transform: none;}
.single-header .lead {color: oklch(55.4% .046 257.417); font-size: 1.125rem; line-height: calc(1.75 / 1.125); margin-top: calc(.25rem * 4); font-weight: 500;}
.single-header .lead p {margin-bottom: 0;}
.single-thumb img {box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a
; object-fit:cover; border-radius: calc(.375rem + 4px); width: 100%; aspect-ratio: 16 / 9;}
.single-content {padding-top: 50px; padding-bottom: 30px;}
.single-content h2 {font-size: 1.875rem; line-height: 1.2; color: oklch(18% .015 250); letter-spacing: -.025em; font-weight: 700; font-family: "Oswald", sans-serif;}
.single-content h3 {font-size: 1.25rem; line-height: 1.2; color: oklch(18% .015 250); letter-spacing: -.025em; font-weight: 700; font-family: "Oswald", sans-serif;}
.single-content p {color: color-mix(in oklab, oklch(18% .015 250) 85%, transparent); line-height: 1.625; font-size: 1rem; margin-top: calc(.25rem * 4);}
.single-content ul {margin-top: calc(.25rem * 4); list-style: none; padding-left: 0;}
.single-content ul li::before {
  content: "\F26B"; /* Unicode for the 'check' icon */
  font-family: "bootstrap-icons";
  display: inline-block;
  width: 1.5rem;
  color: #00ADEF; /* Bootstrap primary color */
}
.single-content ul li {color: color-mix(in oklab, oklch(18% .015 250) 85%, transparent); line-height: 1.625; font-size: 1rem;}
.single-content a {color: #00ADEF; font-weight: 500; text-decoration: none;}
.single-content a:hover {text-decoration: underline;}
.single-content hr {color: #E2E8F0; opacity: 1; padding-top: 20px;}

.blue-cta {background: #141B24; padding-top: 40px; padding-bottom: 40px;}
.blue-cta h2 {font-size: 1.875rem; line-height: 1.2; text-transform: uppercase; letter-spacing: .025em; font-weight: 700; font-family: "Oswald", sans-serif; color:oklch(98% .003 80);}
.blue-cta p {color: color-mix(in oklab, oklch(98% .003 80) 80%, transparent); margin-top: calc(v.25rem * 2); margin-bottom: 0;}

.single-more {padding-top: 60px; padding-bottom: 40px;}
.single-more h2 {text-transform: uppercase; color: oklch(18% .015 250); letter-spacing: .025em; font-weight: 700; font-size: 1.5rem; line-height: calc(2 / 1.5); font-family: "Oswald", sans-serif; margin-bottom: 30px;}



/* 404
-------------------------------------------------------------- */
.error-page {background: #F8F9F9;}
.error-404{min-height:70vh; padding:120px 0;}
.error-code{font-size:clamp(120px, 18vw, 260px); line-height:1; font-weight:800; margin-bottom:10px; color:oklch(18% .015 250); font-family: "Oswald", sans-serif; letter-spacing: .025em;}
.error-title{font-size:clamp(28px, 4vw, 52px); font-weight:500; color:#666;}



/* Legal Template
-------------------------------------------------------------- */
.legal-page {background: #F8F9F9;}
.legal-header {padding-top: 50px; padding-bottom: 30px;}
.legal-content {padding-bottom: 80px;}
.legal-content h2 {font-size: 1.875rem; line-height: 1.2; color: oklch(18% .015 250); letter-spacing: -.025em; font-weight: 700; font-family: "Oswald", sans-serif;}
.legal-content h3 {font-size: 1.25rem; line-height: 1.2; color: oklch(18% .015 250); letter-spacing: -.025em; font-weight: 700; font-family: "Oswald", sans-serif;}
.legal-content p {color: color-mix(in oklab, oklch(18% .015 250) 85%, transparent); line-height: 1.625; font-size: 1rem; margin-top: calc(.25rem * 4);}
.legal-content ul {margin-top: calc(.25rem * 4); list-style: none; padding-left: 0;}
.legal-content ul li::before {
  content: "\F26B"; /* Unicode for the 'check' icon */
  font-family: "bootstrap-icons";
  display: inline-block;
  width: 1.5rem;
  color: #00ADEF; /* Bootstrap primary color */
}
.legal-content ul li {color: color-mix(in oklab, oklch(18% .015 250) 85%, transparent); line-height: 1.625; font-size: 1rem;}
.legal-content a {color: #00ADEF; font-weight: 500; text-decoration: none;}
.legal-content a:hover {text-decoration: underline;}



/* Services
-------------------------------------------------------------- */
.service-intro {background: #FDFCF9; padding-top: 100px; padding-bottom: 80px;}
.service-benefits {background: #F5F1EC; padding-top: 100px; padding-bottom: 100px;}
.service-benefits .benefit-list {margin-top: 30px;}
.service-benefits .benefit-list .rounded {background: #D0E6EB; padding:5px 10px; margin-top: 5px; border-radius: calc(.375rem - 2px) !important;}
.service-benefits .benefit-list .rounded .bi {color: #00ADEF !important;}
.service-benefits .benefit-list h3 {text-transform: uppercase; color: oklch(18% .015 250); letter-spacing: .025em; font-weight: 600; font-size: 1rem; line-height: 1.5; font-family: "Oswald", sans-serif; margin-bottom: 0;}
.service-benefits .benefit-list p {margin-bottom: 0; color: oklch(55.4% .046 257.417); font-size: .875rem; line-height: calc(1.25 / .875); margin-top: calc(.25rem * 1);}
.service-benefits img {box-shadow: 0 20px 50px -20px oklch(18% .015 250/.35); object-fit: cover; border-radius: calc(.375rem + 8px);}
.service-process {background: #FDFCF9; padding-top: 100px; padding-bottom: 100px;}
.service-process .service-process-steps {margin-top: 40px;}
.service-process .service-process-steps img {box-shadow: 0 20px 50px -20px oklch(18% .015 250/.35); border-radius: calc(.375rem + 8px);}
.service-process .service-process-steps .card {box-shadow: 0 8px 24px -12px oklch(18% .015 250/.18); padding: calc(.25rem * 5); background: #FFF; border: 1px solid oklch(92.9% .013 255.508); border-radius: .375rem;}
.service-process .service-process-steps .card:not(:last-child) {margin-bottom: 20px;}
.service-process .service-process-steps .card .rounded {background: #00ADEF; padding:10px 10px 7px; margin-top: 5px; border-radius: calc(.375rem - 2px) !important; color: #FFF;}
.service-process .service-process-steps .card .numbers {text-transform: uppercase; color: #00ADEF; letter-spacing: .1em; font-weight: 700; font-size: .75rem; line-height: calc(1 / .75); font-family: "Oswald", sans-serif;}
.service-process .service-process-steps .card h3 {text-transform: uppercase; color:oklch(18% .015 250); letter-spacing: .025em; font-weight: 600; font-size: 1.125rem; line-height: calc(1.75 / 1.125); font-family: "Oswald", sans-serif;}
.service-process .service-process-steps .card p {color:oklch(55.4% .046 257.417); font-size: .875rem; line-height: calc(1.25 / .875);     margin-top: calc(.25rem * 1); margin-bottom: 0;}
.service-pricing {background: #141B24; padding-top: 100px; padding-bottom: 100px;}
.service-pricing .section-title {color: oklch(98% .003 80);}
.service-pricing .section-text p {color: color-mix(in oklab,oklch(98% .003 80) 75%,transparent); margin-bottom: 30px;}
.service-pricing .section-text p strong {color: #00ADEF;}
.service-pricing .card {padding: calc(.25rem * 8); background-color: color-mix(in oklab, oklch(98% .003 80) 5%, transparent); border: 1px solid 
color-mix(in oklab, oklch(98% .003 80) 10%, transparent); border-radius: calc(.375rem + 8px);}
.service-pricing .card h3 {text-transform: uppercase; color: #00ADEF; letter-spacing: .025em; font-weight: 600; font-size: 1.125rem; line-height: calc(1.75 / 1.125); font-family: "Oswald", sans-serif; margin-bottom: 20px;}
.service-pricing .card ul {margin-block-end:0;}
.service-pricing .card li {color: color-mix(in oklab, oklch(98% .003 80) 85%, transparent); gap: calc(.25rem * 2); display: flex; align-items: center; font-size: .875rem; line-height: calc(1.25 / .875); margin-bottom: 10px;}
.service-pricing .card li .bi {color: #00ADEF;}
.service-about {background: #FDFCF9; padding-top: 100px; padding-bottom: 100px;}









/* WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float:right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%; /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}