/* Bayview Windows blog overview CSS — extracted 8 October 2026.
 * Source order preserved: main.css, then embedded style blocks.
 * Includes responsive rules and conservatively retained JavaScript states.
 * Retain the existing HTML, inline style attributes, JavaScript and image assets.
 * Third-party iframe/widget styles are managed by their providers.
 */
/* Source: blog-main.css */
.submit {-webkit-appearance: none; white-space: nowrap !important; font-family: "Raleway",sans-serif,"open sans",arial; text-align: center; font-weight: 100; letter-spacing: .05em; text-decoration: none; font-size: 1.1em; background-color: #367aa8; border: 1px solid #367aa8; border-radius: 3px; color: #fff !important; padding: 12px 20px; margin: 5px auto 5px; display: inline-block; cursor: pointer; transition: .9s;}
.submit:hover {background-color: #03adba; border: 1px solid #03adba; color: #fff !important;}
.divider_horizontal {width: 100%; margin-left: auto; margin-right: auto; padding-top: 0px; margin-top: 0px; margin-bottom: 25px;}
#wrapper_footer {background: #005d84 url("https://www.bayviewwindows.ca/images_site/tiles/footer-tile-grey.png") no-repeat; background-repeat: no-repeat; background-attachment: fixed; background-position: center bottom;}
@media only screen and (min-width:851px) {
  .left-content-box-3 {float: left; width: 26%; text-align: right; padding: 0; margin-left: 0; margin-right: 0; margin-bottom: 0;}
  .left-content-box-3 {margin-top: 30px;}
}
.wrapper_image {float: left; margin-top: 10px; margin-bottom: 20px; width: 100%;}
.blog_image_home {display: block; margin: auto; width: 100%; margin-top: -10px; background-color: #ffffff;}
html, body, div, span, p, table, h1, h3, a, li {font-size: 102%;}
h1 {color: #2e5683;}
h2 {color: #111111;}
h3 {color: #a8adad;}
p, li {color: #2b2e30;}
@media only screen and (max-width:750px) {
  a, body, div, html, h1, h2, h3, li, p, .pulldown_tab, a.pulldown_tab, .pulldown_tab_gallery, a.pulldown_tab_gallery, span, table, .top-bar-section ul li > a, .top-bar-section .dropdown li.parent-link a, #wrapper_footer {font-family: "Raleway", sans-serif, "open sans", arial !important; font-weight: 300 !important;}
  p, li {letter-spacing: 0.05em; font-size: 1.0em; line-height: 1.8em;}
  h1 {margin-top: 0; letter-spacing: 0.045em; font-size: 1.9em; line-height: 1.5em;}
  h2 {margin-top: 20px; letter-spacing: 0.045em; font-size: 1.5em; line-height: 1.3em;}
  h3 {letter-spacing: 0.05em; font-size: 1.2em; line-height: 1.3em;}
  h6 {display: none;}
}
@media only screen and (min-width:751px) {
  a, body, div, html, h1, h2, h3, li, p, .pulldown_tab, a.pulldown_tab, .pulldown_tab_gallery, a.pulldown_tab_gallery, span, table, .top-bar-section ul li > a, .top-bar-section .dropdown li.parent-link a, #wrapper_footer {font-family: "Raleway", sans-serif, "open sans", arial !important; font-weight: 100 !important;}
  p, li {letter-spacing: 0.05em; font-size: 1.0em; line-height: 2.em; color: #303d49;}
  h1 {margin-top: 20px; font-weight: 300 !important; letter-spacing: 0.045em; font-size: 1.8em; line-height: 1.6em;}
  h2 {letter-spacing: 0.045em; margin-top: 20px; font-size: 1.6em; line-height: 1.6em;}
  h3 {letter-spacing: 0.05em; font-size: 1.5em; line-height: 1.4em;}
  h6 {display: none;}
}
.wrapper_content {margin-bottom: 10px; margin-top: 20px; margin-left: auto; margin-right: auto; max-width: 1000px; width: 100%; min-width: 200px;}
li {margin-top: 2px;}
li {margin-top: 4px;}
@media only screen and (max-width:3500px) {
  ul {list-style-image: url("https://www.bayviewwindows.ca/images_site/bullets/bullet-circle-orange.svg"); list-style-position: outside; line-height: 24px; margin-left: 20px; margin-right: 25px; margin-top: 0px; margin-bottom: 0; padding-left: 20px;}
}
@media only screen and (max-width:500px) {
  ul {list-style-image: url("https://www.bayviewwindows.ca/images_site/bullets/bullet-circle-orange.svg"); list-style-position: outside; line-height: 24px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 10px; padding-left: 15px;}
}
.instagram-logo, .facebook-logo, .youtube-logo, .twitter-logo, .vimeo-logo, .pinterest-logo, .rss-logo {display: inline-block; margin-right: 4px; height: 35px; width: 35px; background-size: 100%; text-decoration: none; background-repeat: no-repeat;}
a.rss-logo {background-image: url("https://www.bayviewwindows.ca/images_site/social_media/sm_active_rss.svg");}
a.rss-logo:hover {background-image: url("https://www.bayviewwindows.ca/images_site/social_media/sm_hover_rss.svg");}
a.pinterest-logo {background-image: url("https://www.bayviewwindows.ca/images_site/social_media/sm_active_pinterest.svg");}
a.pinterest-logo:hover {background-image: url("https://www.bayviewwindows.ca/images_site/social_media/sm_hover_pinterest.svg");}
a.vimeo-logo {background-image: url("https://www.bayviewwindows.ca/images_site/social_media/sm_active_vimeo.svg");}
a.vimeo-logo:hover {background-image: url("https://www.bayviewwindows.ca/images_site/social_media/sm_hover_vimeo.svg");}
a.facebook-logo {background-image: url("https://www.bayviewwindows.ca/images_site/social_media/sm_active_facebook.svg");}
a.facebook-logo:hover {background-image: url("https://www.bayviewwindows.ca/images_site/social_media/sm_hover_facebook.svg");}
a.youtube-logo {background-image: url("https://www.bayviewwindows.ca/images_site/social_media/sm_active_youtube.svg");}
a.youtube-logo:hover {background-image: url("https://www.bayviewwindows.ca/images_site/social_media/sm_hover_youtube.svg");}
a.twitter-logo {background-image: url("https://www.bayviewwindows.ca/images_site/social_media/sm_active_twitter.svg");}
a.twitter-logo:hover {background-image: url("https://www.bayviewwindows.ca/images_site/social_media/sm_hover_twitter.svg");}
a.instagram-logo {background-image: url("https://www.bayviewwindows.ca/images_site/logos/sm_active_instagram.svg");}
a.instagram-logo:hover {background-image: url("https://www.bayviewwindows.ca/images_site/logos/sm_hover_instagram.svg");}
.top-bar {height: 46px; width: 100%; line-height: 2.8125rem; background: none; overflow: hidden; margin-left: auto !important; margin-right: auto !important;}
.top-bar ul {list-style: none; margin-bottom: 0;}
.top-bar .row {max-width: none;}
@media only screen and (max-width:997px) {
  .top-bar {max-width: 1000px; width: 90%;}
}
@media only screen and (min-width:998px) {
  .top-bar {max-width: 750px; width: 100%;}
}
#plus-text-left, #minus-text-left {position: fixed; overflow: hidden; border: none; display: none; text-decoration: none;}
#plus-text-left {left: 1px; bottom: 58px; background: url("https://www.bayviewwindows.ca/images_site/buttons/increase-font-size.svg") no-repeat; background-size: 38px 38px; height: 38px; width: 38px;}
#minus-text-left {left: 1px; bottom: 20px; background: url("https://www.bayviewwindows.ca/images_site/buttons/decrease-font-size.svg") no-repeat; background-size: 38px 38px; height: 38px; width: 38px;}
a#plus-text-left:hover {left: 1px; bottom: 58px; background: url("https://www.bayviewwindows.ca/images_site/buttons/increase-font-size.svg") no-repeat; background-size: 38px 38px; height: 38px; width: 38px;}
a#minus-text-left:hover {left: 1px; bottom: 20px; background: url("https://www.bayviewwindows.ca/images_site/buttons/decrease-font-size.svg") no-repeat; background-size: 38px 38px; height: 38px; width: 38px;}
#resizer {background-color: light-blue; padding-top: 50px; padding-bottom: 1px; padding-right: 1px; padding-left: 1px; margin-top: 0px; margin-bottom: 0px; margin-left: 0; margin-right: 0;}
#toTop_2 {display: none; text-decoration: none; position: fixed; right: 10px; overflow: hidden; border: none; bottom: 30px; background: url("https://www.bayviewwindows.ca/images_site/buttons/page-up.svg") no-repeat; background-size: 38px 38px; height: 38px; width: 38px;}
#toTop_2:hover {display: none; text-decoration: none; position: fixed; right: 10px; overflow: hidden; border: none; bottom: 30px; background: url("https://www.bayviewwindows.ca/images_site/buttons/page-up.svg") no-repeat; background-size: 38px 38px; height: 38px; width: 38px;}
.paginate ul {list-style: none; padding: 0; margin: 0;}
.paginate li {float: left; margin: 0 0;}
.paginate li a {float: left; display: block; background: #16acb9; font-size: 13px; color: #ffffff; text-align: center; text-decoration: none; padding-top: 6px; padding-bottom: 6px; padding-right: 11px; padding-left: 11px; margin: 3px; border: #16acb9 solid 1px; border-radius: 0.2em;}
.paginate li a:hover {color: #16acb9; white-space: nowrap; border: #16acb9 solid 1px; background-color: #ffffff;}
.paginate ul li a.active {color: #ffffff; border: #075c82 solid 1px; background-color: #075c82; cursor: default;}
@media only screen and (max-width:997px) {
  .mag-submit, .mag-submit-active, .mag-submit:hover {margin-top: 3px; margin-right: 0px; padding-right: 0; float: right; width: 40px; height: 28px; color: #ffffff; cursor: pointer; border: 0;}
  .mag-submit {background: url("https://www.bayviewwindows.ca/images_site//icons/magnifying-glass.svg") center right no-repeat;}
  .mag-submit:hover {background: url("https://www.bayviewwindows.ca/images_site/icons/magnifying-glass-hover.svg") center right no-repeat;}
  .mag-submit-active {background: url("https://www.bayviewwindows.ca/images_site/icons/magnifying-glass-hover.svg") center right no-repeat;}
  #wrapper-search {float: right; padding-top: 10px; margin-top: 3px; margin-left: 0; margin-right: 0; height: 45px; width: 45px; background-color: transparent;}
  .wrapper-search-inner {margin-left: auto; margin-right: auto; width: 85%; background-color: pink;}
}
@media only screen and (min-width:998px) {
  .mag-submit, .mag-submit-active, .mag-submit:hover {float: left; margin-top: -2px; margin-right: -3px; width: 40px; height: 28px; color: #ffffff; cursor: pointer; border: 0;}
  .mag-submit {background: url("https://www.bayviewwindows.ca/images_site//icons/magnifying-glass.svg") center right no-repeat;}
  .mag-submit:hover {background: url("https://www.bayviewwindows.ca/images_site/icons/magnifying-glass-hover.svg") center right no-repeat;}
  .mag-submit-active {background: url("https://www.bayviewwindows.ca/images_site/icons/magnifying-glass-hover.svg") center right no-repeat;}
  #wrapper-search {float: right !important; margin-top: 5px; padding-top: 5px; margin-left: 18%; margin-right: 0; height: 31px; background-color: transparent;}
  .wrapper-search-inner {margin-left: 0; margin-right: 0; width: 100%; background-color: green;}
}
@media only screen and (max-width:748px) {
  #footer-column-1, #footer-column-2, #footer-column-3 {width: 100%; max-width: 720px; padding-right: 15px; padding-left: 15px;}
}
@media only screen and (min-width:749px) {
  #footer-column-1, #footer-column-2, #footer-column-3 {width: 33%; min-width: 235px; padding-right: 15px; padding-left: 15px;}
}
#wrapper_footer_map {max-width: 950px; width: 100%; border: none; margin-left: auto; margin-right: auto; padding: 5px;}
#footer-column-1, #footer-column-2, #footer-column-3 {float: left; transition: 0.9s; padding-bottom: 0; padding-top: 20px;}
#wrapper_footer {margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; padding-right: 40px; padding-left: 40px; padding-bottom: 90px; background-position: center top; background-repeat: repeat-x; min-height: 800px;}
#wrapper_footer {letter-spacing: 0.06em; font-size: 0.90em; line-height: 1.7em;}
.footer-links a:link, .footer-links a:hover, .footer-links a:active {font-size: 14px;}
.footer-links a:link {color: #ffffff; text-decoration: none; opacity: 0.6;}
.footer-links a:hover {color: #ffffff; text-decoration: none; opacity: 0.9;}
.footer-links a:active, .footer-links a:visited {color: #ffffff; text-decoration: none; opacity: 0.6;}
#copyright-box {padding-left: 15px; padding-top: 20px; padding-bottom: 5px; margin-bottom: 1px; opacity: 0.6;}
#spider-box {padding-right: 15px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 1px; width: 220px;}
.copyright-font {font-size: 0.9em; letter-spacing: 0.05em; line-height: 17px; color: #ffffff;}
.spider-icon {float: right; text-decoration: none; height: 25px; width: 25px; background-size: 25px 25px; background-repeat: no-repeat; background-image: url("https://www.bayviewwindows.ca/images_site/logos/ladybird-digital-dev-logo.png"); margin-left: 6px; opacity: 0.6;}
a.spider-link:hover {color: #ffffff !important;}
@media only screen and (min-width:800px) {
  #copyright-box, #spider-box {opacity: 0.6; text-align: left;}
  #spider-box {float: right; margin-left: 0; margin-right: 0;}
  a.spider-link {float: right; font-size: 0.8em; letter-spacing: 0.05em; top: 50%; color: #ffffff !important; opacity: 0.6;}
}
@media only screen and (max-width:799px) {
  #copyright-box, #spider-box {text-align: center;}
  #spider-box {margin-left: auto; margin-right: auto;}
  a.spider-link {margin-left: auto; margin-right: auto; font-size: 0.8em; letter-spacing: 0.05em; top: 50%; color: #ffffff !important; opacity: 0.6;}
}
@media only screen and (max-width:550px) {
  .home_button {background: url("https://www.bayviewwindows.ca/images_site/buttons/home-button.svg");}
  .home_button:hover {background: url("https://www.bayviewwindows.ca/images_site/buttons/home-button-active.svg");}
  .home_button_active {background: url("https://www.bayviewwindows.ca/images_site/buttons/home-button-active.svg");}
  .top-bar-full {background: #005d84; background-position: center bottom; background-size: 100% 58px; padding-bottom: 5px; border-bottom: none;}
  .row {background: url("https://www.bayviewwindows.ca/images_site/tiles/bvw-background.png") no-repeat #005d84; background-position: center top; background-size: 607px 115px; padding-left: 0 !important; padding-right: 0 !important;}
  #wrapper_logo {background: url("https://www.bayviewwindows.ca/images_site/logos/bvw-logo-device.png") no-repeat; margin-top: 0; margin-left: auto; margin-right: auto; width: 245px; height: 100px; background-size: 245px 100px; transition: 0.9s;}
}
@media only screen and (min-width:551px) {
  .home_button {background: url("https://www.bayviewwindows.ca/images_site/buttons/home-button.svg");}
  .home_button:hover {background: url("https://www.bayviewwindows.ca/images_site/buttons/home-button-active.svg");}
  .home_button_active {background: url("https://www.bayviewwindows.ca/images_site/buttons/home-button-active.svg");}
  .top-bar-full {background: #005d84; background-position: center bottom; background-size: 100% 58px; padding-bottom: 5px; border-bottom: none;}
  .row {background: url("https://www.bayviewwindows.ca/images_site/tiles/bvw-background.png") no-repeat #005d84; background-position: center top; background-size: 700px 130px; padding-left: 0 !important; padding-right: 0 !important;}
  #wrapper_logo {background: url("https://www.bayviewwindows.ca/images_site/logos/bvw-logo-tablet.png") no-repeat; margin-top: 0; margin-left: auto; margin-right: auto; width: 293px; height: 120px; background-size: 293px 120px; transition: 0.9s;}
}
@media only screen and (min-width:998px) {
  .home_button {background: url("https://www.bayviewwindows.ca/images_site/buttons/home-button.svg");}
  .home_button:hover {background: url("https://www.bayviewwindows.ca/images_site/buttons/home-button-active.svg");}
  .home_button_active {background: url("https://www.bayviewwindows.ca/images_site/buttons/home-button-active.svg");}
  .top-bar-full {background: url("https://www.bayviewwindows.ca/images_site/tiles/bvw-background.png") no-repeat #005d84; background-position: center bottom; background-size: 898px 170px; padding-bottom: 0px; border-bottom: none;}
  .row {background: url("https://www.bayviewwindows.ca/images_site/tiles/bvw-background.png") no-repeat #005d84; background-position: center bottom; background-size: 898px 170px; padding-left: 0 !important; padding-right: 0 !important;}
  #wrapper_logo {background: url("https://www.bayviewwindows.ca/images_site/logos/bvw-logo-desktop.svg") no-repeat; margin-top: 0; margin-left: auto; margin-right: auto; width: 382px; height: 120px; background-size: 382px 120px;}
}
.sticky {position: fixed; width: 100%; left: 0; top: 0; padding-left: 0; padding-right: 0; z-index: 100; border-top: 0;}
.home_button, .home_button:hover, .home_button_active {float: left; display: block; margin-right: 15px; text-decoration: none; margin-top: 0; margin-bottom: 3px; background-repeat: no-repeat; width: 48px; height: 42px; background-size: 48px 42px;}
@media only screen and (max-width:997px) {
  a.dropdown_tab, a.dropdown_tab:hover, a.dropdown_tab_active {font-size: 16px !important; font-family: "Raleway", sans-serif, "open sans", arial !important; background-color: transparent; height: 46px; margin-top: 0px !important; margin-bottom: -3px !important;}
  a.dropdown_tab {color: #1e2a35 !important; background-color: #d9e0e9 !important;}
  a.dropdown_tab:hover {color: #d9e0e9 !important; background-color: #1e2a35 !important;}
  a.dropdown_tab_active {color: #70a7b7 !important; background-color: #23313e !important;}
  a.pulldown_tab, a.pulldown_tab:hover, a.pulldown_tab:active, a.pulldown_tab_gallery, a.pulldown_tab_gallery:hover, a.pulldown_tab_gallery:active {font-size: 16px !important; height: 46px; font-family: "Raleway", sans-serif, "open sans", arial; margin-top: 0px !important; margin-bottom: -3px !important;}
  a.pulldown_tab {background-color: #ecebe9 !important; color: #005d84 !important;}
  a.pulldown_tab:hover {background-color: background-color:#1a4b72 !important; color: #369eac !important;}
  a.pulldown_tab:active {background-color: #1a4b72 !important; color: #369eac !important;}
  a.pulldown_tab_gallery {background-color: #16acb9 !important; color: #ffffff !important;}
  a.pulldown_tab_gallery:hover {background-color: #d1e3e5 !important; color: #16acb9 !important;}
  a.pulldown_tab_gallery:active {background-color: #3e634f !important; color: #deb125 !important;}
  .top-bar-section ul li {background: none;}
  .top-bar .button, .top-bar button {position: relative; top: -40px;}
}
.top-bar .title-area {margin: 0; position: relative;}
.top-bar .toggle-topbar {position: absolute; right: 0; top: 0;}
.top-bar .toggle-topbar.menu-icon {margin-right: 0px; top: 50%;}
.top-bar .toggle-topbar.menu-icon a {color: #FFFFFF; height: 34px; line-height: 33px; padding: 0; position: relative;}
.top-bar .toggle-topbar.menu-icon a span::after {content: ""; display: block; text-decoration: none; margin-right: 10px; margin-top: 4px; float: right; height: 26px; width: 35px; border-radius: 0px; transition: all 0.5s ease-out; transform: rotate(0deg); background: url("https://www.bayviewwindows.ca/images_site/icons/menu_lines.png") no-repeat;}
.top-bar .toggle-topbar.menu-icon a span::after {background-repeat: no-repeat; background-size: 33px 24px; background-color: transparent;}
.top-bar.expanded .toggle-topbar a span::after {text-decoration: none; margin-top: 4px; margin-right: 10px; float: right; background-repeat: no-repeat; background-color: transparent; background: url("https://www.bayviewwindows.ca/images_site/icons/menu_close.png") no-repeat; background-size: 24px 24px; height: 26px; width: 26px; border-radius: 13px; border: #ffffff solid 1px; transition: all 0.5s ease-out; transform: rotate(720deg);}
.top-bar-section ul li > button {transition: left 300ms ease-out; font-size: 0.8125rem; padding-left: 0.9375rem; padding-right: 0.9375rem; background-color: #008CBA; border-color: #007095; color: #a5c0c9;}
.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {background-color: #007095;}
.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {color: #FFFFFF;}
.top-bar-section ul li:hover:not(.has-form) > a {background-color: transparent; color: #FFFFFF;}
.top-bar-section ul li.active > a {background: #008CBA; color: #FFFFFF;}
.top-bar-section ul li.active > a:hover {background: #0078a0; color: #FFFFFF;}
.top-bar-section .has-form {padding: 0.9375rem;}
.top-bar.expanded {background: transparent; height: auto;}
.top-bar.expanded .toggle-topbar a {color: #FFFFFF;}
.top-bar-section {left: 0; position: relative; width: auto; transition: left 300ms ease-out;}
.top-bar-section ul {display: block; height: auto; margin-top: -3px; margin-left: 0; margin-right: 0; padding: 0; width: 100%;}
.top-bar-section ul li > a {color: #ffffff; display: block; font-size: 14px; margin-left: auto; margin-right: auto; padding-left: 0.9375rem; padding: 10px 0 10px 0.9375rem; text-transform: none;}
@media only screen and (max-width:250px) {
  .top-bar-section ul li > a {width: 100%;}
}
@media only screen and (max-width:998px) {
  .top-bar-section ul li > a {width: 100%;}
}
.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {background-color: #007095;}
.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {color: #FFFFFF;}
.top-bar-section ul li:hover:not(.has-form) > a {background-color: transparent; color: #FFFFFF;}
.top-bar-section ul li.active > a {background: #008CBA; color: #FFFFFF;}
.top-bar-section ul li.active > a:hover {background: #0078a0; color: #FFFFFF;}
.top-bar-section .has-form {padding: 0.9375rem;}
.top-bar-section .has-dropdown {position: relative; transition: left 300ms ease-out;}
.top-bar-section .has-dropdown > a:after {border: inset 5px; content: ""; display: block; height: 0; width: 0; border-left-style: solid; margin-right: 0.9375rem; margin-top: -4.5px; position: absolute; top: 50%; right: 0px;}
.top-bar-section .has-dropdown > a:after {border-color: transparent transparent transparent #ffffff;}
.top-bar-section .has-dropdown:hover > a:after {border-color: transparent transparent transparent #ffffff;}
.top-bar-section .has-dropdown.moved {position: static;}
.top-bar-section .has-dropdown.moved > .dropdown {position: static !important; height: auto; width: auto; overflow: visible; clip: auto; display: block; position: absolute !important; width: 100%;}
.top-bar-section .has-dropdown.moved > a:after {display: none;}
.top-bar-section .dropdown {clip: rect(1px,1px,1px,1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; display: block; padding: 0; position: absolute; top: 0; z-index: 99; left: 100%;}
.top-bar-section .dropdown li {height: auto; width: 100%;}
.top-bar-section .dropdown li a {padding: 8px 0.9375rem;}
.top-bar-section .dropdown li a.parent-link {font-size: 17px !important; font-family: "Raleway", sans-serif, "open sans", arial;}
.top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {margin-bottom: 0; margin-top: 0; font-size: 16px !important; font-family: "Raleway", sans-serif, "open sans", arial;}
.top-bar-section .dropdown li.title h5 a {color: #ffffff; display: block;}
.top-bar-section .dropdown li.parent-link a, .top-bar-section .dropdown li.parent-link a:hover {color: {colour-off-white}; display: block;}
.top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {background: none;}
.js-generated {display: block;}
@media only screen and (min-width:998px) {
  a.dropdown_tab, a.dropdown_tab:hover, a.dropdown_tab_active {font-size: 16px !important; font-family: "Roboto", sans-serif !important; height: 45px !important;}
  a.dropdown_tab {background-color: none !important; color: #909293 !important;}
  a.dropdown_tab:hover {color: #80dae2 !important; opacity: 0.7;}
  a.dropdown_tab_active {color: #80dae2 !important; opacity: 0.7;}
  a.pulldown_tab, a.pulldown_tab:hover {font-size: 16px !important; margin-top: 0 !important; margin-bottom: -4px !important; border-bottom: 1px solid #ffffff;}
  a.pulldown_tab {color: #4c5a66 !important; background-color: #d8e5ed !important;}
  a.pulldown_tab:hover {color: #eaf7f8 !important; background-color: #367aa8 !important;}
  a.pulldown_tab_gallery, a.pulldown_tab_gallery:hover {font-size: 16px !important; margin-top: 0 !important; margin-bottom: -4px !important; border-bottom: 1px solid #ffffff;}
  a.pulldown_tab_gallery {color: #ffffff !important; background-color: #16acb9 !important;}
  a.pulldown_tab_gallery:hover {color: #16acb9 !important; background-color: #d1e3e5 !important;}
  .top-bar-section ul li {background: blue; height: 0;}
  .top-bar {background: transparent; overflow: visible; margin-left: 20px; margin-right: 20px;}
  .top-bar:after {clear: both;}
  .top-bar .toggle-topbar {display: none;}
  .top-bar .title-area {float: left;}
  .top-bar input, .top-bar select, .top-bar .button, .top-bar button {font-size: 0.875rem; height: 1.75rem; position: relative; top: 0.53125rem;}
  .top-bar .has-form > .button, .top-bar .has-form > button {font-size: 0.875rem; height: 1.75rem; position: relative; top: 0.53125rem;}
  .contain-to-grid .top-bar {margin: 0 auto; margin-bottom: 0; max-width: 62.5rem;}
  .top-bar-section {left: 0 !important;}
  .top-bar-section ul {display: inline; height: auto !important; width: auto;}
  .top-bar-section ul li {float: left;}
  .top-bar-section ul li .js-generated {display: none;}
  .top-bar-section li.hover > a:not(.button) {background-color: black; color: #FFFFFF;}
  .top-bar-section li:not(.has-form) a:not(.button) {background: none; line-height: 2.8125rem; padding: 0 0.9375rem;}
  .top-bar-section .has-dropdown > a {padding-right: 2.1875rem !important;}
  .top-bar-section .has-dropdown > a:after {border: inset 5px; content: ""; display: block; height: 0; width: 0; border-top-style: solid; margin-top: -2.5px; top: 1.40625rem; right: 0;}
  .top-bar-section .has-dropdown > a:after {border-color: #ffffff transparent transparent transparent;}
  .top-bar-section .has-dropdown:hover > a:after {border-color: #ffffff transparent transparent transparent;}
  .top-bar-section .has-dropdown.moved {position: relative;}
  .top-bar-section .has-dropdown.moved > .dropdown {clip: rect(1px,1px,1px,1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; display: block;}
  .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {position: static !important; height: auto; width: auto; overflow: visible; clip: auto; display: block; position: absolute !important;}
  .top-bar-section .has-dropdown > a:focus + .dropdown {position: static !important; height: auto; width: auto; overflow: visible; clip: auto; display: block; position: absolute !important;}
  .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {border: none; content: "»"; top: 0.1875rem; right: 5px;}
  .top-bar-section .dropdown {left: 0; background: transparent; min-width: 100%; top: auto;}
  .top-bar-section .dropdown li a {background: #da7233; color: #FFFFFF; line-height: 2.8125rem; padding: 12px 0.9375rem; white-space: nowrap;}
  .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {background: #da7233; color: #FFFFFF;}
  .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {background-color: #555555; color: #FFFFFF; background: #222222;}
  .top-bar-section .dropdown li label {background: #333333; white-space: nowrap;}
  .top-bar-section .dropdown li .dropdown {left: 100%; top: 0;}
  .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {border-right: 1px solid #4e4e4e; border-bottom: none; border-top: none; clear: none; height: 2.8125rem; width: 0;}
  .top-bar-section .has-form {background: #333333; height: 2.8125rem; padding: 0 0.9375rem;}
  .top-bar-section .right li .dropdown {left: auto; right: 0;}
  .top-bar-section .right li .dropdown li .dropdown {right: 100%;}
  .top-bar-section .left li .dropdown {right: auto; left: 0;}
  .top-bar-section .left li .dropdown li .dropdown {left: 100%;}
  .no-js .top-bar-section ul li:hover > a {background-color: #555555; background: #222222; color: #FFFFFF;}
  .no-js .top-bar-section ul li:active > a {background: #008CBA; color: #FFFFFF;}
  .no-js .top-bar-section .has-dropdown:hover > .dropdown {position: static !important; height: auto; width: auto; overflow: visible; clip: auto; display: block; position: absolute !important;}
  .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {position: static !important; height: auto; width: auto; overflow: visible; clip: auto; display: block; position: absolute !important;}
}
.row {margin: 0 auto; padding-left: 0; padding-right: 0; width: 100%;}
.row:before, .row:after {content: " "; display: table;}
.row:after {clear: both;}
*, *:before, *:after {box-sizing: inherit;}
html, body {height: 100%;}
html {box-sizing: border-box;}
html, body {font-size: 100%;}
body {margin: 0; padding: 0; position: relative; font-family: "Raleway", sans-serif, "open sans", arial;}
.left {float: left !important;}
a:hover {cursor: pointer;}
.clear {clear: both;}
.center {text-align: center;}
.left {text-align: left;}
body {letter-spacing: 0.05em; font-size: 0.95em; line-height: 1.9em; color: #51535a;}
a:link, a:visited, a:active {color: #097cac; text-decoration: none;}
a:hover {text-decoration: none; color: #20abb8;}
.divider_horizontal {height: 7px; margin-bottom: 10px; margin-top: 10px; border-bottom: 1px solid #d8d8d8;}
nav, section {display: block;}
meta.foundation-version {font-family: "/5.5.2/";}
meta.foundation-mq-small {font-family: "/only screen/"; width: 0;}
meta.foundation-mq-small-only {font-family: "/only screen and (max-width: 998px)/"; width: 0;}
meta.foundation-mq-medium {font-family: "/only screen and (min-width: 997px)/"; width: 998px;}
meta.foundation-mq-medium-only {font-family: "/only screen and (min-width: 997px) and (max-width: 1024px)/"; width: 998px;}
meta.foundation-mq-large {font-family: "/only screen and (min-width: 1025px)/"; width: 1025px;}
meta.foundation-mq-large-only {font-family: "/only screen and (min-width: 1025px) and (max-width: 1440px)/"; width: 1025px;}
meta.foundation-mq-topbar {font-family: "/only screen and (min-width: 997px)/"; width: 998px;}
meta.foundation-mq-xlarge {font-family: "/only screen and (min-width: 1441px)/"; width: 1441px;}
meta.foundation-mq-xlarge-only {font-family: "/only screen and (min-width: 1441px) and (max-width: 1920px)/"; width: 1441px;}
meta.foundation-mq-xxlarge {font-family: "/only screen and (min-width: 1921px)/"; width: 1921px;}
meta.foundation-data-attribute-namespace {font-family: false;}
.post-box, .post-box-active, .category-box, .category-box-active {width: 100%; margin-right: auto; margin-left: auto; margin-bottom: 1px; padding-left: 30px !important; padding-right: 25px; padding-top: 8px; padding-bottom: 8px;}
.post-box {color: #666666; background-size: 24px 28px; background: url("https://www.bayviewwindows.ca/images_site/bullets/bullet-blog-1.png") top left no-repeat; background-color: #ecebe9;}
.post-box:hover {color: #9cbecd; background-size: 24px 28px; background: url("https://www.bayviewwindows.ca/images_site/bullets/bullet-blog-2.png") top left no-repeat; background-color: #075c82;}
.post-box-active {color: #9cbecd; background-size: 24px 28px; background: url("https://www.bayviewwindows.ca/images_site/bullets/bullet-blog-2.png") top left no-repeat; background-color: #075c82;}
.category-box {color: #666666; background-size: 24px 28px; background: url("https://www.bayviewwindows.ca/images_site/bullets/bullet-blog-category-1.png") top left no-repeat; background-color: #ecebe9;}
.category-box:hover {color: #9cbecd; background-size: 24px 28px; background: url("https://www.bayviewwindows.ca/images_site/bullets/bullet-blog-category-3.png") top left no-repeat; background-color: #075c82;}
.category-box-active {color: #9cbecd; background-size: 24px 28px; background: url("https://www.bayviewwindows.ca/images_site/bullets/bullet-blog-category-3.png") top left no-repeat; background-color: #075c82;}
/* Source: embedded-0 */
.scrolling h3 {margin-bottom: 0px !important;}
h3 {scroll-margin-top: 100px;}
html {scroll-behavior: smooth;}
h2 {margin-top: 50px !important; max-width: 600px !important;}
h2 {scroll-margin-top: 100px;}
h3 {margin-top: 50px !important; max-width: 600px !important;}
.high-entry-table {width: 100%; border-collapse: separate; border-spacing: 0; margin: 30px 0; font-size: 16px; line-height: 1.5; border: 1px solid #d9d9d9; border-radius: 8px; overflow: hidden; background: #ffffff;}
.high-entry-table thead th {background: #3d5a80; color: #ffffff; text-align: left; font-weight: 600; padding: 16px 18px; border-bottom: 3px solid #999999;}
.high-entry-table tbody td:first-child {font-weight: 600; color: #333333; width: 28%;}
.high-entry-table tbody td {padding: 15px 18px; border-bottom: 1px solid #e3e3e3; vertical-align: top;}
.high-entry-table tbody tr:nth-child(even) {background: #f7f7f7;}
.high-entry-table tbody tr:last-child td {border-bottom: none;}
.high-entry-table tbody tr:hover {background: #f1f1f1;}
@media screen and (max-width: 700px) {
  .high-entry-table {border: none; border-radius: 0;}
  .high-entry-table, .high-entry-table thead, .high-entry-table tbody, .high-entry-table tr, .high-entry-table th, .high-entry-table td {display: block; width: 100%;}
  .high-entry-table thead {display: none;}
  .high-entry-table tbody tr {margin-bottom: 15px; border: none; border-radius: 0; overflow: hidden; background: #ffffff;}
  .high-entry-table tbody tr:nth-child(even) {background: #ffffff;}
  .high-entry-table tbody td {border: none; padding: 12px 15px;}
  .high-entry-table tbody td:first-child {width: 100%; background: #3d5a80; color: #ffffff; font-weight: 600; padding: 11px 15px;}
  .high-entry-table tbody td:nth-child(2)::before {content: "Standard Entry (6'8\")"; display: block; font-weight: 600; font-size: 13px; color: #666666; margin-bottom: 4px; text-transform: uppercase; letter-spacing: 0.3px;}
  .high-entry-table tbody td:nth-child(3)::before {content: "High Entry (8'0\" – 10'0\"+)"; display: block; font-weight: 600; font-size: 13px; color: #666666; margin-bottom: 4px; text-transform: uppercase; letter-spacing: 0.3px;}
}
.read_more_div {margin-top: 30px; margin-bottom: 30px; margin-left: auto !important; margin-right: auto !important; text-align: center;}
.divider_horizontal {width: 100%; padding-top: 10px; margin: 0 auto 30px;}
h2, h3, p {color: #555 !important;}
p {padding-left: 0 !important; line-height: 30px;}
h2 {font-size: 25px !important; line-height: 30px !important; border-left: 3px solid #367aa8; padding: 0 0 0 20px; margin: 20px 0 10px;}
h3 {font-size: 20px !important; line-height: 35px !important;}
.icon-h3 {padding-top: 10px; font-size: 17px !important;}
.blog-icons {float: left; margin: 10px 5px 0 15px; width: 40px; height: 40px;}
.category-box, .category-box-active {font-size: 16px !important; line-height: 25px !important;}
.category-box, .category-box-active, .post-box, .post-box-active {width: 100%; margin: 0 auto 1px; padding: 12px 25px 12px 20px !important;}
.post-box-active {font-size: 16px !important; line-height: 25px !important;}
.post-box {color: #56697a; background-color: #fff; font-size: 15px !important; line-height: 23px !important; border-top: solid 1px #555;}
.post-box-active, .post-box:hover {color: #eaf7f8; background-color: #367aa8;}
.category-box {color: #56697a; background-color: #d8e5ed;}
.category-box-active, .category-box:hover {color: #eaf7f8; background-color: #367aa8;}
@media only screen and (min-width:851px) {
  .subtle {font-size: 13px; color: #888; padding-left: 0 !important;}
  h1 {margin-left: 0; margin-right: 0; line-height: 40px !important; max-width: 500px !important;}
  .wrapper_blog_title {width: 100%; margin-top: 0 !important; color: #2e5683 !important; max-width: 600px;}
  .main-adaptive-image {display: block; width: 100%; margin: 0;}
  .left-content-box-3 {text-align: left !important; margin-top: 0 !important; padding-right: 0; padding-left: 0;}
  .wrapper_blog_content {margin: 20px 20px 20px 0;}
  #right-content-box, #right_content_box, .right-content-box, .right_content_box {float: right; text-align: left; width: 69%; max-width: 800px;}
  #right-content-box, .right_content_box {margin-top: 20px; padding: 5px 5px 10px;}
}
@media only screen and (max-width:850px) {
  .subtle {font-size: 13px; color: #888; padding-left: 35px !important;}
  h1 {margin-left: 30px; margin-right: 30px; line-height: 30px !important;}
  .wrapper_blog_title {width: 100%; margin-top: 0 !important; color: #2e5683 !important;}
  .main-adaptive-image {display: block; width: 90%; margin-bottom: 0; margin-top: 0; margin-left: 30px; margin-right: 30px !important;}
  .left-content-box-3 {text-align: left !important; margin-top: 0 !important; padding-right: 40px; padding-left: 40px;}
  .wrapper_blog_content {margin: 30px;}
  #right-content-box, #right_content_box, .right-content-box, .right_content_box {float: left; text-align: left; width: 100%; max-width: 745px;}
  #right-content-box, .right_content_box {margin-top: 0; padding-top: 5px; padding-bottom: 0;}
}
@media only screen and (min-width:851px) {
  .multiple-4 {float: left; width: 25%; max-width: 200px;}
}
@media only screen and (max-width:850px) {
  .multiple-4 {float: left; width: 50%; max-width: 400px;}
}
.single {margin: auto; display: block; max-width: 400px; width: 100%;}
.flex-story-blogg {min-height: 300px;}
.thumb-box {position: relative; display: inline-block; margin-top: 8px; background-color: #fff; padding: 0; border-radius: 6px; border: solid #b4c7ce .5px;}
@media only screen and (max-width:3000px) {
  .thumb-box {margin: 0; width: 32.75%; max-width: 220px; vertical-align: text-top; transition: 1.5s;}
  .blog_image_home {max-height: 150px !important; padding: 0 5px;}
  .thumb-title {line-height: 23px; color: #000; font-size: 17px;}
}
@media only screen and (max-width:977px) {
  .thumb-box {margin: 0; width: 49.5%; max-width: 420px; vertical-align: text-top; transition: 1.5s;}
  .blog_image_home {max-height: 150px !important; padding: 0 5px;}
  .thumb-title {line-height: 27px; color: #000; font-size: 23px;}
}
@media only screen and (max-width:810px) {
  .thumb-box {margin: 0; width: 100%; max-width: 706px; transition: 1.5s;}
  .blog_image_home {max-height: 400px !important; padding: 0 5px;}
  .thumb-title {line-height: 30px; color: #000; font-size: 25px;}
}
.thumb-container {background: #fff; padding: 0;}
.single-column-container {max-width: 1200px !important; padding: 5px 10px 10px; margin: 20px auto; width: 100%;}
.thumb-title-box {padding: 5px 12px 0; min-height: 95px;}
.button {border-radius: 6px !important; margin-bottom: 5px; padding: 5px 15px;}
.ai-summary p {margin-top: 20px; font-size: 14px; line-height: 16px;}
.article-summary-card {background-color: #f1f5f9; border-left: 3px solid #4779a4; border-radius: 0 8px 8px 0; padding: 18px 22px; margin: 24px 0 28px 0;}
.summary-badge {display: flex; align-items: center; gap: 6px; margin-bottom: 8px; color: #1a4b75; font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;}
.summary-badge svg {display: block;}
.article-summary-card p {margin: 0; font-size: 0.95rem; line-height: 1.6; color: #334155;}
.quick-links ul {padding-left: 1em; list-style: square; line-height: 20px; margin-bottom: 10px; font-size: 0.95rem;}
.quick-links p {font-size: 0.95rem;}
.quick-links {margin-top: 15px;}
/* Overview links: requested green. */
.top-bar-section .dropdown li.parent-link > a, .top-bar-section .dropdown li.parent-link > a:hover, .top-bar-section .dropdown li.parent-link > a:focus {background: #66ad5b !important; color: #ffffff !important;}

/* More links in blog previews: button styling also works without a button class. */
.read_more_div > a, .read_more_div > a:visited {display: inline-block; box-sizing: border-box; max-width: 100%; padding: 12px 20px; margin: 5px auto; background-color: #367aa8; border: 1px solid #367aa8; border-radius: 5px; color: #ffffff !important; font-family: inherit; font-size: 1.1em; line-height: 1.4; text-align: center; text-decoration: none !important; cursor: pointer; transition: background-color 0.2s ease, border-color 0.2s ease;}
.read_more_div > a:hover, .read_more_div > a:focus-visible {background-color: #245b7d; border-color: #245b7d; color: #ffffff !important; text-decoration: none !important;}
.read_more_div > a:focus-visible {outline: 2px solid #245b7d; outline-offset: 3px;}

/* Compact spacing for blog sidebar menu headings. */
.left-content-box-3 .blog-icon-wrapper {display: flex; align-items: center; min-height: 40px; margin: 30px 0 15px;}
.left-content-box-3 .blog-icon-wrapper:first-child {margin-top: 0;}
.left-content-box-3 .blog-icon-wrapper .icon-h3 {margin: 0 !important; padding-top: 0;}
.left-content-box-3 .blog-icon-wrapper .blog-icons {float: none; flex: 0 0 40px; margin: 0 5px 0 15px; width: 40px; height: 40px;}

/* Mobile blog alignment and responsive heading sizes. */
@media only screen and (max-width: 850px) {
  #right-content-box > p:first-of-type, #right_content_box > p:first-of-type {margin-left: 30px; margin-right: 30px; padding-left: 0 !important; box-sizing: border-box; overflow-wrap: anywhere;}
  #right-content-box .wrapper_blog_title, #right_content_box .wrapper_blog_title {box-sizing: border-box; width: calc(100% - 60px); max-width: calc(100% - 60px) !important; margin-left: 30px; margin-right: 30px; font-size: clamp(24px, 5vw, 30px) !important; line-height: 1.25 !important; overflow-wrap: anywhere;}
  #right-content-box .main-adaptive-image, #right_content_box .main-adaptive-image {box-sizing: border-box; width: calc(100% - 60px); max-width: calc(100% - 60px); margin-left: 30px; margin-right: 30px !important; height: auto;}
  #right-content-box h2, #right_content_box h2 {box-sizing: border-box; width: 100%; max-width: 100% !important; font-size: clamp(20px, 4.5vw, 23px) !important; line-height: 1.35 !important; overflow-wrap: anywhere;}
  #right-content-box > h2, #right_content_box > h2 {width: calc(100% - 60px); max-width: calc(100% - 60px) !important; margin-left: 30px; margin-right: 30px;}
}

/* Mobile related articles and closing contact section share the article margins. */
@media only screen and (max-width: 850px) {
  #right-content-box > .thumb-container, #right_content_box > .thumb-container, #right-content-box > .thumb-container + div, #right_content_box > .thumb-container + div {box-sizing: border-box; width: calc(100% - 60px); max-width: calc(100% - 60px); margin-left: 30px; margin-right: 30px;}
  #right-content-box > .thumb-container .single-column-container, #right_content_box > .thumb-container .single-column-container {box-sizing: border-box; width: 100%; max-width: 100% !important; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
  #right-content-box > .thumb-container .thumb-box, #right_content_box > .thumb-container .thumb-box {box-sizing: border-box; width: 100%; max-width: 100%; margin-left: 0; margin-right: 0;}
  #right-content-box > .thumb-container + div h2, #right_content_box > .thumb-container + div h2 {box-sizing: border-box; width: 100%; max-width: 100% !important; margin-left: 0; margin-right: 0;}
}