/* Smoke Signals Digital Marketing brand styles. */
.ssdm-section{padding:64px 24px;box-sizing:border-box}
.ssdm-section-dark{background-color:#172934;color:#e5eff5}
.ssdm-section-dark p{color:#e5eff5}
.ssdm-section-dark p:first-child{color:#94dcff}
.ssdm-section-dark h1,.ssdm-section-dark h2,.ssdm-section-dark h3{color:#fff}
.ssdm-section-soft{background-color:#f2f7fa}
.ssdm-section-light{background-color:#fff}
.ssdm-card{background:#f2f7fa;border:1px solid #dce8ee;border-radius:10px;padding:26px;box-sizing:border-box}

:root{--ssdm-blue:#1598df;--ssdm-button:#075f95;--ssdm-dark:#172934;--ssdm-muted:#526472;--ssdm-pale:#f2f7fa;--ssdm-white:#fff}
html{scroll-behavior:smooth}
body{background:#fff;color:var(--ssdm-dark)}
.ssdm-shell{width:min(1180px,calc(100% - 44px));margin-inline:auto}
.ssdm-header{background:#fff;border-bottom:1px solid #dbe6ed;position:relative;z-index:20}
.ssdm-header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.ssdm-brand{display:flex;flex-direction:column;flex-shrink:0;text-decoration:none!important;color:#151c20!important;line-height:1.04}
.ssdm-logo-graphic{display:block;width:215px;height:158px;flex-shrink:0;background-color:#fff;background-image:url('https://www.smokesignalsdigital.ca/wp-content/uploads/2026/10/Smoke-Signals-Digital-Marketing-logo.jpg');background-size:132% auto;background-position:52% 35%;background-repeat:no-repeat}
/* The logo uses the same proportions at every viewport size. */

.ssdm-brand-name{font-size:clamp(20px,2vw,26px);font-weight:800;letter-spacing:.055em}
.ssdm-brand-sub{font-size:10px;letter-spacing:.26em;font-weight:700;color:#075f95;margin-top:7px}
.ssdm-desktop-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(13px,1.7vw,27px)}
.ssdm-desktop-nav a{font-size:14px;color:#253743;text-decoration:none;font-weight:600;white-space:nowrap}
.ssdm-desktop-nav a:hover,.ssdm-desktop-nav a:focus-visible{color:#075f95;text-decoration:underline}
.ssdm-desktop-nav .ssdm-nav-cta{background:#075f95;color:#fff;border-radius:6px;padding:13px 17px}
.ssdm-desktop-nav .ssdm-nav-cta:hover,.ssdm-desktop-nav .ssdm-nav-cta:focus-visible{background:#044974;color:#fff}
.ssdm-mobile-nav{display:none}
.wp-site-blocks main{margin-block-start:0}
.wp-site-blocks main .wp-block-group.alignfull{box-sizing:border-box}
.wp-site-blocks main h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.09;letter-spacing:-.035em;max-width:950px}
.wp-site-blocks main h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.18;letter-spacing:-.022em}
.wp-site-blocks main h3{font-size:clamp(1.18rem,2vw,1.52rem);line-height:1.32}
.wp-site-blocks main p,.wp-site-blocks main li{line-height:1.7}
.wp-site-blocks main .wp-block-columns{gap:25px}
.wp-site-blocks main .wp-block-column>.wp-block-group{height:100%;box-sizing:border-box}
.wp-site-blocks main .wp-block-button__link{background:#075f95!important;color:#fff!important;border-radius:6px;transition:background .2s}
.wp-site-blocks main .wp-block-button__link:hover,.wp-site-blocks main .wp-block-button__link:focus-visible{background:#044974!important}
.wp-site-blocks main .wp-block-group.alignfull>.wp-block-heading:first-child{margin-top:0}
.wp-site-blocks main .wp-block-list{padding-inline-start:24px}
a:focus-visible,summary:focus-visible{outline:3px solid #1598df;outline-offset:3px}
.ssdm-footer{background:#172934;color:#e9f2f6;padding:62px 0 20px;margin-block-start:0}
.ssdm-footer-grid{display:grid;grid-template-columns:1.35fr .8fr 1fr;gap:65px}
.ssdm-footer-grid>div:first-child>strong{font-size:24px;letter-spacing:.05em;display:block;color:#fff}
.ssdm-footer-grid>div:first-child>span{font-size:11px;letter-spacing:.25em;color:#80cefa}
.ssdm-footer-grid strong{color:#fff;display:block;margin-bottom:14px}
.ssdm-footer p{color:#c0d0d9;font-size:14px;line-height:1.65}
.ssdm-footer a{display:block;margin:0 0 12px;color:#e9f2f6;font-size:14px;text-decoration:none}
.ssdm-footer a:hover,.ssdm-footer a:focus-visible{text-decoration:underline;color:#96dbff}
.ssdm-footer a.ssdm-footer-contact{color:#96dbff;font-weight:700}
.ssdm-footer-base{border-top:1px solid #36505f;padding-top:20px;margin-top:45px;font-size:12px;color:#b8c9d3}
.ssdm-footer-base{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}
.ssdm-footer-base nav{display:flex;flex-wrap:wrap;gap:20px}
.ssdm-footer-base nav a{display:inline-block;margin:0;color:#d5e6f0;font-size:12px}
.ssdm-legal-content{max-width:900px;margin:0 auto;padding:32px 0 65px;color:#243541}
.ssdm-legal-content>h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:20px}
.ssdm-legal-content>h2{font-size:1.5rem;margin-top:2.4rem;margin-bottom:1rem;line-height:1.25}
.ssdm-legal-content p{font-size:1rem;line-height:1.76;overflow-wrap:anywhere}
.ssdm-form{max-width:670px}
.ssdm-form label{display:block;font-weight:650;color:#243541;font-size:15px}
.ssdm-form input:not([type=checkbox]):not([type=submit]),.ssdm-form select,.ssdm-form textarea{box-sizing:border-box;width:100%;background:#fff;border:1px solid #9dadb8;border-radius:5px;padding:12px 14px;font:inherit;min-height:46px;margin-top:7px}
.ssdm-form textarea{min-height:140px}
.ssdm-form input:focus-visible,.ssdm-form select:focus-visible,.ssdm-form textarea:focus-visible{outline:3px solid #1598df;outline-offset:2px}
.ssdm-form .wpcf7-submit{display:inline-block;background:#075f95;color:#fff;border:0;border-radius:6px;padding:13px 22px;font:inherit;font-weight:700;cursor:pointer}
.ssdm-form .wpcf7-submit:hover,.ssdm-form .wpcf7-submit:focus-visible{background:#044974}
.ssdm-form .wpcf7-acceptance label{font-weight:400}
.ssdm-form .wpcf7-not-valid-tip{color:#ac1233}
.ssdm-form .wpcf7-response-output{margin:18px 0!important;padding:12px!important;border-radius:5px}
@media(max-width:600px){.ssdm-legal-content{padding:20px 0 45px}.ssdm-footer-base{align-items:flex-start;flex-direction:column}}

@media(max-width:1050px){.ssdm-desktop-nav{gap:12px}.ssdm-desktop-nav a{font-size:12px}.ssdm-desktop-nav .ssdm-nav-cta{padding:10px 12px}}
@media(max-width:830px){.ssdm-desktop-nav{display:none}.ssdm-mobile-nav{display:block;position:relative}.ssdm-mobile-nav>summary{cursor:pointer;list-style:none;padding:12px 18px;background:#075f95;color:#fff;border-radius:6px;font-weight:650}.ssdm-mobile-nav>summary::-webkit-details-marker{display:none}.ssdm-mobile-nav nav{position:absolute;right:0;top:calc(100% + 10px);background:#fff;border:1px solid #dbe6ed;box-shadow:0 12px 30px #17293422;border-radius:8px;min-width:225px;padding:12px;display:flex;flex-direction:column}.ssdm-mobile-nav nav a{padding:10px 9px;display:block;color:#172934;text-decoration:none}.ssdm-mobile-nav nav a:hover,.ssdm-mobile-nav nav a:focus-visible{background:#f2f7fa}.ssdm-footer-grid{grid-template-columns:1fr 1fr;gap:35px}}
@media(max-width:600px){.ssdm-header-inner{min-height:75px}.ssdm-shell{width:calc(100% - 32px)}.ssdm-brand-name{font-size:18px}.ssdm-brand-sub{font-size:9px}.wp-site-blocks main .wp-block-group.alignfull{padding:44px 20px!important}.wp-site-blocks main .wp-block-columns{gap:16px}.ssdm-footer-grid{grid-template-columns:1fr;gap:30px}.ssdm-footer{padding-top:45px}}
/* 2026 review: whole-logo framing and comfortable header spacing */
.ssdm-header-inner{min-height:0;padding-block:14px 22px;gap:16px}
@media(max-width:830px){.ssdm-header-inner{min-height:0;padding-block:13px 23px}.ssdm-logo-graphic{width:min(52vw,205px);height:auto;aspect-ratio:215/158}.ssdm-mobile-nav nav{z-index:100}}
.ssdm-section .wp-block-buttons{row-gap:12px}
.ssdm-section .wp-block-button__link{font-weight:650}
.ssdm-section .ssdm-card{height:100%}
.ssdm-section:target{scroll-margin-top:24px}

