/* Custom Styles */ 

/* Global Css (NO touch) */


/* */
/* --- CSS TO ADD TO AE CSS DOCS --- */


/* Custom input forms */
.hbspt-form input:not([type=checkbox]), .hbspt-form select, .hbspt-form textarea {
    min-width: 100%;
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
height: 3.5rem;
font-size: .875rem;
   font-weight: bolder;
     font-weight: 400;
 font-family: Open Sans,sans-serif;
  color: #000;
  background: transparent;
  border: 0;
     border-bottom: 1px solid black;
     border-radius: 0;
     -webkit-box-shadow: 0 0 3px hsl(0deg 0% 100% / 25%);
     box-shadow: 0 0 3px hsl(0deg 0% 100% / 25%);
    width: 100%!important;
}
 table {
     border-spacing:0;
     border-color:grey;
}
 tbody {
     display:table-row-group;
     vertical-align:middle;
     border-color:inherit;
}
 td {
     display:table-cell;
     vertical-align:inherit;
}
/* */
/* ------------------------- please format this file on update -------------------------- */
/* --------------------- https://www.cleancss.com/css-beautify/ ---------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* */
/* ----------------------------------------------------------------------------------------------- */
/* --------------------------- STYLES BY SCREEN WIDTH ------------------------------- */
/* ----------------------- Common Screen Width Breakpoints ----------------------- */
/* --------------------------- 320px ? 480px: Mobile devices --------------------------- */
/* ---------------------------- 481px ? 768px: iPads, Tablets ---------------------------- */
/* ---------------------- 769px ? 1024px: Small screens, laptops ---------------------- */
/* --------------------- 1025px ? 1200px: Desktops, large screens -------------------- */
/* ------------------- 1201px and more ? Extra large screens, TV -------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* */
/* ----------------------------------------------------------------------------------------------- */
/* --------------------- any screen smaller than a mobile phone -------------------- */
/* ----------------------------------------------------------------------------------------------- */
 @media only screen and (min-width: 100em) {
     .techobloc-hero__column-title {
         font-size: 1.2rem;
    }
     .techobloc-hero__column-title--big {
         font-size: 6rem!important;
    }
}
/* ----------------------------------------------------------------------------------------------- */
/* -------------------------- tablet and smaller screen width -------------------------- */
/* ----------------------------------------------------------------------------------------------- */
 @media only screen and (max-width: 768px) {
     .techobloc-widget .video-container, .techobloc-widget .hs-form-private {
         width: 100%!important;
    }
     .techobloc-banner h1.techobloc-banner__heading {
         font-size: 2.5rem;
    }
     .techobloc-widget .hs-form-private {
         margin: 50px auto;
    }
     a#location {
         width: 47%;
         margin: 5px;
         font-size: 10px!important;
    }
}
/* ----------------------------------------------------------------------------------------------- */
/* ---------------------------------- tablet screen width ---------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
 @media (min-width:576px) and (max-width:992px) {
     .techobloc-multi-column-wysiwyg__column {
         flex-basis: 46%!important;
    }
     .techobloc-multi-column-wysiwyg {
         gap: 10px!important;
    }
}
/* ----------------------------------------------------------------------------------------------- */
/* ------------------------------- laptop and smaller width ------------------------------ */
/* ----------------------------------------------------------------------------------------------- */
 @media screen and (max-width:992px)[position="Desktop"] {
     display:none;
}
 @media screen and (max-width:992px)[position="Mobile"] {
     display:grid !important;
     background:e3e3e3;
}
 @media screen and (max-width: 992px) {
     .center {
         margin-top:20px !important;
         margin-bottom:20px !important;
    }
     .techobloc-widget .centred-text-in-background {
         padding-left: 5%!important;
         padding-right: 5%!important;
    }
     .seven-cols {
         display: flex!important;
         flex-direction: column!important;
         align-items: baseline;
    }
     .techobloc-multi-column-wysiwyg {
         gap: 10px!important;
    }
     .techobloc-wysiwyg-btn {
         text-align: center;
         margin: 50px auto;
         display: block!important;
         max-width: max-content;
    }
     .techobloc-widget p , .techobloc-widget h2 , .techobloc-widget h3 , .techobloc-widget h4 , .techobloc-widget .techobloc-wysiwyg-btn{
         text-align: center;
         display: flow-root!important;
         align-items: center;
         justify-content: center;
         flex-direction: column;
    }
}
/* ----------------------------------------------------------------------------------------------- */
/* --------------------------- laptop and larger screen width --------------------------- */
/* ----------------------------------------------------------------------------------------------- */
 @media screen and (min-width: 768px) {
     .techobloc-multi-column-wysiwyg {
         gap: 50px;
    }
}
/* ----------------------------------------------------------------------------------------------- */
/* -------------------------------- television screen width -------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
 @media screen and (min-width: 1200px) {
     h1.techobloc-banner__heading {
         left: 11%;
         bottom: 15%;
         width: 65%;
    }
     .techobloc-widget .techobloc-wysiwyg-btn a {
         font-size: 16px!important;
         line-height: 24px!important;
         text-transform: uppercase!important;
         text-align: center!important;
    }
}
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------- STYLE BY CLASS AND TYPE ----------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* */
/* -------------------------------------- GAP STYLING -------------------------------------- */
 .techobloc-multi-column-wysiwyg {
     gap: 50px;
}
/* */
/* ---------------------------------------- POSITION ---------------------------------------- */
 .techobloc-widget .video-container iframe, #overlays {
     position: absolute;
}
 .techobloc-widget .hbspt-form, .video-container, .techobloc-widget .Background, .techobloc-widget .centred-text-in-background {
     position: relative;
}
 .techobloc-mosaic-widget__content {
     position: relative!important;
}
/* */
/* ------------------------------------------ WIDTH ------------------------------------------ */
 .techobloc-widget .roc-footer__top-signup .hs-form-private, #overlays, .techobloc-multi-column-wysiwyg__column .hs-form-private , .techobloc-shop-by-style__content .hs-form-private {
     min-width: 100%!important;
}
 a#location {
     width: 15%;
}
 .techobloc-widget fieldset.form-columns-3 .hs-form-field {
     width: 33.3% !important;
}
 .techobloc-widget .hs-form-private {
     width: 50%;
}
 .video-container {
     width: 75%;
}
 .techobloc-widget .video-container iframe, section.techobloc-pre-footer, .techobloc-multi-column-wysiwyg {
     width: 100%;
}
 .techobloc-widget .publitas {
     max-width: 1200px;
}
 .techobloc-widget .hbspt-form {
     max-width: 1600px;
}
 .techobloc-widget fieldset{
     max-width:inherit !important;
}
 .techobloc-widget .TB-button-centred-without-marg10-pad10, .techobloc-shop-by-style-mobile__content .techobloc-wysiwyg-btn, .techobloc-widget .TB-button-centred {
     max-width: max-content;
}
 .techobloc-widget fieldset {
     max-width: none!important;
}
/* */
/* ------------------------------------------ HEIGHT ------------------------------------------ */
 .techobloc-widget .center, .techobloc-widget .video-container iframe, .techobloc-widget .centred-text-in-background, #overlays {
     height: 100%;
}
 .techobloc-widget .Background {
     height: 500px;
}

/* ----------------------------------- UPGRADE REMOVAL -------------------------------
 .techobloc-content-card__image {
     height: auto;
}
*/

 .techobloc-banner {
     height: auto!important;
}
/* */
/* ------------------------------------------- FLOAT ------------------------------------------ */
 #overlays, a#location {
     float: left;
}
/* */
/* ----------------------------------------- DISPLAY ----------------------------------------- */
 .techobloc-widget .center-text, .techobloc-widget .center, .techobloc-widget .video-container::after, .techobloc-widget .aside-widget p, .techobloc-widget .techobloc-wysiwyg-btn, .techobloc-widget .TB-button-Coop-centred {
     display: block;
}
 section.techobloc-pre-footer, a#see {
     display: inline-block;
}
 .seven-cols a, .seven-cols, .techobloc-widget .centred-text-in-background, .techobloc-multi-column-wysiwyg {
     display: flex;
}
 .techobloc-widget .TB-button-centred-without-marg10-pad10, .techobloc-widget .TB-image-centred, .techobloc-shop-by-style-mobile__content .techobloc-wysiwyg-btn, .techobloc-widget .TB-button-centred {
     display: block!important;
}
/* */
/* --------------------------------------- OVERFLOW --------------------------------------- */
 .video-container {
     overflow: hidden;
}
/* */
/* --------------------------------------- ALIGNMENT --------------------------------------- */
/* --------------------------------- top, bottom, left, right --------------------------------- */
 h1.techobloc-banner__heading {
     bottom: 15%;
}
 .techobloc-widget .video-container iframe {
     left: 0;
}
 h1.techobloc-banner__heading {
     left: 11%;
}
 .techobloc-widget .video-container iframe {
     top: 0;
}
/* ----------------------------------------- text-align ----------------------------------------- */
 .techobloc-widget .center, .techobloc-widget .TB-button-centred-without-marg10-pad10, .techobloc-widget .publitas, .techobloc-widget .TB-image-centred, .techobloc-shop-by-style-mobile__content .techobloc-wysiwyg-btn, .techobloc-widget .TB-button-centred, .techobloc-widget .TB-button-Coop-centred, .techobloc-widget .centred-text-in-background, form#hsForm_90a42938-4186-4548-be31-3fe497fcb78d h3, .center {
     text-align: center;
}
 a#location {
     text-align: center!important;
}
 .techobloc-widget .make-text-left {
     text-align:left;
}
 .techobloc-product-card__category-link {
     text-align:left !important;
}
/* ---------------------------------------- align-items ---------------------------------------- */
 .seven-cols {
     align-items: baseline;
}
 .seven-cols a, .techobloc-widget .centred-text-in-background {
     align-items: center;
}
 .techobloc-multi-column-wysiwyg {
     align-items: center;
}
 .techobloc-widget .Background {
     align-items: unset;
}
/* -------------------------------------- justify-content -------------------------------------- */
 .techobloc-multi-column-wysiwyg, .techobloc-widget .centred-text-in-background {
     justify-content: center;
}
 .seven-cols a {
     justify-content: space-around;
}
/* */
/* ----------------------------------------- MARGIN ----------------------------------------- */
/* -------------------------------------------- top --------------------------------------------- */
 .techobloc-widget .center {
     margin-top: 0;
}
 .techobloc-widget .TB-button-centred-without-marg10-pad10 {
     margin-top: 10px;
}
 .techobloc-widget .TB-button-multiple, .techobloc-widget .TB-button-left , .techobloc-widget .TB-button-Coop, .techobloc-widget .legal-consent-container ul {
     margin-top: 20px;
}
 .techobloc-widget .form-columns-3 .hs-fieldtype-file, a#see {
     margin-top: 30px;
}
 .hs_submit.hs-submit {
     margin-top: 40px;
}
 section.techobloc-pre-footer, .techobloc-widget .TB-button-technical-doc, .techobloc-multi-column-wysiwyg__column .hs-form-private , .techobloc-shop-by-style__content .hs-form-private, .techobloc-widget .hs-form-private, .techobloc-widget .TB-image-centred, .techobloc-shop-by-style-mobile__content .techobloc-wysiwyg-btn, .techobloc-widget .TB-button-centred {
     margin-top: 50px;
}
 .techobloc-widget form h2{
     margin-top: 50px!important;
}
/* ------------------------------------------- right -------------------------------------------- */
 .techobloc-widget .center, .techobloc-widget .form-columns-3 .hs-fieldtype-file {
     margin-right: 0;
}
 .techobloc-widget .TB-button-Coop {
     margin-right: 20px;
}
 .techobloc-widget .TB-button-centred-without-marg10-pad10, .techobloc-widget .hs-form-private, .techobloc-widget .TB-image-centred, .techobloc-shop-by-style-mobile__content .techobloc-wysiwyg-btn, .techobloc-widget .TB-button-centred, .techobloc-widget .legal-consent-container ul, .techobloc-widget .TB-button-technical-doc, .techobloc-multi-column-wysiwyg__column .hs-form-private , .techobloc-shop-by-style__content .hs-form-private, .techobloc-widget .TB-button-multiple, .techobloc-widget .TB-button-left , .techobloc-widget .publitas {
     margin-right: auto;
}
/* ------------------------------------------ bottom ----------------------------------------- */
 .techobloc-widget .techobloc-shop-by-style__image-wrapper, .techobloc-widget .center, .techobloc-widget .form-columns-3 .hs-fieldtype-file {
     margin-bottom: 0;
}
 .techobloc-widget .TB-button-centred-without-marg10-pad10 {
     margin-bottom: 10px;
}
 .techobloc-widget .TB-button-multiple, .techobloc-widget .TB-button-left , .techobloc-widget .TB-button-Coop, .techobloc-widget .legal-consent-container ul {
     margin-bottom: 20px;
}
 .seven-cols img {
     margin-bottom: 30px;
}
 .seven-cols, .techobloc-widget .TB-button-technical-doc, .techobloc-multi-column-wysiwyg__column .hs-form-private , .techobloc-shop-by-style__content .hs-form-private, .techobloc-widget .hs-form-private, .techobloc-widget .TB-image-centred, .techobloc-shop-by-style-mobile__content .techobloc-wysiwyg-btn, .techobloc-widget .TB-button-centred {
     margin-bottom: 50px;
}
 .techobloc-widget form h2{
     margin-bottom: 50px!important;
}
/* --------------------------------------------- left -------------------------------------------- */
 .techobloc-widget .center, .techobloc-widget .form-columns-3 .hs-fieldtype-file {
     margin-left: 0;
}
 .techobloc-widget .TB-button-Coop {
     margin-left: 20px;
}
 .techobloc-widget .publitas, .techobloc-widget .TB-button-multiple, .techobloc-widget .TB-button-left, .techobloc-widget .TB-button-technical-doc, .techobloc-multi-column-wysiwyg__column .hs-form-private , .techobloc-shop-by-style__content .hs-form-private, .techobloc-widget .TB-button-centred-without-marg10-pad10, .techobloc-widget .hs-form-private, .techobloc-widget .TB-image-centred, .techobloc-shop-by-style-mobile__content .techobloc-wysiwyg-btn, .techobloc-widget .TB-button-centred, .techobloc-widget .legal-consent-container ul {
     margin-left: auto;
}
/* ------------------------------------------ overall ------------------------------------------- */
 .video-container, .techobloc-widget .TB-button-Coop-centred {
     margin: auto;
}
 .techobloc-widget .centred-text-in-background {
     margin: 0;
     margin: auto;
}
 a#location {
     margin: 5px;
}
/* */
/* --------------------------------------- PADDING ---------------------------------------- */
/* -------------------------------------------- top ------------------------------------------- */
 .techobloc-widget .hbspt-form ul, a#see {
     padding-top: 10px;
}
 .techobloc-widget .hs-fieldtype-textarea {
     padding-top: 20px;
}
 .techobloc-widget .standard-header {
     padding-top: 1.5rem !important;
}
/* ----------------------------------------- bottom ----------------------------------------- */
 a#see {
     padding-bottom: 10px;
}
 .techobloc-widget .aside-widget p {
     padding-bottom: 18px;
}
 .techobloc-widget .standard-header {
     padding-bottom: 1.25rem !important;
}
/* -------------------------------------------- left -------------------------------------------- */
 .techobloc-widget .hbspt-form ul {
     padding-left: 0;
}
 a#see {
     padding-left: 40px;
}
 .techobloc-widget .standard-header {
     padding-left: 10% !important;
}
 .techobloc-widget .centred-text-in-background {
     padding-left: 20%;
}
/* ------------------------------------------- right ------------------------------------------- */
 a#see {
     padding-right: 40px;
}
 .techobloc-widget .standard-header {
     padding-right: 10% !important;
}
 .techobloc-widget .centred-text-in-background {
     padding-right: 20%;
}
/* ------------------------------------------ overall ------------------------------------------ */
 .techobloc-widget .center, .techobloc-widget .centred-text-in-background {
     padding: 0;
}
 .techobloc-widget .TB-button-centred-without-marg10-pad10, a#location {
     padding: 10px;
}
/* */
/* ---------------------------------------- FONT ----------------------------------------- */
/* --------------------------------------- font-size -------------------------------------- */
 .techobloc-widget legend {
     font-size: 13px!important;
}
 a#see {
     font-size: 20px;
}
 .techobloc-product-card__wrapper .techobloc-product-card__category-name {
     font-size: 1rem!important;
}
 .techobloc-product-card__wrapper .techobloc-product-card__product-name a {
     font-size: 1.5rem!important;
}
 .techobloc-widget .standard-header {
     font-size: 1.625rem;
}
/* ------------------------------------- font-weight ------------------------------------ */
 h3.techobloc-shop-by-style__subtitle {
     font-weight: 600;
}
/* --------------------------------------- font color ------------------------------------- */
 .techobloc-widget .white-text {
     color: #fff;
}
 a#location, a#see:hover {
     color: #fff!important;
}
 a#see {
     color: #000;
}
/* -------------------------------------- transform ------------------------------------- */
 a#see, .Secondary-button, .techobloc-widget .techobloc-wysiwyg-btn a {
     text-transform: uppercase;
}
/* */
/* ----------------------------------- BACKGROUND ----------------------------------- */
/* ------------------------------------------ color ----------------------------------------- */
 #overlays, a#location {
     background: #000;
}
 a#see:hover {
     background: #000!important;
}
/* ---------------------------------------- position --------------------------------------- */
 .techobloc-widget .Background {
     background-position: center;
}
/* ----------------------------------------- repeat ---------------------------------------- */
 .techobloc-widget .Background {
     background-repeat: no-repeat;
}
/* ------------------------------------------- size ------------------------------------------ */
 .techobloc-widget .Background {
     background-size: cover;
}
/* ---------------------------------------- opacity ---------------------------------------- */
 #overlays {
     opacity: 0.35;
}
/* */
/* --------------------------------------- BORDER --------------------------------------- */
/* ----------------------------------------- width ----------------------------------------- */
 a#see {
     border-width: 1px;
}
 .techobloc-widget legend {
     border-bottom-width: 0 !important;
}
 .techobloc-widget .aside-widget p {
     border-bottom-width: 1px;
}
/* ------------------------------------------ color ----------------------------------------- */
 a#see {
     border-color: #000;
}
 .techobloc-widget .aside-widget p {
     border-bottom-color: #eceef2;
}
 .techobloc-widget legend {
     border-bottom-color: #e5e5e5 !important;
}
/* ----------------------------------------- radius ----------------------------------------- */
 a#see {
     border-radius: 0;
}
/* ------------------------------------------ style ------------------------------------------ */
 a#see {
     border-style: solid;
}
 .techobloc-widget .aside-widget p {
     border-bottom-style: solid;
}
 .techobloc-widget legend {
     border-bottom-style: solid !important;
}
/* */
/* -------------------------------- TEXT DECORATION --------------------------------- */
 a#location:hover {
     text-decoration:underline!important;
}
 a#see {
     text-decoration: none;
}
/* */
/* -------------------------------- LIST-STYLE-TYPE ------------------------------------ */
 .techobloc-widget .hbspt-form ul, .techobloc-widget .legal-consent-container ul {
     list-style-type: none;
}
/* */
/* ------------------------------------- Z-INDEX ---------------------------------------- */
 .techobloc-mosaic-widget__content {
     z-index: 99999999999999999999!important;
}
/* */
/* ------------------------------------- FLEX STYLING ---------------------------------------- */
 .seven-cols a, .techobloc-widget .centred-text-in-background {
     flex-direction: column;
}
 .seven-cols {
     flex-direction: row;
}
 .techobloc-widget .techobloc-shop-by-style__image-wrapper {
     flex-basis: 50%;
}
/* */
/* -------------------------------------- CONTENT ---------------------------------------- */
 .techobloc-widget .video-container::after {
     content: "";
}
/* */
/* -------------------------------------- TEMPORARY PDP'S MSRP ADDITIONAL TEXT ---------------------------------------- */
:lang(fr-CA) .roc-pdp-quote .roc-pricing__price.roc-pdp-price__price::after{
    content: " + frais d'expedition et de manutention";
transform: translate(-110px, 40px);
    width: 140px;
}


.roc-pdp-quote span.roc-pricing__price.roc-pdp-price__price::after {
    content: " + Shipping and handling fees";
    font-weight: 400;
    font-size: small;
    position: absolute;
    padding: 0.5rem;
    width: 191px;
    transform: translate(-170px, 40px);
}

@media screen and (max-width: 991px){
:lang(fr-CA) .roc-pdp-quote span.roc-pricing__price.roc-pdp-price__price::after,
.roc-pdp-quote span.roc-pricing__price.roc-pdp-price__price::after {
    position: block;
    transform: translate(0px, 0px);
    width: fit-content;
  }
}

/* */
/* -------------------------------------- REDUCING CLS ON PLP PAGES ---------------------------------------- */
#search-results {
    min-height: 80dvh;
}
@media screen and (max-width: 767px){
    #search-results{
        min-height: 40dvh;
    }
}