/* Scoped to the service page. Values measured on the existing theme. */
.etr-page{--etr-red:#d90000;--etr-charcoal:#363836;font-family:"PT Sans",sans-serif;font-size:18px;line-height:1.65;color:#666;background:#fff}.etr-page *{box-sizing:border-box}.etr-container{max-width:1170px;padding:0 15px;margin:0 auto}.etr-page h1,.etr-page h2,.etr-page h3{font-family:inherit;font-weight:700;line-height:1.18;letter-spacing:0;color:#121212;margin:0 0 24px}.etr-page h1{font-size:48px}.etr-page h2{font-size:40px}.etr-page h3{font-size:24px;margin-bottom:14px}.etr-page p{margin:0 0 22px}.etr-hero{background:linear-gradient(90deg,rgba(0,0,0,.74),rgba(0,0,0,.45)),url('https://couvreurelastotoit.ca/wp-content/uploads/2024/02/reparation-de-toiture-couvreur-elastotoit-photo-1.jpg') center/cover;padding:72px 0;color:white}.etr-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.etr-page .etr-hero h1,.etr-page .etr-form h2,.etr-page .etr-dark h2,.etr-page .etr-dark h3,.etr-page .etr-final h2{color:white}.etr-page .etr-eyebrow,.etr-page .etr-kicker{font-size:14px;font-weight:700;letter-spacing:1.6px;margin-bottom:20px}.etr-kicker{color:#b40000}.etr-page .etr-lead{font-size:30px;line-height:1.3;font-weight:700}.etr-page .etr-button,.etr-page input[type=submit]{display:inline-block;background:var(--etr-red);color:white;padding:15px 23px;border:0;border-radius:0;text-decoration:none;font-family:inherit;font-size:18px;font-weight:700;cursor:pointer;line-height:1.4;white-space:normal}.etr-page .etr-button:hover,.etr-page input[type=submit]:hover{background:#b40000}.etr-page a:focus-visible,.etr-page summary:focus-visible,.etr-page input:focus-visible,.etr-page textarea:focus-visible{outline:3px solid #ecaa32;outline-offset:4px}.etr-page .etr-phone{display:block;color:white;font-size:30px;font-weight:700;text-decoration:none;margin-top:18px}.etr-form{background:var(--etr-charcoal);border-radius:10px;padding:32px;scroll-margin-top:30px}.etr-page .etr-form h2{font-size:27px}.etr-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=hidden]),.etr-form textarea,.etr-form select{width:100%;max-width:100%;padding:13px 16px;border:1px solid #ddd;border-radius:0;background:#fff;color:#333;font:inherit}.etr-form textarea{height:105px}.etr-form label{display:block;color:white;font-size:16px}.etr-form p{margin-bottom:16px}.etr-form .wpcf7-not-valid-tip{color:#ffbcbc}.etr-form .wpcf7-response-output{color:white;margin:16px 0!important}.etr-strip{padding:19px 0;background:#f5f5f5;color:#363836;text-align:center;font-size:16px}.etr-strip span{padding:0 28px;color:#d90000}.etr-section{padding:80px 0}.etr-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.etr-page figure{margin:0}.etr-page figure img{display:block;width:100%;max-height:410px;object-fit:cover}.etr-page figcaption{font-size:14px;padding-top:12px}.etr-note{border-left:4px solid var(--etr-red);padding:18px 22px;background:#f5f5f5;margin-top:28px}.etr-note strong{color:#121212;font-size:22px}.etr-note p{margin:8px 0 0}.etr-tint{background:#f5f5f5}.etr-heading{max-width:780px;margin:0 auto 40px;text-align:center}.etr-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.etr-cards article{background:white;padding:30px;border-bottom:3px solid #d90000}.etr-number{display:block;color:#b40000;font-size:30px;font-weight:700;margin-bottom:18px}.etr-page .etr-textlink{color:#b40000;font-weight:700}.etr-steps{list-style:none;counter-reset:steps;margin:0;padding:0}.etr-steps li{counter-increment:steps;padding:0 0 14px 58px;position:relative}.etr-steps li:before{content:counter(steps);position:absolute;left:0;top:0;border:1px solid #d90000;color:#b40000;width:36px;height:36px;text-align:center;line-height:34px;font-weight:700}.etr-dark{background:var(--etr-charcoal);color:#eee}.etr-page .etr-lightlink{color:white;text-decoration:underline}.etr-faq{max-width:970px}.etr-page details{border-bottom:1px solid #ddd;padding:22px 0}.etr-page summary{font-size:22px;font-weight:700;color:#121212;cursor:pointer;padding-right:20px}.etr-page details p{margin:18px 0 0}.etr-final{background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url('https://couvreurelastotoit.ca/wp-content/uploads/2024/02/reparation-de-toiture-couvreur-elastotoit-photo-1.jpg') center/cover;padding:65px 0;text-align:center;color:white}.etr-preview-note{font-size:14px;color:#ddd}.etr-preview-header{padding:24px 0;background:white}.etr-preview-header .etr-container{display:flex;align-items:center;justify-content:space-between;gap:25px}.etr-preview-header img{width:240px;max-width:45vw}.etr-preview-header nav{display:flex;gap:26px;flex-wrap:wrap}.etr-preview-header a{color:#121212;text-decoration:none}.etr-preview-footer{background:#272727;color:#ccc;text-align:center;padding:25px;font-size:14px}body.etr-service .site-header{position:relative!important;top:auto!important;margin-top:0!important}body.etr-service #content{padding:0!important}body.etr-service #content>.container{width:100%;max-width:none;padding:0}
@media(max-width:1199px){.etr-container{max-width:970px}.etr-hero-grid,.etr-split{gap:40px}.etr-page h1{font-size:40px}}
@media(max-width:991px){.etr-container{max-width:750px}.etr-hero-grid,.etr-split{grid-template-columns:1fr}.etr-hero{padding:55px 0}.etr-form{width:100%;max-width:458px;margin:auto}.etr-cards{gap:15px}.etr-cards article{padding:22px}.etr-preview-header nav{font-size:15px}.etr-strip span{padding:0 10px}}
@media(max-width:767px){.etr-container{max-width:100%;padding:0 22px}.etr-page h1{font-size:36px}.etr-page h2{font-size:30px}.etr-page .etr-lead{font-size:25px}.etr-section{padding:52px 0}.etr-cards{grid-template-columns:1fr}.etr-strip span{display:block;height:5px;font-size:0}.etr-form{padding:25px 20px}.etr-preview-header nav{display:none}.etr-page .etr-button{width:100%;text-align:center}.etr-page summary{font-size:20px}}

/* Hide the theme-generated duplicate title band on this service page only. */
body.etr-service .header-block{display:none!important}

/* 1.0.2: match the reference page's visible desktop banner and CF7 sizing.
   Reference: 855.906px banner minus 167.5px overlapping header = 688.406px.
   Use a content-driven minimum, never clip validation messages or zoomed text. */
.etr-hero{padding:10.5px 0 87px;min-height:688px}
.etr-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:95px}
.etr-hero-grid>*{min-width:0}
.etr-form{padding:40px 30px 24px;line-height:28px}
.etr-page .etr-form h2{line-height:28px;margin:0 0 22.41px}
.etr-form form{margin:0;padding:0;background:transparent}
.etr-form form p{margin:0 0 20px}
.etr-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=hidden]),.etr-form textarea,.etr-form select{display:block;font-size:17px;line-height:28px;padding:9px 21px 12px;border:0;margin:0}
.etr-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=hidden]){height:49px}
.etr-form textarea{height:102px}
.etr-page .etr-form input[type=submit]{display:block;width:100%;min-height:72px;padding:15px 10px;font-size:24px;line-height:42px;text-transform:uppercase}
@media(min-width:992px) and (max-width:1199px){.etr-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,410px);gap:40px}}
@media(max-width:991px){.etr-hero{min-height:0;padding:40px 0 60px}.etr-hero-grid{grid-template-columns:minmax(0,1fr);gap:40px}}
@media(max-width:767px){.etr-hero{padding:30px 0 40px}.etr-form{padding:20px}.etr-page .etr-form input[type=submit]{font-size:20px}}

.etr-page h1,.etr-page h2,.etr-page h3{line-height:1.25}