.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.cmplz-obfuscate span{display:none}#cmplz-manage-consent-container{display:none}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary{display:block;cursor:pointer}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary::-webkit-details-marker,#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary::marker{display:none;content:""}.cmplz-alert{display:none;padding:7px;color:white;margin:10px 0}.cmplz-alert.cmplz-error{background-color:#f44336}.cmplz-alert.cmplz-success{background-color:green}.cmplz-close{margin-left:15px;color:white;font-weight:bold;float:right;font-size:22px;line-height:20px;cursor:pointer;transition:.3s}.cmplz-close:hover{color:black}#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data{display:inline-block;width:calc(50% - 35px);vertical-align:top}@media only screen and (max-width:600px){#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data{width:100%}}#cmplz-cookies-overview .cmplz-dropdown summary,#cmplz-document .cmplz-dropdown summary,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary{display:block;cursor:pointer}#cmplz-cookies-overview .cmplz-dropdown summary::-webkit-details-marker,#cmplz-cookies-overview .cmplz-dropdown summary::marker,#cmplz-document .cmplz-dropdown summary::-webkit-details-marker,#cmplz-document .cmplz-dropdown summary::marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::-webkit-details-marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::marker{display:none;content:""}#cmplz-cookies-overview .cmplz-dropdown summary div,#cmplz-document .cmplz-dropdown summary div,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div{display:grid;grid-template:"heading chevron";grid-template-columns:2fr 25px;grid-gap:15px;align-items:center}#cmplz-cookies-overview .cmplz-dropdown summary div h3,#cmplz-document .cmplz-dropdown summary div h3,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div h3{grid-area:heading;margin:0}#cmplz-cookies-overview .cmplz-dropdown summary div:after,#cmplz-document .cmplz-dropdown summary div:after,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div:after{grid-area:chevron}#cmplz-cookies-overview .cmplz-dropdown summary div input[data-category=functional],#cmplz-document .cmplz-dropdown summary div input[data-category=functional],.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div input[data-category=functional]{visibility:hidden}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary{display:block}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div{grid-template:"heading paragraph label checkbox chevron";grid-template-columns:2fr auto 0 auto 25px}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p{grid-area:paragraph}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose{display:grid}@media only screen and (min-width:600px){#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose{grid-column:span 2;grid-template-columns:1fr 1fr 1fr;grid-template:"purpose purpose purpose" "header1 header2 header3" auto}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose{grid-area:purpose}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header{grid-area:header1}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header{grid-area:header2}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header{grid-area:header3}}@media only screen and (max-width:600px){#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose{grid-template-columns:100px 1fr}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose{grid-column:span 2}}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories{margin-top:10px;display:block;width:100%}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category{background-color:rgba(239,239,239,0.25)}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-description{padding:10px}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category:not(:last-child){margin-bottom:5px}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header{display:grid;grid-template-columns:1fr auto 25px;grid-template-rows:auto;align-items:center;grid-gap:10px;padding:5px 10px;background-color:rgba(239,239,239,0.5)}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header section{padding:initial}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header h2{grid-column-start:1;width:100%;justify-self:start;font-size:18px;text-align:left;margin-top:8px;text-transform:initial;padding-bottom:10px;border-bottom:0;margin-bottom:0}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header h2:before{height:0;margin:initial}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active{font-size:var(--cmplz_category_header_active_font_size);color:var(--cmplz_category_header_always_active_color)}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label,#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active input{display:none}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox{display:flex;align-items:center;margin:0;padding:initial}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle{background:0;border:0;padding:0;margin:0;cursor:pointer;grid-column-start:3;display:flex;align-items:center;justify-content:center;color:inherit}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open{display:flex;align-items:center;justify-content:center;cursor:pointer;content:"";transform:rotate(0);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;background-size:cover;height:25px;width:25px}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-toggle[aria-expanded=true] .cmplz-icon.cmplz-open{transform:rotate(180deg)}.postbox #cmplz-document{margin:auto auto}#cmplz-document,.editor-styles-wrapper .cmplz-unlinked-mode{font-size:14px;margin-top:0;max-width:800px;text-justify:inter-word}#cmplz-document input::-moz-focus-inner,#cmplz-document button::-moz-focus-inner,.editor-styles-wrapper .cmplz-unlinked-mode input::-moz-focus-inner,.editor-styles-wrapper .cmplz-unlinked-mode button::-moz-focus-inner{border:0;padding:0}#cmplz-document a,.editor-styles-wrapper .cmplz-unlinked-mode a{text-decoration:underline}#cmplz-document a[target=_blank]::after,.editor-styles-wrapper .cmplz-unlinked-mode a[target=_blank]::after{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);margin:0 3px 0 5px}#cmplz-document a:focus,.editor-styles-wrapper .cmplz-unlinked-mode a:focus{border:1px solid black;padding:2px}#cmplz-document #cmplz-dnsmpd-form label,.editor-styles-wrapper .cmplz-unlinked-mode #cmplz-dnsmpd-form label{margin-right:20px;min-width:100px;display:inline-block}#cmplz-document h2,#cmplz-document h3,.editor-styles-wrapper .cmplz-unlinked-mode h2,.editor-styles-wrapper .cmplz-unlinked-mode h3{font-size:22px;text-align:left;margin-top:15px;text-transform:initial;padding-bottom:10px;margin-bottom:10px}#cmplz-document.impressum h2,#cmplz-document.impressum h3,.editor-styles-wrapper .cmplz-unlinked-mode.impressum h2,.editor-styles-wrapper .cmplz-unlinked-mode.impressum h3{border-bottom:0;font-size:1em;padding-bottom:5px;margin-bottom:5px}#cmplz-document.impressum p,.editor-styles-wrapper .cmplz-unlinked-mode.impressum p{margin-bottom:7px}#cmplz-document h4,.editor-styles-wrapper .cmplz-unlinked-mode h4{font-size:18px;text-align:left;margin-top:15px;margin-bottom:5px;text-transform:initial}#cmplz-document h5,.editor-styles-wrapper .cmplz-unlinked-mode h5{font-size:14px;text-align:left;margin-top:10px;margin-bottom:5px;text-transform:initial}#cmplz-document h3.annex,#cmplz-document h4.annex,.editor-styles-wrapper .cmplz-unlinked-mode h3.annex,.editor-styles-wrapper .cmplz-unlinked-mode h4.annex{font-weight:bold}#cmplz-document span h3,.editor-styles-wrapper .cmplz-unlinked-mode span h3{font-size:14px;border-bottom:0}#cmplz-document p,#cmplz-document li,#cmplz-document td,.editor-styles-wrapper .cmplz-unlinked-mode p,.editor-styles-wrapper .cmplz-unlinked-mode li,.editor-styles-wrapper .cmplz-unlinked-mode td{font-size:14px;margin-top:0}#cmplz-document ol.alphabetic,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic{counter-reset:list;list-style-type:none}#cmplz-document ol.alphabetic li:before,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic li:before{font-weight:bold;content:counter(list,lower-alpha) ") ";counter-increment:list}#cmplz-document ul,.editor-styles-wrapper .cmplz-unlinked-mode ul{list-style:disc;margin-left:15px;margin-bottom:15px}#cmplz-document ol.alphabetic ol,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic ol{counter-reset:list;list-style-type:none}#cmplz-document ol.alphabetic ol li:before,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic ol li:before{font-weight:bold;content:counter(list,decimal) ") ";counter-increment:list}#cmplz-document .cmplz-subtitle,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-subtitle{font-size:inherit;font-weight:bold;margin-top:25px}#cmplz-document .cmplz-indent,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-indent{margin-left:36px}#cmplz-cookies-overview .cmplz-dropdown,#cmplz-document .cmplz-dropdown,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown{background-color:rgba(239,239,239,0.25)}#cmplz-cookies-overview .cmplz-dropdown h4,#cmplz-document .cmplz-dropdown h4,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4{font-size:18px;text-align:left;margin-top:15px;margin-bottom:5px;text-transform:initial}#cmplz-cookies-overview .cmplz-dropdown p,#cmplz-cookies-overview .cmplz-dropdown a,#cmplz-document .cmplz-dropdown p,#cmplz-document .cmplz-dropdown a,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown a{font-size:14px;margin-top:0}#cmplz-cookies-overview .cmplz-dropdown p,#cmplz-cookies-overview .cmplz-dropdown h4,#cmplz-cookies-overview .cmplz-dropdown ul,#cmplz-document .cmplz-dropdown p,#cmplz-document .cmplz-dropdown h4,#cmplz-document .cmplz-dropdown ul,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown ul{padding:0 15px}#cmplz-cookies-overview .cmplz-dropdown p.legal-obligations-description,#cmplz-document .cmplz-dropdown p.legal-obligations-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p.legal-obligations-description{padding-bottom:15px}#cmplz-cookies-overview .cmplz-dropdown summary::marker,#cmplz-document .cmplz-dropdown summary::marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::marker{display:none;content:""}#cmplz-cookies-overview .cmplz-dropdown summary::-webkit-details-marker,#cmplz-document .cmplz-dropdown summary::-webkit-details-marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::-webkit-details-marker{display:none;content:""}#cmplz-cookies-overview .cmplz-dropdown summary,#cmplz-document .cmplz-dropdown summary,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary{display:block;background-color:rgba(239,239,239,0.5);margin:5px 0;padding:5px 10px;align-items:center;justify-items:stretch}#cmplz-cookies-overview .cmplz-dropdown summary h3,#cmplz-document .cmplz-dropdown summary h3,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary h3{padding:0 5px;border-bottom:0;font-size:18px;border-bottom:0}#cmplz-cookies-overview .cmplz-dropdown summary p,#cmplz-document .cmplz-dropdown summary p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary p{text-align:right;padding:0;margin:0;font-size:14px;border-bottom:0}#cmplz-cookies-overview .cmplz-dropdown summary div:after,#cmplz-document .cmplz-dropdown summary div:after,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div:after{cursor:pointer;content:"";background:url(//www.thedigitalcompanyadv.com/wp-content/plugins/complianz-gdpr/assets/images/chevron-down.svg) no-repeat;transform:rotate(0);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;background-size:cover;height:18px;width:18px;margin:3px}#cmplz-cookies-overview .cmplz-dropdown[open],#cmplz-document .cmplz-dropdown[open],.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown[open]{padding-bottom:1px}#cmplz-cookies-overview .cmplz-dropdown[open] summary div:after,#cmplz-document .cmplz-dropdown[open] summary div:after,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown[open] summary div:after{transform:rotate(180deg)}#cmplz-cookies-overview .cmplz-dropdown h4,#cmplz-document .cmplz-dropdown h4,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4{font-size:15px;margin:5px 0}#cmplz-cookies-overview .cmplz-dropdown h5,#cmplz-document .cmplz-dropdown h5,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h5{margin:0}#cmplz-cookies-overview .cmplz-dropdown .name-header strong,#cmplz-cookies-overview .cmplz-dropdown .retention-header strong,#cmplz-cookies-overview .cmplz-dropdown .function-header strong,#cmplz-document .cmplz-dropdown .name-header strong,#cmplz-document .cmplz-dropdown .retention-header strong,#cmplz-document .cmplz-dropdown .function-header strong,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .name-header strong,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .retention-header strong,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .function-header strong{display:block;font-size:14px;font-weight:bold;text-align:left;margin:0;text-transform:initial}#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data{padding:0 15px 15px}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose,#cmplz-document .cmplz-dropdown .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose{border:1px solid #dadada;grid-gap:1px;background-color:#dadada;margin-bottom:10px}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div,#cmplz-document .cmplz-dropdown .cookies-per-purpose div,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div{background-color:white;padding:15px}@media only screen and (min-width:600px){#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .name-header,#cmplz-document .cmplz-dropdown .cookies-per-purpose .name-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .name-header{background-color:#f7f7f7}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .retention-header,#cmplz-document .cmplz-dropdown .cookies-per-purpose .retention-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .retention-header{background-color:#f7f7f7}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .function-header,#cmplz-document .cmplz-dropdown .cookies-per-purpose .function-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .function-header{background-color:#f7f7f7}}@media only screen and (max-width:600px){#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose h5,#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .name-header strong,#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .retention-header strong,#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .function-header strong,#cmplz-document .cmplz-dropdown .cookies-per-purpose h5,#cmplz-document .cmplz-dropdown .cookies-per-purpose .name-header strong,#cmplz-document .cmplz-dropdown .cookies-per-purpose .retention-header strong,#cmplz-document .cmplz-dropdown .cookies-per-purpose .function-header strong,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose h5,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .name-header strong,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .retention-header strong,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .function-header strong{line-height:1.8}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7){background-color:#f7f7f7}}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}@font-face {
font-family: 'Inter Variable';
src: url(//www.thedigitalcompanyadv.com/wp-content/themes/thedigitalcompany/assets/fonts/Inter-VariableFont.woff2) format('woff2');
font-weight: 100 900;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Lexend Variable';
src: url(//www.thedigitalcompanyadv.com/wp-content/themes/thedigitalcompany/assets/fonts/Lexend-VariableFont.woff2) format('woff2');
font-weight: 100 900;
font-display: swap;
font-style: normal;
} :root { --md-sys-color-primary:            #1a73e8;
--md-sys-color-primary-hover:      #1557b0;
--md-sys-color-on-primary:         #ffffff; --md-sys-color-background:         #f8f9fa;
--md-sys-color-surface:            #ffffff;
--md-sys-color-surface-container:  #ffffff;
--md-sys-color-surface-variant:    #e8eaed; --md-sys-color-on-surface:         #202124;
--md-sys-color-on-surface-variant: #5f6368; --md-sys-color-outline:            #dadce0;
--md-sys-color-outline-variant:    #f1f3f4; --md-sys-color-error:              #d93025;
--md-sys-color-on-error:           #ffffff; --shadow-0: none;
--shadow-1: 0 1px 2px 0 rgba(60,64,67,.30), 0 1px 3px 1px rgba(60,64,67,.15);
--shadow-2: 0 1px 2px 0 rgba(60,64,67,.30), 0 2px 6px 2px rgba(60,64,67,.15);
--shadow-3: 0 4px 8px 3px rgba(60,64,67,.15), 0 1px 3px rgba(60,64,67,.30); --radius-xs:   4px;
--radius-sm:   8px;
--radius-md:  12px;
--radius-lg:  16px;
--radius-xl:  24px;
--radius-full: 9999px; --md-sys-font-main:    'Inter Variable', system-ui, sans-serif;
--md-sys-font-heading: 'Lexend Variable', system-ui, sans-serif; --space-1:  0.25rem;
--space-2:  0.5rem;
--space-3:  0.75rem;
--space-4:  1rem;
--space-5:  1.25rem;
--space-6:  1.5rem;
--space-8:  2rem;
--space-10: 2.5rem;
--space-12: 3rem;
--space-16: 4rem; --transition-fast: 0.15s ease;
--transition-base: 0.2s ease;
--transition-slow: 0.35s ease; --z-header:  100;
--z-drawer:  200;
--z-overlay: 190;
--z-tooltip: 300;
} *, *::before, *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
font-size: 16px;
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;
}
body {
font-family: var(--md-sys-font-main);
font-weight: 400;
font-size: 1rem;
line-height: 1.6;
color: var(--md-sys-color-on-surface);
background-color: var(--md-sys-color-background);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--md-sys-font-heading);
font-weight: 500;
line-height: 1.25;
color: var(--md-sys-color-on-surface);
margin-top: 0;
margin-bottom: var(--space-4);
}
h1 { font-size: clamp(1.75rem, 4vw, 2.5rem); }
h2 { font-size: clamp(1.4rem,  3vw, 2rem);   }
h3 { font-size: clamp(1.15rem, 2vw, 1.5rem); }
h4 { font-size: 1.125rem; }
h5 { font-size: 1rem;     }
h6 { font-size: 0.875rem; }
p {
margin-bottom: var(--space-4);
color: var(--md-sys-color-on-surface-variant);
}
p:last-child { margin-bottom: 0; }
a {
color: var(--md-sys-color-primary);
text-decoration: none;
transition: color var(--transition-fast);
}
a:hover { color: var(--md-sys-color-primary-hover); }
img, video {
max-width: 100%;
height: auto;
display: block;
}
ul, ol {
list-style: none;
padding: 0;
margin: 0;
}
button, input, select, textarea {
font-family: inherit;
font-size: inherit;
}
button { cursor: pointer; }
hr {
border: none;
border-top: 1px solid var(--md-sys-color-outline);
margin: var(--space-6) 0;
} .icon {
display: inline-block;
width: 1.25rem; height: 1.25rem;
vertical-align: middle;
fill: none;
stroke: currentColor;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
flex-shrink: 0;
pointer-events: none;
}
.icon--xs  { width: 1rem;    height: 1rem;    } .icon--sm  { width: 1.125rem; height: 1.125rem; } .icon--md  { width: 1.5rem;  height: 1.5rem;  } .icon--lg  { width: 2rem;    height: 2rem;    } .icon--xl  { width: 2.5rem;  height: 2.5rem;  }  .icon--social {
fill: currentColor;
stroke: none;
} .container {
width: 100%;
margin-inline: auto;
padding-inline: var(--space-5);
max-width: 1280px;
}
.container-sm  { max-width: 640px;  margin-inline: auto; padding-inline: var(--space-5); width: 100%; }
.container-md  { max-width: 768px;  margin-inline: auto; padding-inline: var(--space-5); width: 100%; }
.container-lg  { max-width: 1024px; margin-inline: auto; padding-inline: var(--space-5); width: 100%; }
.row {
display: flex;
flex-wrap: wrap;
margin-inline: calc(var(--space-3) * -1);
}
[class*="col-"] {
width: 100%;
padding-inline: var(--space-3);
min-width: 0;
}
.col-auto { width: auto; flex-shrink: 0; padding-inline: var(--space-3); } .col-1  { width: 8.3333%;  }
.col-2  { width: 16.6666%; }
.col-3  { width: 25%;      }
.col-4  { width: 33.3333%; }
.col-5  { width: 41.6666%; }
.col-6  { width: 50%;      }
.col-7  { width: 58.3333%; }
.col-8  { width: 66.6666%; }
.col-9  { width: 75%;      }
.col-10 { width: 83.3333%; }
.col-11 { width: 91.6666%; }
.col-12 { width: 100%;     } @media (min-width: 576px) {
.col-sm-auto { width: auto; flex-shrink: 0; }
.col-sm-1  { width: 8.3333%;  }
.col-sm-2  { width: 16.6666%; }
.col-sm-3  { width: 25%;      }
.col-sm-4  { width: 33.3333%; }
.col-sm-5  { width: 41.6666%; }
.col-sm-6  { width: 50%;      }
.col-sm-7  { width: 58.3333%; }
.col-sm-8  { width: 66.6666%; }
.col-sm-9  { width: 75%;      }
.col-sm-10 { width: 83.3333%; }
.col-sm-11 { width: 91.6666%; }
.col-sm-12 { width: 100%;     }
} @media (min-width: 768px) {
.col-md-auto { width: auto; flex-shrink: 0; }
.col-md-1  { width: 8.3333%;  }
.col-md-2  { width: 16.6666%; }
.col-md-3  { width: 25%;      }
.col-md-4  { width: 33.3333%; }
.col-md-5  { width: 41.6666%; }
.col-md-6  { width: 50%;      }
.col-md-7  { width: 58.3333%; }
.col-md-8  { width: 66.6666%; }
.col-md-9  { width: 75%;      }
.col-md-10 { width: 83.3333%; }
.col-md-11 { width: 91.6666%; }
.col-md-12 { width: 100%;     }
} @media (min-width: 1024px) {
.col-lg-auto { width: auto; flex-shrink: 0; }
.col-lg-1  { width: 8.3333%;  }
.col-lg-2  { width: 16.6666%; }
.col-lg-3  { width: 25%;      }
.col-lg-4  { width: 33.3333%; }
.col-lg-5  { width: 41.6666%; }
.col-lg-6  { width: 50%;      }
.col-lg-7  { width: 58.3333%; }
.col-lg-8  { width: 66.6666%; }
.col-lg-9  { width: 75%;      }
.col-lg-10 { width: 83.3333%; }
.col-lg-11 { width: 91.6666%; }
.col-lg-12 { width: 100%;     }
} @media (min-width: 1280px) {
.col-xl-auto { width: auto; flex-shrink: 0; }
.col-xl-1  { width: 8.3333%;  }
.col-xl-2  { width: 16.6666%; }
.col-xl-3  { width: 25%;      }
.col-xl-4  { width: 33.3333%; }
.col-xl-5  { width: 41.6666%; }
.col-xl-6  { width: 50%;      }
.col-xl-7  { width: 58.3333%; }
.col-xl-8  { width: 66.6666%; }
.col-xl-9  { width: 75%;      }
.col-xl-10 { width: 83.3333%; }
.col-xl-11 { width: 91.6666%; }
.col-xl-12 { width: 100%;     }
}  .d-none         { display: none !important; }
.d-block        { display: block !important; }
.d-flex         { display: flex !important; }
.d-inline-flex  { display: inline-flex !important; }
.d-inline-block { display: inline-block !important; }
.d-grid         { display: grid !important; }
@media (min-width: 576px) {
.d-sm-none  { display: none !important; }
.d-sm-block { display: block !important; }
.d-sm-flex  { display: flex !important; }
}
@media (min-width: 768px) {
.d-md-none  { display: none !important; }
.d-md-block { display: block !important; }
.d-md-flex  { display: flex !important; }
}
@media (min-width: 1024px) {
.d-lg-none  { display: none !important; }
.d-lg-block { display: block !important; }
.d-lg-flex  { display: flex !important; }
} .flex-column         { flex-direction: column !important; }
.flex-row            { flex-direction: row !important; }
.flex-wrap           { flex-wrap: wrap !important; }
.flex-grow-1         { flex-grow: 1 !important; }
.flex-shrink-0       { flex-shrink: 0 !important; }
.align-items-start   { align-items: flex-start !important; }
.align-items-center  { align-items: center !important; }
.align-items-end     { align-items: flex-end !important; }
.justify-content-start   { justify-content: flex-start !important; }
.justify-content-center  { justify-content: center !important; }
.justify-content-end     { justify-content: flex-end !important; }
.justify-content-between { justify-content: space-between !important; } .gap-1 { gap: var(--space-1) !important; }
.gap-2 { gap: var(--space-2) !important; }
.gap-3 { gap: var(--space-3) !important; }
.gap-4 { gap: var(--space-4) !important; }
.gap-6 { gap: var(--space-6) !important; } .text-left    { text-align: left !important; }
.text-center  { text-align: center !important; }
.text-end     { text-align: right !important; }
.text-right   { text-align: right !important; }
.text-muted   { color: var(--md-sys-color-on-surface-variant) !important; }
.text-primary { color: var(--md-sys-color-primary) !important; }
.text-error   { color: var(--md-sys-color-error) !important; }
.small  { font-size: 0.875rem !important; }
.lead   { font-size: 1.125rem !important; line-height: 1.6; }
.h5     { font-size: 1rem !important; font-family: var(--md-sys-font-heading); font-weight: 500; }
.h6     { font-size: 0.875rem !important; font-family: var(--md-sys-font-heading); font-weight: 500; }
.font-weight-bold   { font-weight: 700 !important; }
.font-weight-medium { font-weight: 500 !important; }
@media (min-width: 768px) {
.text-md-end    { text-align: right !important; }
.text-md-center { text-align: center !important; }
.text-md-left   { text-align: left !important; }
} .m-0    { margin: 0 !important; }
.m-auto { margin: auto !important; }
.ms-auto { margin-left: auto !important; }
.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: var(--space-1) !important; }
.mt-2 { margin-top: var(--space-2) !important; }
.mt-3 { margin-top: var(--space-3) !important; }
.mt-4 { margin-top: var(--space-4) !important; }
.mt-5 { margin-top: var(--space-6) !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: var(--space-1) !important; }
.mb-2 { margin-bottom: var(--space-2) !important; }
.mb-3 { margin-bottom: var(--space-3) !important; }
.mb-4 { margin-bottom: var(--space-4) !important; }
.mb-5 { margin-bottom: var(--space-6) !important; }
.me-1 { margin-right: var(--space-1) !important; }
.me-2 { margin-right: var(--space-2) !important; }
.me-3 { margin-right: var(--space-3) !important; }
.ms-1 { margin-left: var(--space-1) !important; }
.ms-2 { margin-left: var(--space-2) !important; }
@media (min-width: 768px) {
.mb-md-0 { margin-bottom: 0 !important; }
} .p-0  { padding: 0 !important; }
.p-2  { padding: var(--space-2) !important; }
.p-3  { padding: var(--space-3) !important; }
.p-4  { padding: var(--space-4) !important; }
.p-5  { padding: var(--space-6) !important; }
.py-1 { padding-block: var(--space-1) !important; }
.py-2 { padding-block: var(--space-2) !important; }
.py-3 { padding-block: var(--space-3) !important; }
.py-4 { padding-block: var(--space-4) !important; }
.py-5 { padding-block: var(--space-6) !important; }
.px-2 { padding-inline: var(--space-2) !important; }
.px-3 { padding-inline: var(--space-3) !important; }
.px-4 { padding-inline: var(--space-4) !important; } .w-100 { width: 100% !important; }
.h-100 { height: 100% !important; } .rounded      { border-radius: var(--radius-sm) !important; }
.rounded-md   { border-radius: var(--radius-md) !important; }
.rounded-lg   { border-radius: var(--radius-lg) !important; }
.rounded-xl   { border-radius: var(--radius-xl) !important; }
.rounded-full { border-radius: var(--radius-full) !important; } .overflow-hidden { overflow: hidden !important; } .screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}.entry-title {
font-size: clamp(1.6rem, 4vw, 2.25rem);
font-family: var(--md-sys-font-heading);
font-weight: 600;
color: var(--md-sys-color-on-surface);
margin-bottom: var(--space-4);
}
.entry-meta {
font-size: 0.875rem;
color: var(--md-sys-color-on-surface-variant);
}
.entry-content {
max-width: 72ch;
}
.entry-content p,
.entry-content li {
font-size: 1rem;
line-height: 1.75;
color: var(--md-sys-color-on-surface-variant);
}
.entry-content h2,
.entry-content h3 {
margin-top: var(--space-8);
} .btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--space-2);
padding: 0.625rem 1.25rem;
border-radius: var(--radius-full);
font-family: var(--md-sys-font-main);
font-size: 0.875rem;
font-weight: 500;
line-height: 1;
cursor: pointer;
border: none;
text-decoration: none;
transition: background-color var(--transition-base),
box-shadow var(--transition-base),
border-color var(--transition-base),
color var(--transition-base);
white-space: nowrap;
user-select: none;
}
.btn:focus-visible {
outline: 3px solid var(--md-sys-color-primary);
outline-offset: 2px;
} .btn-primary {
background-color: var(--md-sys-color-primary);
color: var(--md-sys-color-on-primary);
border: 1px solid transparent;
}
.btn-primary:hover {
background-color: var(--md-sys-color-primary-hover);
color: var(--md-sys-color-on-primary);
box-shadow: var(--shadow-1);
} .btn-secondary {
background-color: transparent;
color: var(--md-sys-color-primary);
border: 1px solid var(--md-sys-color-outline);
}
.btn-secondary:hover {
background-color: var(--md-sys-color-surface-variant);
color: var(--md-sys-color-primary-hover);
border-color: var(--md-sys-color-primary);
} .btn-text {
background-color: transparent;
color: var(--md-sys-color-primary);
border: 1px solid transparent;
padding-inline: var(--space-2);
}
.btn-text:hover {
background-color: var(--md-sys-color-surface-variant);
} .btn-tonal {
background-color: var(--md-sys-color-surface-variant);
color: var(--md-sys-color-on-surface);
border: 1px solid transparent;
}
.btn-tonal:hover {
background-color: #d1d3d6;
box-shadow: var(--shadow-1);
} .btn-danger {
background-color: var(--md-sys-color-error);
color: var(--md-sys-color-on-error);
border: 1px solid transparent;
}
.btn-danger:hover {
background-color: #b7261e;
box-shadow: var(--shadow-1);
} .btn-sm {
padding: 0.375rem 0.875rem;
font-size: 0.8125rem;
}
.btn-lg {
padding: 0.875rem 1.75rem;
font-size: 1rem;
} .card {
background-color: var(--md-sys-color-surface);
border: 1px solid var(--md-sys-color-outline);
border-radius: var(--radius-md);
padding: var(--space-6);
transition: box-shadow var(--transition-base);
display: flex;
flex-direction: column;
}
.card:hover {
box-shadow: var(--shadow-2);
}
.card-image {
margin-bottom: var(--space-4);
border-radius: var(--radius-sm);
overflow: hidden;
}
.card-image img {
width: 100%;
height: auto;
border-radius: var(--radius-sm);
}
.card-title {
font-family: var(--md-sys-font-heading);
font-size: 1rem;
font-weight: 500;
color: var(--md-sys-color-on-surface);
margin-bottom: var(--space-2);
}
.card-excerpt {
font-size: 0.875rem;
color: var(--md-sys-color-on-surface-variant);
line-height: 1.6;
flex-grow: 1;
margin-bottom: var(--space-4);
}
.card-footer {
margin-top: auto;
padding-top: var(--space-4);
border-top: 1px solid var(--md-sys-color-outline-variant);
} .card-elevated {
border: none;
box-shadow: var(--shadow-1);
}
.card-elevated:hover {
box-shadow: var(--shadow-3);
} .card-filled {
background-color: var(--md-sys-color-surface-variant);
border: none;
} .site-header {
position: sticky;
top: 0;
z-index: var(--z-header);
background-color: var(--md-sys-color-surface);
border-bottom: 1px solid var(--md-sys-color-outline);
}
.site-header-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-4);
padding-block: var(--space-4);
} .site-title {
font-family: var(--md-sys-font-heading);
font-size: 1.25rem;
font-weight: 600;
margin: 0;
}
.site-title a {
color: var(--md-sys-color-on-surface);
}
.site-title a:hover {
color: var(--md-sys-color-primary);
} .main-navigation {
display: none;
}
@media (min-width: 768px) {
.main-navigation {
display: flex;
align-items: center;
gap: var(--space-1);
}
}
.main-navigation ul {
display: flex;
align-items: center;
gap: var(--space-1);
list-style: none;
margin: 0;
padding: 0;
}
.main-navigation ul li a {
display: block;
padding: var(--space-2) var(--space-3);
border-radius: var(--radius-full);
font-size: 0.875rem;
font-weight: 500;
color: var(--md-sys-color-on-surface-variant);
transition: background-color var(--transition-fast), color var(--transition-fast);
}
.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a {
background-color: var(--md-sys-color-surface-variant);
color: var(--md-sys-color-on-surface);
} .menu-toggle {
display: flex;
align-items: center;
justify-content: center;
background: transparent;
border: 1px solid var(--md-sys-color-outline);
border-radius: var(--radius-sm);
padding: var(--space-2);
color: var(--md-sys-color-on-surface);
transition: background-color var(--transition-fast);
}
.menu-toggle:hover {
background-color: var(--md-sys-color-surface-variant);
}
.menu-toggle .icon-close {
display: none;
}
.menu-toggle.is-active .icon-menu {
display: none;
}
.menu-toggle.is-active .icon-close {
display: block;
}
@media (min-width: 768px) {
.menu-toggle {
display: none;
}
} .nav-overlay {
position: fixed;
inset: 0;
background-color: rgba(32, 33, 36, 0.5);
z-index: var(--z-overlay);
opacity: 0;
visibility: hidden;
transition: opacity var(--transition-slow), visibility var(--transition-slow);
}
.nav-overlay.is-active {
opacity: 1;
visibility: visible;
}
.nav-drawer {
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: min(320px, 85vw);
background-color: var(--md-sys-color-surface);
z-index: var(--z-drawer);
transform: translateX(100%);
transition: transform var(--transition-slow);
display: flex;
flex-direction: column;
padding: var(--space-6);
overflow-y: auto;
border-left: 1px solid var(--md-sys-color-outline);
}
.nav-drawer.is-active {
transform: translateX(0);
}
.nav-drawer-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: var(--space-6);
}
.nav-drawer-title {
font-family: var(--md-sys-font-heading);
font-size: 1rem;
font-weight: 600;
margin: 0;
}
.nav-drawer-close {
display: flex;
align-items: center;
justify-content: center;
background: transparent;
border: none;
padding: var(--space-2);
border-radius: var(--radius-sm);
color: var(--md-sys-color-on-surface-variant);
transition: background-color var(--transition-fast);
}
.nav-drawer-close:hover {
background-color: var(--md-sys-color-surface-variant);
}
.nav-drawer ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: var(--space-1);
}
.nav-drawer ul li a {
display: block;
padding: var(--space-3) var(--space-4);
border-radius: var(--radius-md);
font-size: 0.9375rem;
font-weight: 500;
color: var(--md-sys-color-on-surface-variant);
transition: background-color var(--transition-fast), color var(--transition-fast);
}
.nav-drawer ul li a:hover,
.nav-drawer ul li.current-menu-item > a {
background-color: var(--md-sys-color-surface-variant);
color: var(--md-sys-color-on-surface);
} body.drawer-open {
overflow: hidden;
} .hero-section {
background-color: var(--md-sys-color-surface);
border-bottom: 1px solid var(--md-sys-color-outline);
padding-block: var(--space-16);
}
.hero-section .hero-inner {
display: flex;
align-items: center;
gap: var(--space-8);
flex-direction: column;
}
@media (min-width: 768px) {
.hero-section .hero-inner {
flex-direction: row;
}
}
.hero-content {
flex: 1;
}
.hero-title {
font-size: clamp(2rem, 5vw, 3rem);
font-weight: 600;
color: var(--md-sys-color-on-surface);
line-height: 1.15;
margin-bottom: var(--space-4);
}
.hero-subtitle {
font-size: 1.125rem;
color: var(--md-sys-color-on-surface-variant);
line-height: 1.6;
margin-bottom: var(--space-6);
}
.hero-actions {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
align-items: center;
}
.hero-visual {
flex: 1;
display: none;
background-color: var(--md-sys-color-surface-variant);
border-radius: var(--radius-xl);
min-height: 280px;
}
@media (min-width: 768px) {
.hero-visual {
display: block;
}
} .form-group {
margin-bottom: var(--space-5);
}
.form-label {
display: block;
font-size: 0.875rem;
font-weight: 500;
color: var(--md-sys-color-on-surface);
margin-bottom: var(--space-2);
}
.form-label-required::after {
content: ' *';
color: var(--md-sys-color-error);
}
input[type="text"],
input[type="email"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="password"],
select,
textarea {
display: block;
width: 100%;
padding: 0.6875rem var(--space-4);
background-color: var(--md-sys-color-surface);
border: 1px solid var(--md-sys-color-outline);
border-radius: var(--radius-sm);
font-size: 0.9375rem;
color: var(--md-sys-color-on-surface);
line-height: 1.5;
transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
appearance: none;
-webkit-appearance: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
outline: none;
border-color: var(--md-sys-color-primary);
box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.15);
}
textarea {
resize: vertical;
min-height: 120px;
}
.form-hint {
display: block;
font-size: 0.8125rem;
color: var(--md-sys-color-on-surface-variant);
margin-top: var(--space-1);
}
.form-error {
display: block;
font-size: 0.8125rem;
color: var(--md-sys-color-error);
margin-top: var(--space-1);
}
.form-wrapper {
background-color: var(--md-sys-color-surface);
border: 1px solid var(--md-sys-color-outline);
border-radius: var(--radius-md);
padding: var(--space-8);
} .table-responsive {
overflow-x: auto;
border-radius: var(--radius-md);
border: 1px solid var(--md-sys-color-outline);
}
table {
width: 100%;
border-collapse: collapse;
background-color: var(--md-sys-color-surface);
font-size: 0.875rem;
}
thead th {
background-color: var(--md-sys-color-surface-variant);
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--md-sys-color-on-surface-variant);
padding: var(--space-3) var(--space-4);
text-align: left;
border-bottom: 1px solid var(--md-sys-color-outline);
white-space: nowrap;
}
tbody td {
padding: var(--space-4);
border-bottom: 1px solid var(--md-sys-color-outline-variant);
color: var(--md-sys-color-on-surface);
vertical-align: middle;
}
tbody tr:last-child td {
border-bottom: none;
}
tbody tr:hover {
background-color: var(--md-sys-color-outline-variant);
} .sidebar {
display: flex;
flex-direction: column;
gap: var(--space-5);
}
.widget {
background-color: var(--md-sys-color-surface);
border: 1px solid var(--md-sys-color-outline);
border-radius: var(--radius-md);
padding: var(--space-5);
}
.widget-title {
font-family: var(--md-sys-font-heading);
font-size: 0.9375rem;
font-weight: 600;
color: var(--md-sys-color-on-surface);
margin-bottom: var(--space-4);
padding-bottom: var(--space-3);
border-bottom: 1px solid var(--md-sys-color-outline-variant);
}
.sidebar-sticky {
position: sticky;
top: calc(var(--space-16) + var(--space-4));
} .unstyled-list {
list-style: none;
padding: 0;
margin: 0;
}
.unstyled-list li {
padding-block: var(--space-2);
border-bottom: 1px solid var(--md-sys-color-outline-variant);
font-size: 0.875rem;
}
.unstyled-list li:last-child {
border-bottom: none;
}
.unstyled-list li a {
color: var(--md-sys-color-on-surface-variant);
display: block;
padding: var(--space-1) 0;
transition: color var(--transition-fast);
}
.unstyled-list li a:hover {
color: var(--md-sys-color-primary);
} .md3-pagination {
display: flex;
justify-content: center;
margin-block: var(--space-10);
}
.md3-pagination .nav-links {
display: flex;
gap: var(--space-2);
align-items: center;
flex-wrap: wrap;
}
.md3-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 2.25rem;
height: 2.25rem;
padding-inline: var(--space-3);
border-radius: var(--radius-full);
border: 1px solid var(--md-sys-color-outline);
font-size: 0.875rem;
font-weight: 500;
color: var(--md-sys-color-on-surface-variant);
text-decoration: none;
transition: background-color var(--transition-fast),
color var(--transition-fast),
border-color var(--transition-fast);
}
.md3-pagination .page-numbers:hover:not(.current) {
background-color: var(--md-sys-color-surface-variant);
color: var(--md-sys-color-on-surface);
}
.md3-pagination .page-numbers.current {
background-color: var(--md-sys-color-primary);
color: var(--md-sys-color-on-primary);
border-color: var(--md-sys-color-primary);
} .site-footer {
background-color: var(--md-sys-color-surface);
border-top: 1px solid var(--md-sys-color-outline);
padding-block: var(--space-12);
margin-top: var(--space-16);
}
.footer-branding-name {
font-family: var(--md-sys-font-heading);
font-size: 1rem;
font-weight: 600;
color: var(--md-sys-color-on-surface);
display: block;
margin-bottom: var(--space-3);
}
.footer-description {
font-size: 0.875rem;
color: var(--md-sys-color-on-surface-variant);
line-height: 1.6;
}
.footer-nav-title {
font-family: var(--md-sys-font-heading);
font-size: 0.8125rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--md-sys-color-on-surface-variant);
margin-bottom: var(--space-4);
}
.footer-nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: var(--space-2);
}
.footer-nav ul li a {
font-size: 0.875rem;
color: var(--md-sys-color-on-surface-variant);
transition: color var(--transition-fast);
}
.footer-nav ul li a:hover {
color: var(--md-sys-color-primary);
}
.footer-bottom {
border-top: 1px solid var(--md-sys-color-outline);
padding-top: var(--space-6);
margin-top: var(--space-10);
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: var(--space-4);
}
.footer-copy {
font-size: 0.8125rem;
color: var(--md-sys-color-on-surface-variant);
} .social-links {
display: flex;
gap: var(--space-2);
flex-wrap: wrap;
}
.social-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.25rem;
height: 2.25rem;
border-radius: var(--radius-full);
border: 1px solid var(--md-sys-color-outline);
color: var(--md-sys-color-on-surface-variant);
transition: background-color var(--transition-fast),
color var(--transition-fast),
border-color var(--transition-fast);
}
.social-link:hover {
background-color: var(--md-sys-color-primary);
color: var(--md-sys-color-on-primary);
border-color: var(--md-sys-color-primary);
} .post-thumbnail {
border-radius: var(--radius-md);
overflow: hidden;
margin-bottom: var(--space-6);
}
.post-thumbnail img {
width: 100%;
height: auto;
}
.img-fluid {
max-width: 100%;
height: auto;
} .chip {
display: inline-flex;
align-items: center;
gap: var(--space-1);
padding: var(--space-1) var(--space-3);
border-radius: var(--radius-full);
font-size: 0.75rem;
font-weight: 500;
background-color: var(--md-sys-color-surface-variant);
color: var(--md-sys-color-on-surface-variant);
border: 1px solid var(--md-sys-color-outline);
}
.chip-primary {
background-color: rgba(26, 115, 232, 0.1);
color: var(--md-sys-color-primary);
border-color: rgba(26, 115, 232, 0.25);
} .alert {
display: flex;
align-items: flex-start;
gap: var(--space-3);
padding: var(--space-4) var(--space-5);
border-radius: var(--radius-md);
border: 1px solid var(--md-sys-color-outline);
background-color: var(--md-sys-color-surface);
font-size: 0.875rem;
}
.alert-info {
background-color: rgba(26, 115, 232, 0.06);
border-color: rgba(26, 115, 232, 0.2);
color: var(--md-sys-color-primary-hover);
}
.alert-error {
background-color: rgba(217, 48, 37, 0.06);
border-color: rgba(217, 48, 37, 0.2);
color: var(--md-sys-color-error);
}  .wp-block-group.alignwide {
max-width: 1280px;
margin-inline: auto;
padding-inline: var(--space-5);
} .wp-block-image img {
border-radius: var(--radius-sm);
} .wp-block-pullquote {
border-left: 4px solid var(--md-sys-color-primary);
padding: var(--space-4) var(--space-6);
margin-block: var(--space-6);
background-color: var(--md-sys-color-surface-variant);
border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}
.wp-block-pullquote p {
font-size: 1.125rem;
color: var(--md-sys-color-on-surface);
font-style: italic;
} .search-form {
display: flex;
gap: var(--space-2);
}
.search-form .search-field {
flex: 1;
}
.search-form .search-submit {
background-color: var(--md-sys-color-primary);
color: var(--md-sys-color-on-primary);
border: none;
border-radius: var(--radius-sm);
padding: 0.6875rem var(--space-4);
font-size: 0.875rem;
font-weight: 500;
cursor: pointer;
transition: background-color var(--transition-fast);
}
.search-form .search-submit:hover {
background-color: var(--md-sys-color-primary-hover);
} .card {
opacity: 0;
transform: translateY(12px);
transition: opacity 0.3s ease, transform 0.3s ease, box-shadow var(--transition-base);
}
.card.is-visible {
opacity: 1;
transform: translateY(0);
} .site-header.is-scrolled {
box-shadow: var(--shadow-1);
} .site-header-inner {
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: var(--space-4);
padding-block: var(--space-4);
} .main-navigation {
justify-self: center;
} .header-actions {
display: flex;
align-items: center;
gap: var(--space-3);
justify-self: end;
} .nav-drawer-cta {
margin-top: auto;
padding-top: var(--space-6);
border-top: 1px solid var(--md-sys-color-outline);
} .entry-footer {
border-top: 1px solid var(--md-sys-color-outline);
}
.entry-footer-inner {
display: flex;
flex-direction: column;
gap: var(--space-4);
}
.share-bar {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--space-3);
}
.share-bar-label {
display: flex;
align-items: center;
gap: var(--space-2);
font-size: 0.875rem;
font-weight: 500;
color: var(--md-sys-color-on-surface-variant);
flex-shrink: 0;
}
.share-bar-links {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
} .share-link {
display: inline-flex;
align-items: center;
gap: var(--space-2);
padding: var(--space-2) var(--space-3);
border-radius: var(--radius-full);
font-size: 0.8125rem;
font-weight: 500;
text-decoration: none;
border: 1px solid var(--md-sys-color-outline);
background-color: var(--md-sys-color-surface);
color: var(--md-sys-color-on-surface-variant);
cursor: pointer;
transition: background-color var(--transition-fast),
color var(--transition-fast),
border-color var(--transition-fast);
}
.share-link:hover {
background-color: var(--md-sys-color-surface-variant);
color: var(--md-sys-color-on-surface);
} .share-link--linkedin:hover  { background-color: #0a66c2; color: #fff; border-color: #0a66c2; }
.share-link--twitter:hover   { background-color: #000000; color: #fff; border-color: #000000; }
.share-link--facebook:hover  { background-color: #1877f2; color: #fff; border-color: #1877f2; }
.share-link--whatsapp:hover  { background-color: #25d366; color: #fff; border-color: #25d366; } .share-link--copy .icon-copy-done { display: none; } .share-link--copy.is-copied {
background-color: rgba(26, 115, 232, 0.08);
border-color: var(--md-sys-color-primary);
color: var(--md-sys-color-primary);
}
.share-link--copy.is-copied .icon-copy-default { display: none; }
.share-link--copy.is-copied .icon-copy-done    { display: block; } .fp-hero {
padding-block: var(--space-16);
background-color: var(--md-sys-color-surface);
border-bottom: 1px solid var(--md-sys-color-outline);
overflow: hidden;
}
.fp-hero-inner {
display: flex;
align-items: center;
gap: var(--space-12);
flex-direction: column;
}
@media (min-width: 768px) {
.fp-hero-inner {
flex-direction: row;
}
}
.fp-hero-content {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.fp-hero-eyebrow {
display: inline-flex;
}
.fp-hero-title {
font-size: clamp(2rem, 5vw, 3.25rem);
font-weight: 700;
line-height: 1.1;
color: var(--md-sys-color-on-surface);
margin-bottom: var(--space-4);
}
.fp-hero-subtitle {
font-size: clamp(1rem, 2vw, 1.2rem);
color: var(--md-sys-color-on-surface-variant);
line-height: 1.65;
margin-bottom: var(--space-5);
max-width: 52ch;
} .fp-hero-proof {
display: flex;
align-items: center;
gap: var(--space-2);
font-size: 0.875rem;
color: var(--md-sys-color-on-surface-variant);
margin-bottom: var(--space-6);
padding: var(--space-3) var(--space-4);
background-color: var(--md-sys-color-outline-variant);
border-radius: var(--radius-full);
} .fp-hero-actions {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
align-items: center;
} .fp-hero-visual {
flex: 1;
max-width: 520px;
width: 100%;
}
.fp-hero-img {
width: 100%;
height: auto;
border-radius: var(--radius-xl);
box-shadow: var(--shadow-3);
}
.fp-hero-placeholder {
width: 100%;
aspect-ratio: 4 / 3;
background-color: var(--md-sys-color-surface-variant);
border-radius: var(--radius-xl);
border: 2px dashed var(--md-sys-color-outline);
display: flex;
align-items: center;
justify-content: center;
} .fp-media-section {
padding-block: var(--space-16);
}
.fp-media-row {
display: flex;
align-items: center;
gap: var(--space-12);
flex-direction: column;
padding-block: var(--space-10);
border-bottom: 1px solid var(--md-sys-color-outline-variant);
}
.fp-media-row:last-child {
border-bottom: none;
}
@media (min-width: 768px) {
.fp-media-row {
flex-direction: row;
}
.fp-media-row--reverse {
flex-direction: row-reverse;
}
}
.fp-media-visual {
flex: 1;
}
.fp-media-img {
width: 100%;
border-radius: var(--radius-lg);
box-shadow: var(--shadow-2);
}
.fp-media-placeholder {
width: 100%;
aspect-ratio: 4 / 3;
background-color: var(--md-sys-color-surface-variant);
border-radius: var(--radius-lg);
border: 2px dashed var(--md-sys-color-outline);
display: flex;
align-items: center;
justify-content: center;
}
.fp-media-content {
flex: 1;
}
.fp-media-title {
font-size: clamp(1.4rem, 3vw, 2rem);
font-weight: 600;
color: var(--md-sys-color-on-surface);
margin-bottom: var(--space-4);
}
.fp-media-text {
font-size: 1.0625rem;
color: var(--md-sys-color-on-surface-variant);
line-height: 1.7;
margin-bottom: var(--space-6);
} .fp-blog-section {
padding-block: var(--space-16);
background-color: var(--md-sys-color-surface-variant);
border-block: 1px solid var(--md-sys-color-outline);
}
.fp-section-header {
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-wrap: wrap;
gap: var(--space-4);
margin-bottom: var(--space-8);
}
.fp-section-title {
font-size: clamp(1.4rem, 3vw, 2rem);
font-weight: 600;
color: var(--md-sys-color-on-surface);
margin-bottom: var(--space-2);
}
.fp-section-subtitle {
font-size: 1rem;
color: var(--md-sys-color-on-surface-variant);
margin-bottom: 0;
} .fp-cta-section {
padding-block: var(--space-16);
}
.fp-cta-inner {
background-color: var(--md-sys-color-surface);
border-radius: var(--radius-xl);
padding: var(--space-12);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: var(--space-8);
}
@media (min-width: 768px) {
.fp-cta-inner {
flex-direction: row;
text-align: left;
align-items: center;
}
}
.fp-cta-content {
flex: 1;
}
.fp-cta-title {
font-size: clamp(1.5rem, 3vw, 2.25rem);
font-weight: 700;
color: var(--md-sys-color-on-surface);
margin-bottom: var(--space-3);
}
.fp-cta-text {
font-size: 1.0625rem;
color: var(--md-sys-color-on-surface-variant);
max-width: 52ch;
margin-bottom: 0;
}
.fp-cta-actions {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
flex-shrink: 0;
}:root { --md-sys-color-primary:            #1165b3;
--md-sys-color-primary-hover:      #0d4f8c;
--md-sys-color-on-primary:         #ffffff; --md-sys-color-primary-rgb:        17, 101, 179;  --sticky-offset:                   7rem; --md-sys-color-secondary:          #0e3d6e; --md-sys-color-background:         #f0f4fa;
--md-sys-color-surface:            #ffffff;
--md-sys-color-surface-container:  #ffffff;
--md-sys-color-surface-variant:    #e3eaf5; --md-sys-color-on-surface:         #0a0a0a;
--md-sys-color-on-surface-variant: #4a5568; --md-sys-color-outline:            #c8d5e8;
--md-sys-color-outline-variant:    #e8eef7; --footer-bg:        #111827;
--footer-surface:   #1a2535;
--footer-border:    #2d3a4f;
--footer-text:      #9ca3af;
--footer-text-dim:  #6b7280;
--footer-heading:   #e5e7eb;
--footer-link:      #9ca3af;
--footer-link-hover:#ffffff; --shadow-1: 0 1px 3px rgba(17, 101, 179, 0.10), 0 1px 2px rgba(0,0,0,.12);
--shadow-2: 0 2px 8px rgba(17, 101, 179, 0.12), 0 1px 3px rgba(0,0,0,.10);
--shadow-3: 0 6px 20px rgba(17, 101, 179, 0.15), 0 2px 6px rgba(0,0,0,.10);
} .header-cta-mobile {
display: inline-flex;
align-items: center;
gap: var(--space-1);
padding: 0.4rem 0.875rem;
font-size: 0.8125rem;
font-weight: 600;
background-color: var(--md-sys-color-primary);
color: var(--md-sys-color-on-primary);
border-radius: var(--radius-full);
text-decoration: none;
white-space: nowrap;
transition: background-color var(--transition-fast);
border: none;
}
.header-cta-mobile:hover {
background-color: var(--md-sys-color-primary-hover);
color: var(--md-sys-color-on-primary);
} @media (min-width: 768px) {
.header-cta-mobile {
display: none;
}
} @media (min-width: 768px) {
.main-navigation {
justify-self: end;
} .d-md-inline-flex {
display: inline-flex !important;
} .header-cta {
padding: 0.6rem 1.5rem;
}
} @media (max-width: 767px) {
.header-actions {
margin-right: calc(var(--space-3) * -1); }
} .custom-logo-link {
display: inline-flex;
align-items: center;
}
.custom-logo {
height: 64px; width: auto;
max-width: 100%;
display: block;
}
@media (max-width: 767px) {
.custom-logo {
height: 48px; }
} .site-logo-link {
display: inline-flex;
align-items: center;
gap: var(--space-3); line-height: 0;
}
.footer-logo {
display: inline-flex;
align-items: center;
gap: var(--space-3); line-height: 0;
}
.site-logo {
display: block;
width: auto;
overflow: hidden; } .site-logo .st0 { fill: #1667b3; } .site-logo .st2 { fill: #1265b3; } .site-logo .st1 { fill: #050505; } .site-logo .st4 { fill: #050505; } .site-logo .st3 { fill: #ffffff; }  .site-branding .logo-mark { height: 54px; } .site-branding .logo-type { height: 46px; } @media (max-width: 767px) {
.site-branding .logo-mark { height: 44px; }
.site-branding .logo-type { height: 38px; }
} .footer-logo .logo-mark { height: 54px; }
.footer-logo .logo-type { height: 46px; }
.footer-logo .st0,
.footer-logo .st1,
.footer-logo .st3,
.footer-logo .st4 { fill: #ffffff; }
.footer-logo .st2 { fill: transparent; }
.footer-logo { margin-bottom: var(--space-4); } .site-footer {
background-color: var(--footer-bg);
border-top: none;
margin-top: 0;
}
.site-footer .footer-branding-name {
color: var(--footer-heading);
}
.site-footer .footer-description {
color: var(--footer-text);
} .site-footer .footer-legal {
margin-top: var(--space-4);
font-style: normal;
font-size: 0.8125rem;
line-height: 1.7;
color: var(--footer-text);
}
.site-footer .footer-nav-title { color: var(--footer-text); border-bottom: none;
padding-bottom: 0;
margin-bottom: var(--space-3);
}
.site-footer .footer-nav ul li a {
color: var(--footer-link);
}
.site-footer .footer-nav ul li a:hover {
color: var(--footer-link-hover);
}
.site-footer .footer-bottom {
border-top-color: var(--footer-border);
}
.site-footer .footer-copy { color: var(--footer-text);
}
.site-footer .footer-copy a {
color: var(--md-sys-color-primary);
}
.site-footer .footer-copy a:hover {
color: #4da3ff;
}
.site-footer .social-link {
border-color: var(--footer-border);
color: var(--footer-text);
background-color: transparent;
}
.site-footer .social-link:hover {
background-color: var(--md-sys-color-primary);
border-color: var(--md-sys-color-primary);
color: #fff;
} .footer-badge {
display: inline-flex;
align-items: center;
gap: var(--space-2);
background-color: var(--footer-surface);
border: 1px solid var(--footer-border);
border-radius: var(--radius-full);
padding: var(--space-2) var(--space-4);
font-size: 0.75rem;
font-weight: 500;
color: var(--footer-text);
margin-top: var(--space-4);
} .fp-hero-title .highlight {
color: var(--md-sys-color-primary);
position: relative;
} .fp-hero-tags {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
margin-bottom: var(--space-5);
}
.fp-hero-tag {
display: inline-flex;
align-items: center;
gap: var(--space-1);
padding: var(--space-1) var(--space-3);
background-color: rgba(17, 101, 179, 0.08);
border: 1px solid rgba(17, 101, 179, 0.2);
border-radius: var(--radius-full);
font-size: 0.75rem;
font-weight: 500;
color: var(--md-sys-color-primary);
} .services-section {
padding-block: var(--space-16);
}
.service-card {
background-color: var(--md-sys-color-surface);
border: 1px solid var(--md-sys-color-outline);
border-radius: var(--radius-lg);
padding: var(--space-8);
display: flex;
flex-direction: column;
gap: var(--space-4);
transition: box-shadow var(--transition-base), transform var(--transition-base), border-color var(--transition-base);
text-decoration: none;
height: 100%;
}
.service-card:hover {
box-shadow: var(--shadow-3);
transform: translateY(-2px);
border-color: rgba(17, 101, 179, 0.3);
} .service-card-thumb {
position: relative;
margin: calc(var(--space-8) * -1) calc(var(--space-8) * -1) 0;
aspect-ratio: 16 / 9;
overflow: hidden;
border-radius: var(--radius-lg) var(--radius-lg) 0 0;
background-color: var(--md-sys-color-surface-variant); clip-path: inset(0 round var(--radius-lg) var(--radius-lg) 0 0);
} .service-card-cat {
position: absolute;
top: var(--space-3);
left: var(--space-3);
z-index: 1;
display: inline-flex;
align-items: center;
max-width: calc(100% - var(--space-6));
padding: var(--space-1) var(--space-3);
border-radius: var(--radius-full);
background-color: rgba(255, 255, 255, 0.92);
color: var(--md-sys-color-primary);
font-size: 0.6875rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
line-height: 1.4;
box-shadow: var(--shadow-1);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} .service-card-cat--inline {
position: static;
align-self: flex-start;
max-width: 100%;
box-shadow: none;
backdrop-filter: none;
-webkit-backdrop-filter: none;
background-color: rgba(var(--md-sys-color-primary-rgb), 0.1);
}
.service-card-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.service-card:hover .service-card-thumb img {
transform: scale(1.04);
}
.service-card-title {
font-family: var(--md-sys-font-heading);
font-size: 1.0625rem;
font-weight: 600;
color: var(--md-sys-color-on-surface);
margin-bottom: 0;
} .card-title,
.service-card-title,
.portfolio-card-title {
line-height: 1.4;
}
.service-card-excerpt {
font-size: 0.9rem;
color: var(--md-sys-color-on-surface-variant);
line-height: 1.65;
flex-grow: 1;
margin-bottom: 0;
}
.service-card-link {
display: inline-flex;
align-items: center;
gap: var(--space-1);
font-size: 0.875rem;
font-weight: 600;
color: var(--md-sys-color-primary);
margin-top: auto;
} .portfolio-section {
padding-block: var(--space-16);
background-color: var(--md-sys-color-surface-variant);
border-block: 1px solid var(--md-sys-color-outline);
}
.portfolio-card {
background-color: var(--md-sys-color-surface);
border-radius: var(--radius-lg);
overflow: hidden;
display: flex;
flex-direction: column;
border: 1px solid var(--md-sys-color-outline);
transition: box-shadow var(--transition-base), transform var(--transition-base);
text-decoration: none;
height: 100%;
}
.portfolio-card:hover {
box-shadow: var(--shadow-3);
transform: translateY(-3px);
}
.portfolio-card-thumb {
aspect-ratio: 16 / 9;
overflow: hidden;
background-color: var(--md-sys-color-surface-variant);
}
.portfolio-card-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.portfolio-card:hover .portfolio-card-thumb img {
transform: scale(1.04);
}
.portfolio-card-body {
padding: var(--space-5);
display: flex;
flex-direction: column;
flex-grow: 1;
gap: var(--space-2);
}
.portfolio-card-category {
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--md-sys-color-primary);
}
.portfolio-card-title {
font-family: var(--md-sys-font-heading);
font-size: 1rem;
font-weight: 600;
color: var(--md-sys-color-on-surface);
margin-bottom: 0;
}
.portfolio-card-excerpt {
font-size: 0.875rem;
color: var(--md-sys-color-on-surface-variant);
margin-bottom: 0;
flex-grow: 1;
} .stats-section {
padding-block: var(--space-12);
background-color: var(--md-sys-color-primary);
color: #fff;
}
.stat-item {
text-align: center;
}
.stat-number {
font-family: var(--md-sys-font-heading);
font-size: clamp(2.25rem, 5vw, 3.5rem);
font-weight: 700;
color: #ffffff;
line-height: 1;
display: block;
margin-bottom: var(--space-2);
}
.stat-label {
font-size: 0.9375rem;
color: rgba(255,255,255,0.8);
font-weight: 400;
}  .single-servizi-header,
.page-hero {
background-color: var(--md-sys-color-surface-variant);
border-bottom: 1px solid var(--md-sys-color-outline);
padding-block: var(--space-16);
} .breadcrumb-sep {
margin-inline: var(--space-1);
opacity: 0.6;
} .rank-math-breadcrumb {
margin-bottom: var(--space-4);
font-size: 0.875rem;
line-height: 1.5;
}
.rank-math-breadcrumb p {
margin: 0;
}
.rank-math-breadcrumb,
.rank-math-breadcrumb a {
color: var(--md-sys-color-on-surface-variant);
text-decoration: none;
}
.rank-math-breadcrumb a:hover {
color: var(--md-sys-color-primary);
}
.rank-math-breadcrumb .separator {
margin-inline: var(--space-1);
opacity: 0.6;
}
.rank-math-breadcrumb .last {
color: var(--md-sys-color-on-surface);
} .single-portfolio-header {
border-bottom: 1px solid var(--md-sys-color-outline);
padding-block: var(--space-12);
}
.portfolio-meta-list {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
list-style: none;
padding: 0;
margin: var(--space-5) 0 0;
}
.portfolio-meta-item {
display: flex;
flex-direction: column;
gap: var(--space-1);
}
.portfolio-meta-label {
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--md-sys-color-on-surface-variant);
}
.portfolio-meta-value {
font-size: 0.9375rem;
font-weight: 500;
color: var(--md-sys-color-on-surface);
} .archive-header {
background-color: var(--md-sys-color-surface-variant);
border: none;
border-bottom: 1px solid var(--md-sys-color-outline);
border-radius: 0;
padding: var(--space-12) 0;
margin-bottom: var(--space-8);
} .fp-cta-inner {
background: linear-gradient(135deg, var(--md-sys-color-primary) 0%, var(--md-sys-color-secondary) 100%);
color: #fff;
border: none;
}
.fp-cta-title {
color: #fff;
}
.fp-cta-text {
color: rgba(255,255,255,0.85);
}
.fp-cta-inner .btn-primary {
background-color: #fff;
color: var(--md-sys-color-primary);
border-color: transparent;
}
.fp-cta-inner .btn-primary:hover {
background-color: #e8f0fb;
color: var(--md-sys-color-primary-hover);
}
.fp-cta-inner .btn-secondary {
background-color: transparent;
color: #fff;
border-color: rgba(255,255,255,0.5);
}
.fp-cta-inner .btn-secondary:hover {
background-color: rgba(255,255,255,0.1);
border-color: rgba(255,255,255,0.8);
color: #fff;
} .chip-primary {
background-color: rgba(17, 101, 179, 0.1);
color: var(--md-sys-color-primary);
border-color: rgba(17, 101, 179, 0.25);
} .page-header {
background-color: var(--md-sys-color-surface-variant);
padding-block: var(--space-10);
border-bottom: 1px solid var(--md-sys-color-outline);
margin-bottom: var(--space-8);
}  .img-placeholder {
display: flex;
align-items: center;
justify-content: center;
background-color: var(--md-sys-color-surface-variant);
}
.img-placeholder--200 {
height: 200px;
}
.img-placeholder--220 {
height: 220px;
} .footer-row {
padding-top: var(--space-12);
} @media (max-width: 767px) {
.footer-row {
row-gap: var(--space-8);
}
} .icon--footer-muted {
color: #9ca3af;
} .footer-contact-list {
border-top: none;
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: var(--space-2);
}
.footer-contact-list li {
padding-block: var(--space-2);
border-bottom: 1px solid var(--footer-border);
font-size: 0.875rem;
}
.footer-contact-list li:last-child {
border-bottom: none;
}
.footer-contact-list a {
color: var(--footer-link);
}
.footer-contact-list a:hover {
color: var(--footer-link-hover);
} .footer-brand-strong {
color: #e5e7eb;
} .portfolio-section--padded {
padding-block: var(--space-12);
} .aside-card-title {
font-size: 1rem;
margin-bottom: var(--space-3);
} .aside-card-title--sm {
font-size: 1rem;
margin-bottom: var(--space-3);
}  .main-navigation ul li {
position: relative;
} .main-navigation ul ul {
position: absolute;
top: calc(100% + 6px);
left: 0;
width: max-content;
min-width: 100%;
max-width: 320px;
background-color: var(--md-sys-color-surface);
border: 1px solid var(--md-sys-color-outline);
border-radius: var(--radius-md);
box-shadow: var(--shadow-3);
padding: var(--space-1);
z-index: calc(var(--z-header) + 10);
display: flex;
flex-direction: column; align-items: stretch;
gap: 2px;
opacity: 0;
visibility: hidden;
transform: translateY(-6px);
transition: opacity var(--transition-fast),
transform var(--transition-fast),
visibility var(--transition-fast);
} .main-navigation ul li:hover > ul,
.main-navigation ul li:focus-within > ul,
.main-navigation ul li.menu-item-has-children > ul.is-open {
opacity: 1;
visibility: visible;
transform: translateY(0);
} .main-navigation ul ul li a {
position: relative;
display: block;
text-align: left;
padding: var(--space-2) var(--space-4);
border-radius: var(--radius-sm);
font-size: 0.8125rem;
font-weight: 500;
color: var(--md-sys-color-on-surface-variant);
white-space: nowrap; transition: background-color var(--transition-fast), color var(--transition-fast);
} .main-navigation ul ul li a::before {
content: '';
position: absolute;
left: var(--space-2);
top: 50%;
width: 3px;
height: 0;
border-radius: 2px;
background-color: var(--md-sys-color-primary);
transform: translateY(-50%);
transition: height var(--transition-fast);
}
.main-navigation ul ul li a:hover,
.main-navigation ul ul li a:focus-visible,
.main-navigation ul ul li.current-menu-item > a {
background-color: rgba(var(--md-sys-color-primary-rgb), 0.08);
color: var(--md-sys-color-primary);
}
.main-navigation ul ul li a:hover::before,
.main-navigation ul ul li a:focus-visible::before,
.main-navigation ul ul li.current-menu-item > a::before {
height: 1.1rem;
}  .nav-drawer ul ul {
display: flex;
flex-direction: column;
padding-left: var(--space-4);
margin-top: var(--space-1);
border-left: 2px solid var(--md-sys-color-outline);
}
.nav-drawer ul ul li a {
padding: var(--space-2) var(--space-3);
font-size: 0.875rem;
color: var(--md-sys-color-on-surface-variant);
}
.nav-drawer ul li.menu-item-has-children > a::after {
content: none;
}  .main-navigation ul li a:focus-visible,
.main-navigation ul ul li a:focus-visible {
outline: 2px solid var(--md-sys-color-primary);
outline-offset: -2px;
border-radius: var(--radius-sm);
}  @media (max-width: 767px) {
.main-navigation ul li.menu-item-has-children > a::after {
content: none;
}
} .nav-drawer ul li.menu-item-has-children {
position: relative;
} .drawer-submenu-toggle {
position: absolute;
right: 0;
top: 0;
height: 44px;
width: 44px;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
border: none;
border-radius: var(--radius-md);
color: var(--md-sys-color-on-surface-variant);
cursor: pointer;
transition: background-color var(--transition-fast);
flex-shrink: 0;
}
.drawer-submenu-toggle:hover {
background-color: var(--md-sys-color-surface-variant);
}
.drawer-submenu-toggle:focus-visible {
outline: 2px solid var(--md-sys-color-primary);
outline-offset: 2px;
} .drawer-submenu-toggle::after {
content: '';
display: inline-block;
width: 0.45rem;
height: 0.45rem;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg); margin-top: -3px; transition: transform var(--transition-fast);
} .drawer-submenu-toggle[aria-expanded="true"] {
color: var(--md-sys-color-primary);
}
.drawer-submenu-toggle[aria-expanded="true"]::after {
transform: rotate(225deg); margin-top: 2px;
} .nav-drawer ul ul {
display: none;
flex-direction: column;
padding-left: var(--space-4);
margin-top: var(--space-1);
border-left: 2px solid var(--md-sys-color-outline);
} .nav-drawer ul ul.is-open {
display: flex;
} .nav-drawer ul li.menu-item-has-children > a {
padding-right: 3rem;
}  .skip-link {
position: absolute;
left: var(--space-4);
top: var(--space-4);
z-index: 9999;
padding: var(--space-2) var(--space-4);
background-color: var(--md-sys-color-primary);
color: var(--md-sys-color-on-primary);
border-radius: var(--radius-sm);
font-size: 0.875rem;
font-weight: 600;
transform: translateY(-200%);
transition: transform var(--transition-fast);
text-decoration: none;
}
.skip-link:focus {
transform: translateY(0);
outline: 3px solid var(--md-sys-color-on-primary);
outline-offset: 2px;
} a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
outline: 2px solid var(--md-sys-color-primary);
outline-offset: 2px;
border-radius: var(--radius-xs);
} .btn:focus-visible {
outline: 3px solid var(--md-sys-color-primary);
outline-offset: 3px;
}
.btn-primary:focus-visible {
outline-color: var(--md-sys-color-primary);
box-shadow: 0 0 0 4px rgba(17, 101, 179, 0.25);
} .service-card:focus-visible,
.portfolio-card:focus-visible {
outline: 2px solid var(--md-sys-color-primary);
outline-offset: 3px;
} .social-link:focus-visible,
.chip:focus-visible {
outline: 2px solid var(--md-sys-color-primary);
outline-offset: 2px;
} .menu-toggle:focus-visible,
.nav-drawer-close:focus-visible {
outline: 2px solid var(--md-sys-color-primary);
outline-offset: 2px;
} *:focus:not(:focus-visible) {
outline: none;
} @media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
} @media (forced-colors: active) {
.btn,
.card,
.chip,
.social-link {
border: 1px solid ButtonText;
}
}  .main-navigation ul li.menu-item-has-children > a::after {
content: '';
display: inline-block;
width: 0.4rem;
height: 0.4rem;
border: none;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
transform: rotate(45deg) translateY(-2px);
margin-left: var(--space-2);
vertical-align: middle;
opacity: 0.55;
transition: transform var(--transition-fast), opacity var(--transition-fast);
}
.main-navigation ul li.menu-item-has-children:hover > a::after,
.main-navigation ul li.menu-item-has-children:focus-within > a::after {
transform: rotate(225deg) translateY(-2px);
opacity: 1;
}  .entry-footer {
border-top: none;
margin-top: var(--space-6);
padding-top: 0;
} .entry-footer-inner {
gap: var(--space-5);
} .share-bar {
gap: var(--space-2);
}
.share-bar-links {
gap: var(--space-2);
flex-wrap: wrap;
}  .post-navigation {
margin-top: var(--space-8);
padding-top: var(--space-6);
} .comments-area {
margin-top: var(--space-8);
padding-top: var(--space-6);
border-top: 1px solid var(--md-sys-color-outline-variant);
} .comments-title {
font-size: 1.125rem;
font-weight: 600;
margin-bottom: var(--space-6);
} .comment-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: var(--space-4);
} #respond {
margin-top: var(--space-8);
padding-top: var(--space-6);
border-top: 1px solid var(--md-sys-color-outline-variant);
}  .entry-content > * + * {
margin-top: var(--space-5);
}
.entry-content > h2,
.entry-content > h3 {
margin-top: var(--space-8);
} .fp-media-section {
padding-block: var(--space-16);
}
.fp-media-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--space-12);
align-items: center;
padding-block: var(--space-10);
}
.fp-media-row + .fp-media-row {
border-top: 1px solid var(--md-sys-color-outline-variant);
}
.fp-media-row--reverse {
direction: rtl;
}
.fp-media-row--reverse > * {
direction: ltr;
}
@media (max-width: 767px) {
.fp-media-row {
grid-template-columns: 1fr;
gap: var(--space-6);
}
.fp-media-row--reverse {
direction: ltr;
}
}
.fp-media-img {
width: 100%;
height: auto;
border-radius: var(--radius-lg);
display: block;
}
.fp-media-placeholder {
aspect-ratio: 4/3;
border-radius: var(--radius-lg);
background-color: var(--md-sys-color-surface-variant);
border: 2px dashed var(--md-sys-color-outline);
display: flex;
align-items: center;
justify-content: center;
}
.fp-media-title {
font-family: var(--md-sys-font-heading);
font-size: clamp(1.25rem, 2.5vw, 1.75rem);
font-weight: 700;
margin-bottom: var(--space-4);
color: var(--md-sys-color-on-surface);
}
.fp-media-text {
color: var(--md-sys-color-on-surface-variant);
line-height: 1.75;
margin-bottom: var(--space-5);
} .fp-section-header {
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-wrap: wrap;
gap: var(--space-4);
margin-bottom: var(--space-8);
}
.fp-section-title {
font-family: var(--md-sys-font-heading);
font-size: clamp(1.375rem, 3vw, 2rem);
font-weight: 700;
margin-bottom: var(--space-2);
color: var(--md-sys-color-on-surface);
}
.fp-section-subtitle {
font-size: 0.9375rem;
color: var(--md-sys-color-on-surface-variant);
margin-bottom: 0;
} .fp-blog-section {
padding-block: var(--space-16);
} .fp-cta-section {
padding-block: var(--space-16);
}
.fp-cta-inner {
border-radius: var(--radius-xl);
padding: var(--space-12) var(--space-10);
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: var(--space-8);
}
.fp-cta-content {
flex: 1;
min-width: 260px;
}
.fp-cta-title {
font-family: var(--md-sys-font-heading);
font-size: clamp(1.375rem, 3vw, 2rem);
font-weight: 700;
margin-bottom: var(--space-3);
}
.fp-cta-text {
font-size: 1rem;
margin-bottom: 0;
opacity: 0.88;
}
.fp-cta-actions {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
flex-shrink: 0;
}
@media (max-width: 767px) {
.fp-cta-inner {
flex-direction: column;
text-align: center;
padding: var(--space-8) var(--space-6);
}
.fp-cta-actions {
width: 100%;
justify-content: center;
}
} .card {
opacity: 1;
transform: none;
}
.js .card {
opacity: 0;
transform: translateY(12px);
transition: opacity 0.3s ease, transform 0.3s ease, box-shadow var(--transition-base);
}
.js .card.is-visible {
opacity: 1; transform: none;
} @media (prefers-reduced-motion: reduce) {
.js .card {
opacity: 1;
transform: none;
}
}  .entry-content ul,
.entry-content ol {
padding-left: 1.5em;
margin-bottom: var(--space-5);
}
.entry-content ul { list-style: disc; }
.entry-content ol { list-style: decimal; } .entry-content ul ul { list-style: circle; }
.entry-content ol ol { list-style: lower-alpha; } .entry-content li { margin-bottom: var(--space-2); }
.entry-content li > ul,
.entry-content li > ol { margin-top: var(--space-2); margin-bottom: 0; } .entry-content a {
text-decoration: underline;
text-underline-offset: 2px;
text-decoration-thickness: 1px;
}
.entry-content a:hover {
text-decoration-thickness: 2px;
} .entry-content a.btn,
.entry-content .wp-block-button__link {
text-decoration: none;
}  input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
box-shadow: 0 0 0 3px rgba(var(--md-sys-color-primary-rgb), 0.15);
} .alert-info {
background-color: rgba(var(--md-sys-color-primary-rgb), 0.06);
border-color: rgba(var(--md-sys-color-primary-rgb), 0.20);
color: var(--md-sys-color-primary-hover);
} .share-link--copy.is-copied {
background-color: rgba(var(--md-sys-color-primary-rgb), 0.08);
border-color: var(--md-sys-color-primary);
color: var(--md-sys-color-primary);
} .sidebar-sticky {
display: flex;
flex-direction: column;
gap: var(--space-5);
}
.widget-area .widget {
margin: 0; } .widget-area .widget-title,
.widget-area h2,
.widget-area h3,
.widget-area .wp-block-heading,
.widget-area .wp-block-search__label {
font-size: 1rem;
font-weight: 600;
line-height: 1.3;
margin-bottom: var(--space-3);
}
.widget-area .wp-block-search__input,
.widget-area .search-field {
font-size: 0.9375rem;
padding: 0.55rem var(--space-3);
}
.widget-area .wp-block-search__button,
.widget-area .search-form .btn {
font-size: 0.875rem;
padding: 0.55rem 1rem;
} .sidebar-sticky,
.aside-sticky {
position: static;
}
@media (min-width: 1024px) {
.sidebar-sticky,
.aside-sticky {
position: sticky;
top: var(--sticky-offset);
}
} @media (max-width: 1023px) {
.widget-area,
.aside-sticky {
margin-top: var(--space-8);
}
} .related-section {
border-top: 1px solid var(--md-sys-color-outline-variant);
padding-block: var(--space-12);
}  .wpcf7-form p {
margin-bottom: var(--space-4);
} .wpcf7-form-control:not(.wpcf7-submit):not([type="checkbox"]):not([type="radio"]) {
width: 100%;
} .wpcf7-submit {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--space-2);
width: auto;
padding: 0.75rem 1.75rem;
border: 1px solid transparent;
border-radius: var(--radius-full);
background-color: var(--md-sys-color-primary);
color: var(--md-sys-color-on-primary);
font-family: var(--md-sys-font-main);
font-size: 0.9375rem;
font-weight: 500;
line-height: 1;
cursor: pointer;
transition: background-color var(--transition-base), box-shadow var(--transition-base);
}
.wpcf7-submit:hover {
background-color: var(--md-sys-color-primary-hover);
box-shadow: var(--shadow-1);
}
.wpcf7-submit:focus-visible {
outline: 3px solid var(--md-sys-color-primary);
outline-offset: 3px;
}
.wpcf7-submit:disabled {
opacity: 0.6;
cursor: not-allowed;
} .wpcf7-form .wpcf7-not-valid {
border-color: var(--md-sys-color-error) !important;
box-shadow: 0 0 0 3px rgba(217, 48, 37, 0.15);
} .wpcf7-not-valid-tip {
display: block;
margin-top: var(--space-1);
font-size: 0.8125rem;
font-weight: 500;
color: var(--md-sys-color-error);
} .wpcf7-response-output {
margin: var(--space-4) 0 0 !important;
padding: var(--space-3) var(--space-4) !important;
border: 1px solid var(--md-sys-color-outline) !important;
border-radius: var(--radius-md) !important;
font-size: 0.875rem;
line-height: 1.5;
} .wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.unaccepted .wpcf7-response-output,
.wpcf7-form.payment-required .wpcf7-response-output,
.wpcf7-form.failed .wpcf7-response-output,
.wpcf7-form.aborted .wpcf7-response-output {
background-color: rgba(217, 48, 37, 0.06);
border-color: rgba(217, 48, 37, 0.30) !important;
color: var(--md-sys-color-error);
} .wpcf7-form.sent .wpcf7-response-output {
background-color: rgba(var(--md-sys-color-primary-rgb), 0.06);
border-color: rgba(var(--md-sys-color-primary-rgb), 0.30) !important;
color: var(--md-sys-color-primary-hover);
} .wpcf7-form.spam .wpcf7-response-output {
background-color: rgba(180, 130, 0, 0.08);
border-color: rgba(180, 130, 0, 0.35) !important;
color: #8a6d00;
} .wpcf7-list-item {
display: inline-flex;
align-items: center;
gap: var(--space-1);
margin: 0 var(--space-4) 0 0;
}
.wpcf7-list-item input[type="checkbox"],
.wpcf7-list-item input[type="radio"] {
width: auto;
margin: 0;
} .wpcf7-spinner {
margin-left: var(--space-3);
}  .wp-block-rank-math-faq-block {
display: flex;
flex-direction: column;
gap: var(--space-3);
margin-block: var(--space-6);
}
.rank-math-faq-item {
border: 1px solid var(--md-sys-color-outline);
border-radius: var(--radius-md);
background-color: var(--md-sys-color-surface);
overflow: hidden;
transition: box-shadow var(--transition-base), border-color var(--transition-fast);
}
.rank-math-faq-item.is-open {
border-color: rgba(var(--md-sys-color-primary-rgb), 0.4);
box-shadow: var(--shadow-1);
} .rank-math-faq-item .rank-math-question {
margin: 0;
font-size: 1rem;
line-height: 1.4;
} .rmfaq-toggle {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
width: 100%;
padding: var(--space-4) var(--space-5);
background: transparent;
border: none;
text-align: left;
font: inherit;
font-weight: 600;
color: var(--md-sys-color-on-surface);
cursor: pointer;
transition: background-color var(--transition-fast), color var(--transition-fast);
}
.rmfaq-toggle:hover {
background-color: rgba(var(--md-sys-color-primary-rgb), 0.05);
}
.rmfaq-toggle:focus-visible {
outline: 3px solid var(--md-sys-color-primary);
outline-offset: -3px;
}
.rmfaq-toggle[aria-expanded="true"] {
color: var(--md-sys-color-primary);
} .rmfaq-toggle::after {
content: '';
flex-shrink: 0;
width: 0.5rem;
height: 0.5rem;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg); transition: transform var(--transition-base);
}
.rmfaq-toggle[aria-expanded="true"]::after {
transform: rotate(225deg); } .js .rank-math-answer {
display: grid;
grid-template-rows: 0fr;
visibility: hidden;
transition: grid-template-rows var(--transition-base),
visibility var(--transition-base);
}
.js .rank-math-faq-item.is-open .rank-math-answer {
grid-template-rows: 1fr;
visibility: visible;
} .rmfaq-answer-inner {
overflow: hidden;
min-height: 0;
padding: var(--space-1) var(--space-5) var(--space-5);
color: var(--md-sys-color-on-surface-variant);
}
.rmfaq-answer-inner > :last-child {
margin-bottom: 0;
} html:not(.js) .rank-math-answer {
padding: 0 var(--space-5) var(--space-5);
color: var(--md-sys-color-on-surface-variant);
} .wp-block-rank-math-toc-block {
background-color: var(--md-sys-color-surface-variant);
border: 1px solid var(--md-sys-color-outline);
border-radius: var(--radius-md);
padding: var(--space-5) var(--space-6);
margin-block: var(--space-6);
}
.wp-block-rank-math-toc-block > h2,
.wp-block-rank-math-toc-block > h3,
.wp-block-rank-math-toc-block .rank-math-toc-title {
margin-top: 0;
margin-bottom: var(--space-3);
font-size: 1rem;
font-weight: 600;
color: var(--md-sys-color-on-surface);
}
.wp-block-rank-math-toc-block nav ul {
list-style: none;
margin: 0;
padding-left: 0;
display: flex;
flex-direction: column;
gap: var(--space-1);
}
.wp-block-rank-math-toc-block nav ul ul {
padding-left: var(--space-4);
margin-top: var(--space-1);
border-left: 2px solid var(--md-sys-color-outline);
}
.wp-block-rank-math-toc-block a {
color: var(--md-sys-color-on-surface-variant);
text-decoration: none;
font-size: 0.9375rem;
line-height: 1.6;
transition: color var(--transition-fast);
}
.wp-block-rank-math-toc-block a:hover {
color: var(--md-sys-color-primary);
text-decoration: underline;
text-underline-offset: 2px;
} .wp-block-rank-math-howto-block {
margin-block: var(--space-6);
}
.rank-math-howto-steps {
display: flex;
flex-direction: column;
gap: var(--space-4);
list-style: none;
padding-left: 0;
margin: 0;
}
.rank-math-howto-step {
border-left: 3px solid var(--md-sys-color-primary);
background-color: var(--md-sys-color-surface);
border: 1px solid var(--md-sys-color-outline);
border-left-width: 3px;
border-left-color: var(--md-sys-color-primary);
border-radius: 0 var(--radius-md) var(--radius-md) 0;
padding: var(--space-3) var(--space-5);
}
.rank-math-howto-step .rank-math-howto-title,
.rank-math-howto-step .rank-math-step-title {
margin: 0 0 var(--space-2);
font-size: 1rem;
font-weight: 600;
color: var(--md-sys-color-on-surface);
} .entry-content .wp-block-button__link {
border-radius: var(--radius-full);
font-weight: 500;
padding: 0.7rem 1.6rem;
transition: background-color var(--transition-base), box-shadow var(--transition-base);
}
.entry-content .wp-block-button:not(.is-style-outline) .wp-block-button__link {
background-color: var(--md-sys-color-primary);
color: #fff;
}
.entry-content .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
background-color: var(--md-sys-color-primary-hover);
box-shadow: var(--shadow-1);
}
.entry-content .wp-block-button.is-style-outline .wp-block-button__link {
background-color: transparent;
border: 1px solid var(--md-sys-color-outline);
color: var(--md-sys-color-primary);
}
.entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
background-color: var(--md-sys-color-surface-variant);
border-color: var(--md-sys-color-primary);
} .entry-content .wp-block-columns {
gap: var(--space-6);
} .stats-band {
background-color: var(--md-sys-color-primary);
color: #fff;
padding-block: var(--space-12);
}
.stats-band .wp-block-columns {
max-width: 1180px;
margin-block: 0; margin-inline: auto;
padding-inline: var(--space-5);
gap: var(--space-6);
} .stats-band .wp-block-column > :first-child { margin-top: 0; }
.stats-band .wp-block-column > :last-child  { margin-bottom: 0; }
.stats-band .wp-block-heading {
color: #fff;
font-size: clamp(2rem, 5vw, 2.75rem);
font-weight: 700;
line-height: 1.1;
margin-bottom: var(--space-1);
}
.stats-band p {
color: #fff;
opacity: 0.88;
font-size: 0.9375rem;
margin: 0;
} @media (max-width: 781px) {
.stats-band .wp-block-columns,
.wp-block-columns.cols-2-mobile {
flex-wrap: wrap;
gap: var(--space-4);
}
.stats-band .wp-block-columns.is-stacked-on-mobile > .wp-block-column,
.stats-band .wp-block-columns > .wp-block-column,
.wp-block-columns.cols-2-mobile.is-stacked-on-mobile > .wp-block-column,
.wp-block-columns.cols-2-mobile > .wp-block-column {
flex-basis: calc(50% - var(--space-2)) !important;
}
} .entry-content .wp-block-image img,
.entry-content .wp-block-media-text__media img,
.entry-content .wp-block-media-text__media video {
border-radius: var(--radius-lg);
} .entry-content--page {
max-width: none;
}
.entry-content--page > * {
max-width: 780px;
margin-inline: auto;
padding-inline: var(--space-5);
}
.entry-content--page > .alignwide {
max-width: 1280px;
}
.entry-content--page > .alignfull {
max-width: none;
padding-inline: 0;
}
.entry-content--page > .post-thumbnail img {
width: 100%;
border-radius: var(--radius-lg);
} .entry-content--page > * + * {
margin-top: var(--space-12);
}
.entry-content--page > :first-child {
margin-top: 0;
} .fp-hero {
margin-bottom: 0;
} .fp-hero-img {
aspect-ratio: 4 / 3;
height: auto;
object-fit: cover;
} .entry-content .wp-block-media-text__content {
padding: 0 var(--space-6);
} .clients-marquee {
overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.clients-marquee__track {
display: flex;
align-items: center;
gap: var(--space-12);
width: max-content;
animation: tdca-marquee var(--marquee-duration, 30s) linear infinite;
} .clients-marquee:hover .clients-marquee__track {
animation-play-state: paused;
}
.clients-marquee__item {
flex: 0 0 auto;
display: inline-flex;
}
.clients-marquee__item img {
display: block;
height: 44px; width: auto;
filter: grayscale(1);
opacity: 0.65;
transition: filter var(--transition-base), opacity var(--transition-base);
}
.clients-marquee__item img:hover {
filter: none; opacity: 1;
}
@keyframes tdca-marquee {
from { transform: translateX(0); }
to   { transform: translateX(-50%); } } @media (prefers-reduced-motion: reduce) {
.clients-marquee__track {
animation: none;
flex-wrap: wrap;
justify-content: center;
width: auto;
}
}