.et_pb_blog .pagination{margin-top:var(--vertical-gap,30px)}.et_pb_blog .et_pb_posts{--column-count:3}.et_block_module .et_pb_post .et_pb_image_container,.et_flex_module .et_pb_post .et_pb_image_container{margin:0 0 30px}.et_flex_module.et_pb_posts{--vertical-gap:40px}.et_flex_module>.et_pb_post{margin-bottom:0}.et_grid_module>.et_pb_post,.et_pb_blog_grid .et_pb_post{border:1px solid #d8d8d8;padding:19px;background-color:#fff;word-wrap:break-word;margin-bottom:0;min-width:0}.et_grid_module>.et_pb_post .et_pb_image_container,.et_pb_blog_grid .et_pb_post .et_pb_image_container{position:relative}.et_grid_module>.et_pb_post .et_audio_content,.et_grid_module>.et_pb_post .et_main_video_container,.et_grid_module>.et_pb_post .et_pb_post .et_pb_slider,.et_pb_blog_grid .et_pb_post .et_audio_content,.et_pb_blog_grid .et_pb_post .et_main_video_container,.et_pb_blog_grid .et_pb_post .et_pb_post .et_pb_slider{margin:-20px -20px 29px;overflow:visible}.et_grid_module>.et_pb_post .et_main_video_container video,.et_pb_blog_grid .et_pb_post .et_main_video_container video{height:100%}.et_grid_module>.et_pb_post .et_main_video_container>.wp-video,.et_pb_blog_grid .et_pb_post .et_main_video_container>.wp-video{width:100%!important}.et_grid_module>.et_pb_post .et_pb_image_container img,.et_pb_blog_grid .et_pb_post .et_pb_image_container img{min-width:100%;max-width:100%;height:auto}.et_grid_module>.et_pb_post .et_pb_no_thumb .entry-title,.et_grid_module>.et_pb_post .et_pb_no_thumb h2,.et_pb_blog_grid .et_pb_post .et_pb_no_thumb .entry-title,.et_pb_blog_grid .et_pb_post .et_pb_no_thumb h2{margin-top:0}.et_grid_module>.et_pb_post .et_audio_content,.et_pb_blog_grid .et_pb_post .et_audio_content{margin-bottom:0}.et_grid_module>.et_pb_post h2,.et_pb_blog_grid .et_pb_post h2{font-size:18px}.et_grid_module>.et_pb_post .et_main_video_overlay:hover:before,.et_pb_blog_grid .et_pb_post .et_main_video_overlay:hover:before{background:rgba(0,0,0,.6)}.et_grid_module>.et_pb_post .et_audio_content h2,.et_pb_blog_grid .et_pb_post .et_audio_content h2{margin-bottom:9px;margin-top:0}.et_grid_module>.et_pb_post .et_quote_content,.et_pb_blog_grid .et_pb_post .et_quote_content{padding:35px 30px 32px}.et_grid_module>.et_pb_post .et_audio_content,.et_grid_module>.et_pb_post .et_link_content,.et_pb_blog_grid .et_pb_post .et_audio_content,.et_pb_blog_grid .et_pb_post .et_link_content{padding:35px 20px}.et_grid_module>.et_pb_post .et_audio_content h2,.et_grid_module>.et_pb_post .et_link_content h2,.et_grid_module>.et_pb_post .et_quote_content blockquote p,.et_pb_blog_grid .et_pb_post .et_audio_content h2,.et_pb_blog_grid .et_pb_post .et_link_content h2,.et_pb_blog_grid .et_pb_post .et_quote_content blockquote p{font-size:18px;line-height:26px}.et_grid_module>.et_pb_post .et_link_content a.et_link_main_url,.et_grid_module>.et_pb_post .et_quote_content blockquote cite,.et_pb_blog_grid .et_pb_post .et_link_content a.et_link_main_url,.et_pb_blog_grid .et_pb_post .et_quote_content blockquote cite{font-size:14px}.et_grid_module>.et_pb_post a.more-link,.et_pb_blog_grid .et_pb_post a.more-link{clear:both;display:block}.et_grid_module>.et_pb_post .et_link_content,.et_grid_module>.et_pb_post .et_quote_content,.et_pb_blog_grid .et_pb_post .et_link_content,.et_pb_blog_grid .et_pb_post .et_quote_content{margin:-20px -20px 19px}.et_pb_posts.et_pb_module article .et_pb_row{width:100%}.et_pb_posts.et_pb_module article .et_pb_with_background .et_pb_row{width:80%}.et_pb_post .entry-featured-image-url{border:0 solid #333}.et_pb_blog_grid_wrapper .et_pb_post .entry-featured-image-url{margin-bottom:0}@media (min-width:981px)and (max-width:1100px){.et_grid_module>.et_pb_post .et_quote_content,.et_pb_blog_grid .et_pb_post .et_quote_content{padding:35px 25px 32px}.et_grid_module>.et_pb_post .et_pb_slide,.et_pb_blog_grid .et_pb_post .et_pb_slide{min-height:155px}}@media (max-width:980px){.et_grid_module>.et_pb_post .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_blog_grid .et_pb_post .et_audio_container .mejs-container .mejs-controls .mejs-time span{font-size:18px}.et_pb_blog_grid.et_pb_text_align_left-tablet{text-align:left}.et_pb_blog_grid.et_pb_text_align_center-tablet{text-align:center}.et_pb_blog_grid.et_pb_text_align_right-tablet{text-align:right}.et_pb_blog_grid.et_pb_text_align_justified-tablet{text-align:justify}}@media (min-width:768px)and (max-width:980px){.et_grid_module>.et_pb_post .et_quote_content,.et_pb_blog_grid .et_pb_post .et_quote_content{padding:35px 30px!important}.et_grid_module>.et_pb_post .et_quote_content blockquote p,.et_pb_blog_grid .et_pb_post .et_quote_content blockquote p{font-size:20px!important;line-height:26px!important}.et_grid_module>.et_pb_post .et_quote_content blockquote cite,.et_pb_blog_grid .et_pb_post .et_quote_content blockquote cite{font-size:14px!important}.et_grid_module>.et_pb_post .et_link_content h2,.et_pb_blog_grid .et_pb_post .et_link_content h2{font-size:20px!important;line-height:26px!important}.et_grid_module>.et_pb_post .et_link_content a.et_link_main_url,.et_pb_blog_grid .et_pb_post .et_link_content a.et_link_main_url{font-size:14px!important}.et_grid_module>.et_pb_post .et_audio_content h2,.et_pb_blog_grid .et_pb_post .et_audio_content h2{font-size:20px!important;line-height:26px!important}.et_grid_module>.et_pb_post>.et_pb_gallery_post_type>.et_pb_slides>.et_pb_post .et_pb_slide,.et_pb_blog_grid .et_pb_post>.et_pb_gallery_post_type>.et_pb_slides>.et_pb_post .et_pb_slide{min-height:182px!important}}@media (max-width:767px){.et_grid_module>.et_pb_post .et_quote_content,.et_pb_blog_grid .et_pb_post .et_quote_content{padding:35px 30px!important}.et_grid_module>.et_pb_post .et_quote_content blockquote p,.et_pb_blog_grid .et_pb_post .et_quote_content blockquote p{font-size:20px!important;line-height:26px!important}.et_grid_module>.et_pb_post .et_quote_content blockquote cite,.et_pb_blog_grid .et_pb_post .et_quote_content blockquote cite{font-size:14px!important}.et_grid_module>.et_pb_post>.et_pb_gallery_post_type>.et_pb_slides>.et_pb_slide,.et_pb_blog_grid .et_pb_post>.et_pb_gallery_post_type>.et_pb_slides>.et_pb_slide{min-height:222px!important}}@media (max-width:479px){.et_grid_module>.et_pb_post h2,.et_pb_blog_grid .et_pb_post h2{font-size:16px;padding-bottom:0}.et_grid_module>.et_pb_post .et_audio_content,.et_grid_module>.et_pb_post .et_main_video_container,.et_grid_module>.et_pb_post .et_pb_post .et_pb_slider,.et_grid_module>.et_pb_post .et_pb_post.format-link>*,.et_grid_module>.et_pb_post .et_pb_post.format-quote>*,.et_grid_module>.et_pb_post .et_pb_post>.et_pb_image_container,.et_grid_module>.et_pb_post .et_pb_post>.post-meta,.et_grid_module>.et_pb_post .et_pb_post>h2,.et_pb_blog_grid .et_pb_post .et_audio_content,.et_pb_blog_grid .et_pb_post .et_main_video_container,.et_pb_blog_grid .et_pb_post .et_pb_post .et_pb_slider,.et_pb_blog_grid .et_pb_post .et_pb_post.format-link>*,.et_pb_blog_grid .et_pb_post .et_pb_post.format-quote>*,.et_pb_blog_grid .et_pb_post .et_pb_post>.et_pb_image_container,.et_pb_blog_grid .et_pb_post .et_pb_post>.post-meta,.et_pb_blog_grid .et_pb_post .et_pb_post>h2{display:block}.et_grid_module>.et_pb_post .et_pb_post .post-meta,.et_pb_blog_grid .et_pb_post .et_pb_post .post-meta{display:block!important;padding:0}.et_grid_module>.et_pb_post .et_link_content,.et_grid_module>.et_pb_post .et_quote_content,.et_pb_blog_grid .et_pb_post .et_link_content,.et_pb_blog_grid .et_pb_post .et_quote_content{padding:35px 20px!important}.et_grid_module>.et_pb_post>.et_pb_gallery_post_type>.et_pb_slides>.et_pb_post .et_pb_slide,.et_pb_blog_grid .et_pb_post>.et_pb_gallery_post_type>.et_pb_slides>.et_pb_post .et_pb_slide{min-height:156px!important}}.et_pb_ajax_pagination_container.et_pb_posts.et_flex_grid{flex-direction:column;flex-wrap:nowrap}
.et_pb_post{margin-bottom:60px;word-wrap:break-word}.et_pb_fullwidth_post_content.et_pb_with_border img,.et_pb_post_content.et_pb_with_border img,.et_pb_with_border .et_pb_post .et_pb_slides,.et_pb_with_border .et_pb_post img:not(.woocommerce-placeholder),.et_pb_with_border.et_pb_posts .et_pb_post,.et_pb_with_border.et_pb_posts_nav span.nav-next a,.et_pb_with_border.et_pb_posts_nav span.nav-previous a{border:0 solid #333}.et_pb_post .entry-content{padding-top:30px}.et_pb_post .entry-featured-image-url{display:block;position:relative;margin-bottom:30px}.et_pb_post .entry-title a,.et_pb_post h2 a{text-decoration:none}.et_pb_post .post-meta{font-size:14px;margin-bottom:6px}.et_pb_post .more,.et_pb_post .post-meta a{text-decoration:none}.et_pb_post .more{color:#82c0c7}.et_pb_posts a.more-link{clear:both;display:block}.et_pb_posts .et_pb_post{position:relative}.et_pb_has_overlay.et_pb_post .et_pb_image_container a{display:block;position:relative;overflow:hidden}.et_pb_image_container img,.et_pb_post a img{vertical-align:bottom;max-width:100%}@media (min-width:981px)and (max-width:1100px){.et_pb_post{margin-bottom:42px}}@media (max-width:980px){.et_pb_post{margin-bottom:42px}.et_pb_bg_layout_light_tablet .et_pb_post .post-meta,.et_pb_bg_layout_light_tablet .et_pb_post .post-meta a,.et_pb_bg_layout_light_tablet .et_pb_post p{color:#666}.et_pb_bg_layout_dark_tablet .et_pb_post .post-meta,.et_pb_bg_layout_dark_tablet .et_pb_post .post-meta a,.et_pb_bg_layout_dark_tablet .et_pb_post p{color:inherit}.et_pb_bg_layout_dark_tablet .comment_postinfo a,.et_pb_bg_layout_dark_tablet .comment_postinfo span{color:#fff}}@media (max-width:767px){.et_pb_post{margin-bottom:42px}.et_pb_post>h2{font-size:18px}.et_pb_bg_layout_light_phone .et_pb_post .post-meta,.et_pb_bg_layout_light_phone .et_pb_post .post-meta a,.et_pb_bg_layout_light_phone .et_pb_post p{color:#666}.et_pb_bg_layout_dark_phone .et_pb_post .post-meta,.et_pb_bg_layout_dark_phone .et_pb_post .post-meta a,.et_pb_bg_layout_dark_phone .et_pb_post p{color:inherit}.et_pb_bg_layout_dark_phone .comment_postinfo a,.et_pb_bg_layout_dark_phone .comment_postinfo span{color:#fff}}@media (max-width:479px){.et_pb_post{margin-bottom:42px}.et_pb_post h2{font-size:16px;padding-bottom:0}.et_pb_post .post-meta{color:#666;font-size:14px}}body.et-fb.single .et_pb_post{margin-bottom:0}
.et_audio_content,.et_link_content,.et_quote_content{background-color:#2ea3f2}.et_pb_post .et-pb-controllers a{margin-bottom:10px}.format-gallery .et-pb-controllers{bottom:0}.et_pb_blog_grid .et_audio_content.et_audio_content{margin-bottom:19px}.et_pb_row .et_pb_blog_grid .et_pb_post .et_pb_slide{min-height:180px}.et_audio_content .wp-block-audio{margin:0;padding:0;max-width:100%}.et_audio_content .wp-block-audio audio{max-width:100%;min-width:0}.et_audio_content h2{line-height:44px}.et_pb_column_1_2 .et_audio_content h2,.et_pb_column_1_3 .et_audio_content h2,.et_pb_column_1_4 .et_audio_content h2,.et_pb_column_1_5 .et_audio_content h2,.et_pb_column_1_6 .et_audio_content h2,.et_pb_column_2_5 .et_audio_content h2,.et_pb_column_3_5 .et_audio_content h2,.et_pb_column_3_8 .et_audio_content h2{margin-bottom:9px;margin-top:0}.et_pb_column_1_2 .et_audio_content,.et_pb_column_3_5 .et_audio_content{padding:35px 40px}.et_pb_column_1_2 .et_audio_content h2,.et_pb_column_3_5 .et_audio_content h2{line-height:32px}.et_pb_column_1_3 .et_audio_content,.et_pb_column_1_4 .et_audio_content,.et_pb_column_1_5 .et_audio_content,.et_pb_column_1_6 .et_audio_content,.et_pb_column_2_5 .et_audio_content,.et_pb_column_3_8 .et_audio_content{padding:35px 20px}.et_pb_column_1_3 .et_audio_content h2,.et_pb_column_1_4 .et_audio_content h2,.et_pb_column_1_5 .et_audio_content h2,.et_pb_column_1_6 .et_audio_content h2,.et_pb_column_2_5 .et_audio_content h2,.et_pb_column_3_8 .et_audio_content h2{font-size:18px;line-height:26px}article.et_pb_has_overlay .et_pb_blog_image_container{position:relative}.et_pb_post>.et_main_video_container{position:relative;margin-bottom:30px}.et_pb_post .et_pb_video_overlay .et_pb_video_play{color:#fff}.et_pb_post .et_pb_video_overlay_hover:hover{background:rgba(0,0,0,.6)}.et_audio_content,.et_link_content,.et_quote_content{text-align:center;word-wrap:break-word;position:relative;padding:50px 60px}.et_audio_content h2,.et_link_content a.et_link_main_url,.et_link_content h2,.et_quote_content blockquote cite,.et_quote_content blockquote p{color:#fff!important}.et_quote_main_link{position:absolute;text-indent:-9999px;width:100%;height:100%;display:block;top:0;left:0}.et_quote_content blockquote{padding:0;margin:0;border:none}.et_audio_content h2,.et_link_content h2,.et_quote_content blockquote p{margin-top:0}.et_audio_content h2{margin-bottom:20px}.et_audio_content h2,.et_link_content h2,.et_quote_content blockquote p{line-height:44px}.et_link_content a.et_link_main_url,.et_quote_content blockquote cite{font-size:18px;font-weight:200}.et_quote_content blockquote cite{font-style:normal}.et_pb_column_2_3 .et_quote_content{padding:50px 42px 45px}.et_pb_column_2_3 .et_audio_content,.et_pb_column_2_3 .et_link_content{padding:40px 40px 45px}.et_pb_column_1_2 .et_audio_content,.et_pb_column_1_2 .et_link_content,.et_pb_column_1_2 .et_quote_content,.et_pb_column_3_5 .et_audio_content,.et_pb_column_3_5 .et_link_content,.et_pb_column_3_5 .et_quote_content{padding:35px 40px}.et_pb_column_1_2 .et_quote_content blockquote p,.et_pb_column_3_5 .et_quote_content blockquote p{font-size:26px;line-height:32px}.et_pb_column_1_2 .et_audio_content h2,.et_pb_column_1_2 .et_link_content h2,.et_pb_column_3_5 .et_audio_content h2,.et_pb_column_3_5 .et_link_content h2{line-height:32px}.et_pb_column_1_2 .et_link_content a.et_link_main_url,.et_pb_column_1_2 .et_quote_content blockquote cite,.et_pb_column_3_5 .et_link_content a.et_link_main_url,.et_pb_column_3_5 .et_quote_content blockquote cite{font-size:14px}.et_pb_column_1_3 .et_quote_content,.et_pb_column_1_4 .et_quote_content,.et_pb_column_1_5 .et_quote_content,.et_pb_column_1_6 .et_quote_content,.et_pb_column_2_5 .et_quote_content,.et_pb_column_3_8 .et_quote_content{padding:35px 30px 32px}.et_pb_column_1_3 .et_audio_content,.et_pb_column_1_3 .et_link_content,.et_pb_column_1_4 .et_audio_content,.et_pb_column_1_4 .et_link_content,.et_pb_column_1_5 .et_audio_content,.et_pb_column_1_5 .et_link_content,.et_pb_column_1_6 .et_audio_content,.et_pb_column_1_6 .et_link_content,.et_pb_column_2_5 .et_audio_content,.et_pb_column_2_5 .et_link_content,.et_pb_column_3_8 .et_audio_content,.et_pb_column_3_8 .et_link_content{padding:35px 20px}.et_pb_column_1_3 .et_audio_content h2,.et_pb_column_1_3 .et_link_content h2,.et_pb_column_1_3 .et_quote_content blockquote p,.et_pb_column_1_4 .et_audio_content h2,.et_pb_column_1_4 .et_link_content h2,.et_pb_column_1_4 .et_quote_content blockquote p,.et_pb_column_1_5 .et_audio_content h2,.et_pb_column_1_5 .et_link_content h2,.et_pb_column_1_5 .et_quote_content blockquote p,.et_pb_column_1_6 .et_audio_content h2,.et_pb_column_1_6 .et_link_content h2,.et_pb_column_1_6 .et_quote_content blockquote p,.et_pb_column_2_5 .et_audio_content h2,.et_pb_column_2_5 .et_link_content h2,.et_pb_column_2_5 .et_quote_content blockquote p,.et_pb_column_3_8 .et_audio_content h2,.et_pb_column_3_8 .et_link_content h2,.et_pb_column_3_8 .et_quote_content blockquote p{font-size:18px;line-height:26px}.et_pb_column_1_3 .et_link_content a.et_link_main_url,.et_pb_column_1_3 .et_quote_content blockquote cite,.et_pb_column_1_4 .et_link_content a.et_link_main_url,.et_pb_column_1_4 .et_quote_content blockquote cite,.et_pb_column_1_5 .et_link_content a.et_link_main_url,.et_pb_column_1_5 .et_quote_content blockquote cite,.et_pb_column_1_6 .et_link_content a.et_link_main_url,.et_pb_column_1_6 .et_quote_content blockquote cite,.et_pb_column_2_5 .et_link_content a.et_link_main_url,.et_pb_column_2_5 .et_quote_content blockquote cite,.et_pb_column_3_8 .et_link_content a.et_link_main_url,.et_pb_column_3_8 .et_quote_content blockquote cite{font-size:14px}.et_pb_post .et_pb_gallery_post_type .et_pb_slide{min-height:500px;background-size:cover!important;background-position:top}.format-gallery .et_pb_slider.gallery-not-found .et_pb_slide{box-shadow:inset 0 0 10px rgba(0,0,0,.1)}.format-gallery .et_pb_slider:hover .et-pb-arrow-prev{left:0}.format-gallery .et_pb_slider:hover .et-pb-arrow-next{right:0}.et_pb_post>.et_pb_slider{margin-bottom:30px}.et_pb_column_3_4 .et_pb_post .et_pb_slide{min-height:442px}.et_pb_column_2_3 .et_pb_post .et_pb_slide{min-height:390px}.et_pb_column_1_2 .et_pb_post .et_pb_slide,.et_pb_column_3_5 .et_pb_post .et_pb_slide{min-height:284px}.et_pb_column_1_3 .et_pb_post .et_pb_slide,.et_pb_column_2_5 .et_pb_post .et_pb_slide,.et_pb_column_3_8 .et_pb_post .et_pb_slide{min-height:180px}.et_pb_column_1_4 .et_pb_post .et_pb_slide,.et_pb_column_1_5 .et_pb_post .et_pb_slide,.et_pb_column_1_6 .et_pb_post .et_pb_slide{min-height:125px}.et_pb_portfolio.et_pb_section_parallax .pagination,.et_pb_portfolio.et_pb_section_video .pagination,.et_pb_portfolio_grid.et_pb_section_parallax .pagination,.et_pb_portfolio_grid.et_pb_section_video .pagination{position:relative}.et_pb_bg_layout_light .et_pb_post .post-meta,.et_pb_bg_layout_light .et_pb_post .post-meta a,.et_pb_bg_layout_light .et_pb_post p{color:#666}.et_pb_bg_layout_dark .et_pb_post .post-meta,.et_pb_bg_layout_dark .et_pb_post .post-meta a,.et_pb_bg_layout_dark .et_pb_post p{color:inherit}.et_pb_text_color_dark .et_audio_content h2,.et_pb_text_color_dark .et_link_content a.et_link_main_url,.et_pb_text_color_dark .et_link_content h2,.et_pb_text_color_dark .et_quote_content blockquote cite,.et_pb_text_color_dark .et_quote_content blockquote p{color:#666!important}.et_pb_text_color_dark.et_audio_content h2,.et_pb_text_color_dark.et_link_content a.et_link_main_url,.et_pb_text_color_dark.et_link_content h2,.et_pb_text_color_dark.et_quote_content blockquote cite,.et_pb_text_color_dark.et_quote_content blockquote p{color:#bbb!important}.et_pb_text_color_dark.et_audio_content,.et_pb_text_color_dark.et_link_content,.et_pb_text_color_dark.et_quote_content{background-color:#e8e8e8}@media (min-width:981px)and (max-width:1100px){.et_quote_content{padding:50px 70px 45px}.et_pb_column_2_3 .et_quote_content{padding:50px 50px 45px}.et_pb_column_1_2 .et_quote_content,.et_pb_column_3_5 .et_quote_content{padding:35px 47px 30px}.et_pb_column_1_3 .et_quote_content,.et_pb_column_1_4 .et_quote_content,.et_pb_column_1_5 .et_quote_content,.et_pb_column_1_6 .et_quote_content,.et_pb_column_2_5 .et_quote_content,.et_pb_column_3_8 .et_quote_content{padding:35px 25px 32px}.et_pb_column_4_4 .et_pb_post .et_pb_slide{min-height:534px}.et_pb_column_3_4 .et_pb_post .et_pb_slide{min-height:392px}.et_pb_column_2_3 .et_pb_post .et_pb_slide{min-height:345px}.et_pb_column_1_2 .et_pb_post .et_pb_slide,.et_pb_column_3_5 .et_pb_post .et_pb_slide{min-height:250px}.et_pb_column_1_3 .et_pb_post .et_pb_slide,.et_pb_column_2_5 .et_pb_post .et_pb_slide,.et_pb_column_3_8 .et_pb_post .et_pb_slide{min-height:155px}.et_pb_column_1_4 .et_pb_post .et_pb_slide,.et_pb_column_1_5 .et_pb_post .et_pb_slide,.et_pb_column_1_6 .et_pb_post .et_pb_slide{min-height:108px}}@media (max-width:980px){.et_pb_bg_layout_dark_tablet .et_audio_content h2{color:#fff!important}.et_pb_text_color_dark_tablet.et_audio_content h2{color:#bbb!important}.et_pb_text_color_dark_tablet.et_audio_content{background-color:#e8e8e8}.et_pb_bg_layout_dark_tablet .et_audio_content h2,.et_pb_bg_layout_dark_tablet .et_link_content a.et_link_main_url,.et_pb_bg_layout_dark_tablet .et_link_content h2,.et_pb_bg_layout_dark_tablet .et_quote_content blockquote cite,.et_pb_bg_layout_dark_tablet .et_quote_content blockquote p{color:#fff!important}.et_pb_text_color_dark_tablet .et_audio_content h2,.et_pb_text_color_dark_tablet .et_link_content a.et_link_main_url,.et_pb_text_color_dark_tablet .et_link_content h2,.et_pb_text_color_dark_tablet .et_quote_content blockquote cite,.et_pb_text_color_dark_tablet .et_quote_content blockquote p{color:#666!important}.et_pb_text_color_dark_tablet.et_audio_content h2,.et_pb_text_color_dark_tablet.et_link_content a.et_link_main_url,.et_pb_text_color_dark_tablet.et_link_content h2,.et_pb_text_color_dark_tablet.et_quote_content blockquote cite,.et_pb_text_color_dark_tablet.et_quote_content blockquote p{color:#bbb!important}.et_pb_text_color_dark_tablet.et_audio_content,.et_pb_text_color_dark_tablet.et_link_content,.et_pb_text_color_dark_tablet.et_quote_content{background-color:#e8e8e8}}@media (min-width:768px)and (max-width:980px){.et_audio_content h2{font-size:26px!important;line-height:44px!important;margin-bottom:24px!important}.et_pb_post>.et_pb_gallery_post_type>.et_pb_slides>.et_pb_slide{min-height:384px!important}.et_quote_content{padding:50px 43px 45px!important}.et_quote_content blockquote p{font-size:26px!important;line-height:44px!important}.et_quote_content blockquote cite{font-size:18px!important}.et_link_content{padding:40px 40px 45px}.et_link_content h2{font-size:26px!important;line-height:44px!important}.et_link_content a.et_link_main_url{font-size:18px!important}}@media (max-width:767px){.et_audio_content h2,.et_link_content h2,.et_quote_content,.et_quote_content blockquote p{font-size:20px!important;line-height:26px!important}.et_audio_content,.et_link_content{padding:35px 20px!important}.et_audio_content h2{margin-bottom:9px!important}.et_pb_bg_layout_dark_phone .et_audio_content h2{color:#fff!important}.et_pb_text_color_dark_phone.et_audio_content{background-color:#e8e8e8}.et_link_content a.et_link_main_url,.et_quote_content blockquote cite{font-size:14px!important}.format-gallery .et-pb-controllers{height:auto}.et_pb_post>.et_pb_gallery_post_type>.et_pb_slides>.et_pb_slide{min-height:222px!important}.et_pb_bg_layout_dark_phone .et_audio_content h2,.et_pb_bg_layout_dark_phone .et_link_content a.et_link_main_url,.et_pb_bg_layout_dark_phone .et_link_content h2,.et_pb_bg_layout_dark_phone .et_quote_content blockquote cite,.et_pb_bg_layout_dark_phone .et_quote_content blockquote p{color:#fff!important}.et_pb_text_color_dark_phone .et_audio_content h2,.et_pb_text_color_dark_phone .et_link_content a.et_link_main_url,.et_pb_text_color_dark_phone .et_link_content h2,.et_pb_text_color_dark_phone .et_quote_content blockquote cite,.et_pb_text_color_dark_phone .et_quote_content blockquote p{color:#666!important}.et_pb_text_color_dark_phone.et_audio_content h2,.et_pb_text_color_dark_phone.et_link_content a.et_link_main_url,.et_pb_text_color_dark_phone.et_link_content h2,.et_pb_text_color_dark_phone.et_quote_content blockquote cite,.et_pb_text_color_dark_phone.et_quote_content blockquote p{color:#bbb!important}.et_pb_text_color_dark_phone.et_audio_content,.et_pb_text_color_dark_phone.et_link_content,.et_pb_text_color_dark_phone.et_quote_content{background-color:#e8e8e8}}@media (max-width:479px){.et_flex_column_2_5 .et_pb_carousel_item .et_pb_video_play,.et_flex_column_3_5 .et_pb_carousel_item .et_pb_video_play,.et_flex_column_4_5 .et_pb_carousel_item .et_pb_video_play,.et_flex_column_5_5 .et_pb_carousel_item .et_pb_video_play,.et_flex_column_12_24 .et_pb_carousel_item .et_pb_video_play,.et_flex_column_13_24 .et_pb_carousel_item .et_pb_video_play,.et_flex_column_14_24 .et_pb_carousel_item .et_pb_video_play,.et_flex_column_15_24 .et_pb_carousel_item .et_pb_video_play,.et_flex_column_16_24 .et_pb_carousel_item .et_pb_video_play,.et_flex_column_17_24 .et_pb_carousel_item .et_pb_video_play,.et_flex_column_18_24 .et_pb_carousel_item .et_pb_video_play,.et_flex_column_19_24 .et_pb_carousel_item .et_pb_video_play,.et_flex_column_20_24 .et_pb_carousel_item .et_pb_video_play,.et_flex_column_21_24 .et_pb_carousel_item .et_pb_video_play,.et_flex_column_22_24 .et_pb_carousel_item .et_pb_video_play,.et_flex_column_23_24 .et_pb_carousel_item .et_pb_video_play,.et_flex_column_24_24 .et_pb_carousel_item .et_pb_video_play,.et_pb_column_1_2 .et_pb_carousel_item .et_pb_video_play,.et_pb_column_1_3 .et_pb_carousel_item .et_pb_video_play,.et_pb_column_2_3 .et_pb_carousel_item .et_pb_video_play,.et_pb_column_2_5 .et_pb_carousel_item .et_pb_video_play,.et_pb_column_3_5 .et_pb_carousel_item .et_pb_video_play,.et_pb_column_3_8 .et_pb_carousel_item .et_pb_video_play{font-size:1.5rem;line-height:1.5rem;margin-left:-.75rem;margin-top:-.75rem}.et_audio_content,.et_quote_content{padding:35px 20px!important}.et_pb_post>.et_pb_gallery_post_type>.et_pb_slides>.et_pb_slide{min-height:156px!important}}.et_full_width_page .et_gallery_item{float:left;width:20.875%;margin:0 5.5% 5.5% 0}.et_full_width_page .et_gallery_item:nth-child(3n){margin-right:5.5%}.et_full_width_page .et_gallery_item:nth-child(3n+1){clear:none}.et_full_width_page .et_gallery_item:nth-child(4n){margin-right:0}.et_full_width_page .et_gallery_item:nth-child(4n+1){clear:both}
.et_overlay{z-index:-1;position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:hsla(0,0%,100%,.9);opacity:0;pointer-events:none;transition:all .3s;border:1px solid #e5e5e5;box-sizing:border-box;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.et_overlay:before{color:#2ea3f2;content:"\E050";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;transition:all .4s}.et_portfolio_image,.et_shop_image{position:relative;display:block}.et_pb_has_overlay:not(.et_pb_image):hover .et_overlay,.et_portfolio_image:hover .et_overlay,.et_shop_image:hover .et_overlay{z-index:3;opacity:1}#ie7 .et_overlay,#ie8 .et_overlay{display:none}.et_pb_module.et_pb_has_overlay{position:relative}.et_pb_module.et_pb_has_overlay .et_overlay,article.et_pb_has_overlay{border:none}
.et_pb_blog_grid .et_audio_container .mejs-container .mejs-controls .mejs-time span{font-size:14px}.et_audio_container .mejs-container{width:auto!important;min-width:unset!important;height:auto!important}.et_audio_container .mejs-container,.et_audio_container .mejs-container .mejs-controls,.et_audio_container .mejs-embed,.et_audio_container .mejs-embed body{background:none;height:auto}.et_audio_container .mejs-controls .mejs-time-rail .mejs-time-loaded,.et_audio_container .mejs-time.mejs-currenttime-container{display:none!important}.et_audio_container .mejs-time{display:block!important;padding:0;margin-left:10px;margin-right:90px;line-height:inherit}.et_audio_container .mejs-android .mejs-time,.et_audio_container .mejs-ios .mejs-time,.et_audio_container .mejs-ipad .mejs-time,.et_audio_container .mejs-iphone .mejs-time{margin-right:0}.et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{background:hsla(0,0%,100%,.5);border-radius:5px;height:4px;margin:8px 0 0;top:0;right:0;left:auto}.et_audio_container .mejs-controls>div{height:20px!important}.et_audio_container .mejs-controls .mejs-duration-container{display:flex!important;align-items:center}.et_audio_container .mejs-controls div.mejs-time-rail{padding-top:0;position:relative;display:block!important;margin-left:42px;margin-right:0}.et_audio_container span.mejs-time-total.mejs-time-slider{display:block!important;position:relative!important;max-width:100%;min-width:unset!important}.et_audio_container .mejs-button.mejs-volume-button{width:auto;height:auto;margin-left:auto;position:absolute;right:59px;bottom:-2px}.et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;height:4px;border-radius:5px}.et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,.et_audio_container .mejs-controls .mejs-time-rail .mejs-time-handle{display:block;border:none;width:10px}.et_audio_container .mejs-time-rail .mejs-time-handle-content{border-radius:100%;transform:scale(1)}.et_pb_text_color_dark .et_audio_container .mejs-time-rail .mejs-time-handle-content{border-color:#666}.et_audio_container .mejs-time-rail .mejs-time-hovered{height:4px}.et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{background:#fff;border-radius:5px;height:10px;position:absolute;top:-3px}.et_audio_container .mejs-container .mejs-controls .mejs-time span{font-size:18px}.et_audio_container .mejs-controls a.mejs-horizontal-volume-slider{display:block!important;height:19px;margin-left:5px;position:absolute;right:0;bottom:0}.et_audio_container .mejs-controls div.mejs-horizontal-volume-slider{height:4px}.et_audio_container .mejs-playpause-button button,.et_audio_container .mejs-volume-button button{background:none!important;margin:0!important;width:auto!important;height:auto!important;position:relative!important;z-index:99}.et_audio_container .mejs-playpause-button button:before{content:"E"!important;font-size:32px;left:0;top:-8px}.et_audio_container .mejs-playpause-button button:before,.et_audio_container .mejs-volume-button button:before{color:#fff}.et_audio_container .mejs-playpause-button{margin-top:-7px!important;width:auto!important;height:auto!important;position:absolute}.et_audio_container .mejs-controls .mejs-button button:focus{outline:none}.et_audio_container .mejs-playpause-button.mejs-pause button:before{content:"`"!important}.et_audio_container .mejs-volume-button button:before{content:"\E068";font-size:18px}.et_pb_text_color_dark .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.et_pb_text_color_dark .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{background:hsla(0,0%,60%,.5)}.et_pb_text_color_dark .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.et_pb_text_color_dark .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current{background:#999}.et_pb_text_color_dark .et_audio_container .mejs-playpause-button button:before,.et_pb_text_color_dark .et_audio_container .mejs-volume-button button:before{color:#666}.et_pb_text_color_dark .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,.et_pb_text_color_dark .mejs-controls .mejs-time-rail .mejs-time-handle{background:#666}.et_pb_text_color_dark .mejs-container .mejs-controls .mejs-time span{color:#999}.et_pb_column_1_3 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_1_4 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_1_5 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_1_6 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_2_5 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_3_8 .et_audio_container .mejs-container .mejs-controls .mejs-time span{font-size:14px}.et_audio_container .mejs-container .mejs-controls{padding:0;flex-wrap:wrap;min-width:unset!important;position:relative}@media (max-width:980px){.et_pb_column_1_3 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_1_4 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_1_5 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_1_6 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_2_5 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_3_8 .et_audio_container .mejs-container .mejs-controls .mejs-time span{font-size:18px}.et_pb_bg_layout_dark_tablet .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.et_pb_bg_layout_dark_tablet .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{background:hsla(0,0%,100%,.5)}.et_pb_bg_layout_dark_tablet .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.et_pb_bg_layout_dark_tablet .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current{background:#fff}.et_pb_bg_layout_dark_tablet .et_audio_container .mejs-playpause-button button:before,.et_pb_bg_layout_dark_tablet .et_audio_container .mejs-volume-button button:before{color:#fff}.et_pb_bg_layout_dark_tablet .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,.et_pb_bg_layout_dark_tablet .mejs-controls .mejs-time-rail .mejs-time-handle{background:#fff}.et_pb_bg_layout_dark_tablet .mejs-container .mejs-controls .mejs-time span{color:#fff}.et_pb_text_color_dark_tablet .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.et_pb_text_color_dark_tablet .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{background:hsla(0,0%,60%,.5)}.et_pb_text_color_dark_tablet .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.et_pb_text_color_dark_tablet .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current{background:#999}.et_pb_text_color_dark_tablet .et_audio_container .mejs-playpause-button button:before,.et_pb_text_color_dark_tablet .et_audio_container .mejs-volume-button button:before{color:#666}.et_pb_text_color_dark_tablet .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,.et_pb_text_color_dark_tablet .mejs-controls .mejs-time-rail .mejs-time-handle{background:#666}.et_pb_text_color_dark_tablet .mejs-container .mejs-controls .mejs-time span{color:#999}}@media (max-width:767px){.et_audio_container .mejs-container .mejs-controls .mejs-time span{font-size:14px!important}.et_pb_bg_layout_dark_phone .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.et_pb_bg_layout_dark_phone .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{background:hsla(0,0%,100%,.5)}.et_pb_bg_layout_dark_phone .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.et_pb_bg_layout_dark_phone .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current{background:#fff}.et_pb_bg_layout_dark_phone .et_audio_container .mejs-playpause-button button:before,.et_pb_bg_layout_dark_phone .et_audio_container .mejs-volume-button button:before{color:#fff}.et_pb_bg_layout_dark_phone .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,.et_pb_bg_layout_dark_phone .mejs-controls .mejs-time-rail .mejs-time-handle{background:#fff}.et_pb_bg_layout_dark_phone .mejs-container .mejs-controls .mejs-time span{color:#fff}.et_pb_text_color_dark_phone .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.et_pb_text_color_dark_phone .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{background:hsla(0,0%,60%,.5)}.et_pb_text_color_dark_phone .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.et_pb_text_color_dark_phone .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current{background:#999}.et_pb_text_color_dark_phone .et_audio_container .mejs-playpause-button button:before,.et_pb_text_color_dark_phone .et_audio_container .mejs-volume-button button:before{color:#666}.et_pb_text_color_dark_phone .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,.et_pb_text_color_dark_phone .mejs-controls .mejs-time-rail .mejs-time-handle{background:#666}.et_pb_text_color_dark_phone .mejs-container .mejs-controls .mejs-time span{color:#999}}
.et_pb_video_box{display:block;position:relative;z-index:1;line-height:0}.et_pb_video_box video{width:100%!important;height:auto!important}.et_pb_video_overlay{position:absolute;z-index:10;top:0;left:0;height:100%;width:100%;background-size:cover;background-repeat:no-repeat;background-position:50%;cursor:pointer}.et_pb_video_play:before{font-family:ETmodules;content:"I"}.et_pb_video_play{display:block;position:absolute;z-index:100;color:#fff;left:50%;top:50%}.et_flex_column_3_5 .et_pb_video_play,.et_flex_column_4_5 .et_pb_video_play,.et_flex_column_5_5 .et_pb_video_play,.et_flex_column_12_24 .et_pb_video_play,.et_flex_column_13_24 .et_pb_video_play,.et_flex_column_14_24 .et_pb_video_play,.et_flex_column_15_24 .et_pb_video_play,.et_flex_column_16_24 .et_pb_video_play,.et_flex_column_17_24 .et_pb_video_play,.et_flex_column_18_24 .et_pb_video_play,.et_flex_column_19_24 .et_pb_video_play,.et_flex_column_20_24 .et_pb_video_play,.et_flex_column_21_24 .et_pb_video_play,.et_flex_column_22_24 .et_pb_video_play,.et_flex_column_23_24 .et_pb_video_play,.et_flex_column_24_24 .et_pb_video_play,.et_pb_column_1_2 .et_pb_video_play,.et_pb_column_2_3 .et_pb_video_play,.et_pb_column_3_4 .et_pb_video_play,.et_pb_column_3_5 .et_pb_video_play,.et_pb_column_4_4 .et_pb_video_play{font-size:6rem;line-height:6rem;margin-left:-3rem;margin-top:-3rem}.et_flex_column_1_5 .et_pb_video_play,.et_flex_column_1_7 .et_pb_video_play,.et_flex_column_1_9 .et_pb_video_play,.et_flex_column_1_10 .et_pb_video_play,.et_flex_column_1_11 .et_pb_video_play,.et_flex_column_1_24 .et_pb_video_play,.et_flex_column_2_5 .et_pb_video_play,.et_flex_column_2_24 .et_pb_video_play,.et_flex_column_3_24 .et_pb_video_play,.et_flex_column_4_24 .et_pb_video_play,.et_flex_column_5_24 .et_pb_video_play,.et_flex_column_6_24 .et_pb_video_play,.et_flex_column_7_24 .et_pb_video_play,.et_flex_column_8_24 .et_pb_video_play,.et_flex_column_9_24 .et_pb_video_play,.et_flex_column_10_24 .et_pb_video_play,.et_flex_column_11_24 .et_pb_video_play,.et_flex_column_none .et_pb_video_play,.et_pb_column_1_3 .et_pb_video_play,.et_pb_column_1_4 .et_pb_video_play,.et_pb_column_1_5 .et_pb_video_play,.et_pb_column_1_6 .et_pb_video_play,.et_pb_column_2_5 .et_pb_video_play,.et_pb_column_3_8 .et_pb_video_play{font-size:3rem;line-height:3rem;margin-left:-1.5rem;margin-top:-1.5rem}.et_pb_bg_layout_light .et_pb_video_play{color:#333}.et_pb_video_overlay_hover{background:transparent;width:100%;height:100%;position:absolute;z-index:100;transition:all .5s ease-in-out}.et_pb_video .et_pb_video_overlay_hover:hover{background:rgba(0,0,0,.6)}@media (min-width:768px)and (max-width:980px){.et_flex_column_1_5 .et_pb_video_play,.et_flex_column_1_7 .et_pb_video_play,.et_flex_column_1_9 .et_pb_video_play,.et_flex_column_1_10 .et_pb_video_play,.et_flex_column_1_11 .et_pb_video_play,.et_flex_column_1_24 .et_pb_video_play,.et_flex_column_2_5 .et_pb_video_play,.et_flex_column_2_24 .et_pb_video_play,.et_flex_column_3_24 .et_pb_video_play,.et_flex_column_4_24 .et_pb_video_play,.et_flex_column_5_24 .et_pb_video_play,.et_flex_column_6_24 .et_pb_video_play,.et_flex_column_7_24 .et_pb_video_play,.et_flex_column_8_24 .et_pb_video_play,.et_flex_column_9_24 .et_pb_video_play,.et_flex_column_10_24 .et_pb_video_play,.et_flex_column_11_24 .et_pb_video_play,.et_flex_column_none .et_pb_video_play,.et_pb_column_1_3 .et_pb_video_play,.et_pb_column_1_4 .et_pb_video_play,.et_pb_column_1_5 .et_pb_video_play,.et_pb_column_1_6 .et_pb_video_play,.et_pb_column_2_5 .et_pb_video_play,.et_pb_column_3_8 .et_pb_video_play{font-size:6rem;line-height:6rem;margin-left:-3rem;margin-top:-3rem}}@media (max-width:980px){.et_pb_bg_layout_light_tablet .et_pb_video_play{color:#333}}@media (max-width:768px){.et_flex_column_3_5 .et_pb_video_play,.et_flex_column_4_5 .et_pb_video_play,.et_flex_column_5_5 .et_pb_video_play,.et_flex_column_12_24 .et_pb_video_play,.et_flex_column_13_24 .et_pb_video_play,.et_flex_column_14_24 .et_pb_video_play,.et_flex_column_15_24 .et_pb_video_play,.et_flex_column_16_24 .et_pb_video_play,.et_flex_column_17_24 .et_pb_video_play,.et_flex_column_18_24 .et_pb_video_play,.et_flex_column_19_24 .et_pb_video_play,.et_flex_column_20_24 .et_pb_video_play,.et_flex_column_21_24 .et_pb_video_play,.et_flex_column_22_24 .et_pb_video_play,.et_flex_column_23_24 .et_pb_video_play,.et_flex_column_24_24 .et_pb_video_play,.et_pb_column_1_2 .et_pb_video_play,.et_pb_column_2_3 .et_pb_video_play,.et_pb_column_3_4 .et_pb_video_play,.et_pb_column_3_5 .et_pb_video_play,.et_pb_column_4_4 .et_pb_video_play{font-size:3rem;line-height:3rem;margin-left:-1.5rem;margin-top:-1.5rem}}@media (max-width:767px){.et_pb_bg_layout_light_phone .et_pb_video_play{color:#333}}
.et_pb_slider{position:relative;overflow:hidden}.et_pb_slide{padding:0 6%;background-size:cover;background-position:50%;background-repeat:no-repeat}.et_pb_slider .et_pb_slide{display:none;float:left;margin-right:-100%;position:relative;width:100%;text-align:center;list-style:none!important;background-position:50%;background-size:100%;background-size:cover}.et_pb_slider .et_pb_slide:first-child{display:list-item}.et-pb-controllers{position:absolute;bottom:20px;left:0;width:100%;text-align:center;z-index:10}.et-pb-controllers a{display:inline-block;background-color:hsla(0,0%,100%,.5);text-indent:-9999px;border-radius:7px;width:7px;height:7px;margin-right:10px;padding:0;opacity:.5}.et-pb-controllers .et-pb-active-control{opacity:1}.et-pb-controllers a:last-child{margin-right:0}.et-pb-controllers .et-pb-active-control{background-color:#fff}.et_pb_slides .et_pb_temp_slide{display:block}.et_pb_slides:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;width:0}@media (max-width:980px){.et_pb_slider .et_pb_bg_layout_light_tablet .et-pb-controllers .et-pb-active-control{background-color:#333}.et_pb_slider .et_pb_bg_layout_light_tablet .et-pb-controllers a{background-color:rgba(0,0,0,.3)}.et_pb_slider .et_pb_bg_layout_light_tablet .et_pb_slide_content{color:#333}.et_pb_slider .et_pb_bg_layout_dark_tablet .et_pb_slide_description{text-shadow:0 1px 3px rgba(0,0,0,.3)}.et_pb_slider .et_pb_bg_layout_dark_tablet .et_pb_slide_content{color:#fff}.et_pb_slider .et_pb_bg_layout_dark_tablet .et-pb-controllers .et-pb-active-control{background-color:#fff}.et_pb_slider .et_pb_bg_layout_dark_tablet .et-pb-controllers a{background-color:hsla(0,0%,100%,.5)}}@media (max-width:767px){.et-pb-controllers{position:absolute;bottom:5%;left:0;width:100%;text-align:center;z-index:10;height:14px}.et_transparent_nav .et_pb_section:first-child .et-pb-controllers{bottom:18px}.et_pb_bg_layout_light_phone.et_pb_slider_with_overlay .et_pb_slide_overlay_container,.et_pb_bg_layout_light_phone.et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper{background-color:hsla(0,0%,100%,.9)}.et_pb_bg_layout_light_phone .et-pb-controllers .et-pb-active-control{background-color:#333}.et_pb_bg_layout_dark_phone.et_pb_slider_with_overlay .et_pb_slide_overlay_container,.et_pb_bg_layout_dark_phone.et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper,.et_pb_bg_layout_light_phone .et-pb-controllers a{background-color:rgba(0,0,0,.3)}.et_pb_bg_layout_dark_phone .et-pb-controllers .et-pb-active-control{background-color:#fff}.et_pb_bg_layout_dark_phone .et-pb-controllers a{background-color:hsla(0,0%,100%,.5)}}.et_mobile_device .et_pb_slider_parallax .et_pb_slide,.et_mobile_device .et_pb_slides .et_parallax_bg.et_pb_parallax_css{background-attachment:scroll}
.et-pb-arrow-next,.et-pb-arrow-prev{position:absolute;top:50%;z-index:100;font-size:48px;color:#fff;margin-top:-24px;transition:all .2s ease-in-out;opacity:0}.et_pb_bg_layout_light .et-pb-arrow-next,.et_pb_bg_layout_light .et-pb-arrow-prev{color:#333}.et_pb_slider:hover .et-pb-arrow-prev{left:22px;opacity:1}.et_pb_slider:hover .et-pb-arrow-next{right:22px;opacity:1}.et_pb_bg_layout_light .et-pb-controllers .et-pb-active-control{background-color:#333}.et_pb_bg_layout_light .et-pb-controllers a{background-color:rgba(0,0,0,.3)}.et-pb-arrow-next:hover,.et-pb-arrow-prev:hover{text-decoration:none}.et-pb-arrow-next span,.et-pb-arrow-prev span{display:none}.et-pb-arrow-prev{left:-22px}.et-pb-arrow-next{right:-22px}.et-pb-arrow-prev:before{content:"4"}.et-pb-arrow-next:before{content:"5"}.format-gallery .et-pb-arrow-next,.format-gallery .et-pb-arrow-prev{color:#fff}.et_pb_column_1_3 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_1_4 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_1_5 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_1_6 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_2_5 .et_pb_slider:hover .et-pb-arrow-prev{left:0}.et_pb_column_1_3 .et_pb_slider:hover .et-pb-arrow-next,.et_pb_column_1_4 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_1_5 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_1_6 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_2_5 .et_pb_slider:hover .et-pb-arrow-next{right:0}.et_pb_column_1_4 .et_pb_slider .et_pb_slide,.et_pb_column_1_5 .et_pb_slider .et_pb_slide,.et_pb_column_1_6 .et_pb_slider .et_pb_slide{min-height:170px}.et_pb_column_1_4 .et_pb_slider:hover .et-pb-arrow-next,.et_pb_column_1_5 .et_pb_slider:hover .et-pb-arrow-next,.et_pb_column_1_6 .et_pb_slider:hover .et-pb-arrow-next{right:0}@media (max-width:980px){.et_pb_bg_layout_light_tablet .et-pb-arrow-next,.et_pb_bg_layout_light_tablet .et-pb-arrow-prev{color:#333}.et_pb_bg_layout_dark_tablet .et-pb-arrow-next,.et_pb_bg_layout_dark_tablet .et-pb-arrow-prev{color:#fff}}@media (max-width:767px){.et_pb_slider:hover .et-pb-arrow-prev{left:0;opacity:1}.et_pb_slider:hover .et-pb-arrow-next{right:0;opacity:1}.et_pb_bg_layout_light_phone .et-pb-arrow-next,.et_pb_bg_layout_light_phone .et-pb-arrow-prev{color:#333}.et_pb_bg_layout_dark_phone .et-pb-arrow-next,.et_pb_bg_layout_dark_phone .et-pb-arrow-prev{color:#fff}}.et_mobile_device .et-pb-arrow-prev{left:22px;opacity:1}.et_mobile_device .et-pb-arrow-next{right:22px;opacity:1}@media (max-width:767px){.et_mobile_device .et-pb-arrow-prev{left:0;opacity:1}.et_mobile_device .et-pb-arrow-next{right:0;opacity:1}}
.et_post_gallery{padding:0!important;line-height:1.7!important;list-style:none!important}.et_gallery_item{float:left;width:28.353%;margin:0 7.47% 7.47% 0}.blocks-gallery-item,.et_gallery_item{padding-left:0!important}.blocks-gallery-item:before,.et_gallery_item:before{display:none}.et_gallery_item:nth-child(3n){margin-right:0}.et_gallery_item:nth-child(3n+1){clear:both}
:root{--content-width:80%;--content-max-width:1080px;--section-padding:56px;--section-gutter:60px;--row-gutter-grid:60px;--module-gutter-grid:30px}.et_grid_column,.et_grid_grid,.et_grid_group,.et_grid_module,.et_grid_row,.et_grid_section{display:grid;-moz-column-gap:var(--horizontal-gap);column-gap:var(--horizontal-gap);row-gap:var(--vertical-gap);--column-count:1;--row-count:auto;grid-template-columns:repeat(var(--column-count),1fr);grid-template-rows:repeat(var(--row-count),auto)}.et_grid_row{width:var(--content-width);max-width:var(--content-max-width);--horizontal-gap:var(--row-gutter-grid);--vertical-gap:var(--row-gutter-grid);--column-count:3}.et_grid_row .et_pb_row_nested.et_grid_row{width:100%;max-width:none;padding:0;margin:0}.et_grid_section{--horizontal-gap:var(--section-gutter);--vertical-gap:var(--section-gutter);padding:var(--section-padding) 0;align-items:center}.et_grid_column,.et_grid_group,.et_grid_module{--flex-direction:column;--horizontal-gap:var(--module-gutter-grid);--vertical-gap:var(--module-gutter-grid)}.et_grid_column>.et_pb_module,.et_grid_group>.et_pb_module,.et_grid_module>.et_pb_module,.et_pb_section .et_pb_row .et_grid_column>.et_pb_module,.et_pb_section .et_pb_row .et_grid_group>.et_pb_module,.et_pb_section .et_pb_row .et_grid_module>.et_pb_module{margin-bottom:0}.et_grid_row.et_pb_equal_columns,.et_pb_section.et_pb_equal_columns>.et_grid_row{align-items:stretch}
.et_pb_with_border .et-pb-icon,.et_pb_with_border .et_pb_image_wrap{border:0 solid #333}.et_pb_blurb_content{max-width:550px;margin:0 auto;position:relative;text-align:center;word-wrap:break-word;width:100%}.et_pb_blurb_content .et_pb_blurb_description>:where(.et_pb_module:not([class*=et_pb_text_align_])),.et_pb_blurb_content>:where(.et_pb_module:not([class*=et_pb_text_align_])){text-align:initial}.et_pb_blurb_container{display:flex;flex-direction:column}.et_pb_blurb.et_pb_text_align_left .et_pb_blurb_content .et_pb_blurb_container{text-align:left}.et_pb_blurb.et_pb_text_align_right .et_pb_blurb_content .et_pb_blurb_container{text-align:right}.et_pb_blurb.et_pb_text_align_justified .et_pb_blurb_content .et_pb_blurb_container{text-align:justify}.et_pb_blurb.et_pb_text_align_center .et_pb_blurb_content .et_pb_blurb_container{text-align:center}.et_pb_blurb_content p:last-of-type{padding-bottom:0}.et_pb_blurb .et_pb_module_header a,.et_pb_blurb h4 a{text-decoration:none}.et_pb_blurb .et_pb_image_wrap:not(.et_flex_module):not(.et_grid_module){display:block}.et_pb_blurb .et_pb_image_wrap{margin:auto}.et_pb_main_blurb_image{line-height:0;max-width:100%}.et_block_module>.et_pb_blurb_content .et_pb_main_blurb_image{margin-bottom:30px}.et_pb_main_blurb_image img[src*=".svg"]{width:auto}.et_pb_sticky_module .et_pb_main_blurb_image .et_pb_image_wrap{width:100%;max-width:100%}.et_pb_blurb_position_left .et_pb_blurb_content,.et_pb_blurb_position_right .et_pb_blurb_content{display:table;word-break:break-word}.et_pb_blurb_position_left .et_pb_main_blurb_image,.et_pb_blurb_position_right .et_pb_main_blurb_image{width:32px;display:table-cell;line-height:0}.et_pb_blurb_position_left .et-pb-icon,.et_pb_blurb_position_right .et-pb-icon{font-size:32px}.et_pb_blurb_position_right .et-pb-icon{display:table-cell}.et_pb_blurb_position_left .et_pb_blurb_container,.et_pb_blurb_position_right .et_pb_blurb_container{display:table-cell;vertical-align:top}.et_pb_blurb_position_left .et_pb_blurb_container{padding-left:15px}.et_pb_blurb_position_left .et_pb_blurb_content{text-align:left}.et_pb_blurb_position_right .et_pb_blurb_container{padding-right:15px}.et_pb_blurb_position_right .et_pb_blurb_content{text-align:right}.et_pb_blurb_position_right .et_pb_main_blurb_image{left:auto;right:0}.et_pb_blurb_position_right .et-pb-icon{margin-right:0;margin-left:20px}@media (max-width:980px){.et_pb_blurb_position_left_tablet .et_pb_main_blurb_image,.et_pb_blurb_position_right_tablet .et_pb_main_blurb_image{width:32px;display:table-cell;line-height:0}.et_pb_blurb_position_left_tablet .et-pb-icon,.et_pb_blurb_position_right_tablet .et-pb-icon{font-size:32px;display:table-cell}.et_pb_blurb_position_left_tablet .et_pb_blurb_container,.et_pb_blurb_position_right_tablet .et_pb_blurb_container{display:table-cell;vertical-align:top}.et_pb_blurb_position_left_tablet .et_pb_blurb_container{padding-left:15px}.et_pb_blurb_position_left_tablet .et_pb_blurb_content{text-align:left;word-break:break-word}.et_pb_blurb_position_right_tablet .et_pb_blurb_container{padding-right:15px}.et_pb_blurb_position_right_tablet .et_pb_blurb_content{padding-right:52px;text-align:right;word-break:break-word}.et_pb_blurb_position_right_tablet .et_pb_main_blurb_image{left:auto;right:0}.et_pb_blurb_position_right_tablet .et-pb-icon{margin-right:0;margin-left:20px}.et_pb_blurb_position_top_tablet .et_pb_main_blurb_image{display:block;width:auto}.et_pb_blurb_position_top_tablet .et-pb-icon{font-size:96px;display:initial}.et_pb_blurb_position_top_tablet .et_pb_blurb_container{display:block;padding-left:0;padding-right:0}.et_pb_blurb_position_top_tablet .et_pb_blurb_content{display:inline-block;text-align:center;padding-right:0;word-break:normal}}@media (max-width:767px){.et_pb_blurb_position_left_phone .et_pb_main_blurb_image,.et_pb_blurb_position_right_phone .et_pb_main_blurb_image{width:32px;display:table-cell;line-height:0}.et_pb_blurb_position_left_phone .et_pb_main_blurb_image img,.et_pb_blurb_position_right_phone .et_pb_main_blurb_image img{width:inherit}.et_pb_blurb_position_left_phone .et-pb-icon,.et_pb_blurb_position_right_phone .et-pb-icon{font-size:32px;display:table-cell}.et_pb_blurb_position_left_phone .et_pb_blurb_container,.et_pb_blurb_position_right_phone .et_pb_blurb_container{display:table-cell;vertical-align:top}.et_pb_blurb_position_left_phone .et_pb_blurb_container{padding-left:15px}.et_pb_blurb_position_left_phone .et_pb_blurb_content{text-align:left;word-break:break-word}.et_pb_blurb_position_right_phone .et_pb_blurb_container{padding-right:15px}.et_pb_blurb_position_right_phone .et_pb_blurb_content{padding-right:52px;text-align:right;word-break:break-word}.et_pb_blurb_position_right_phone .et_pb_main_blurb_image{left:auto;right:0}.et_pb_blurb_position_right_phone .et-pb-icon{margin-right:0;margin-left:20px}.et_pb_blurb_position_top_phone .et_pb_main_blurb_image{display:block;width:auto}.et_pb_blurb_position_top_phone .et-pb-icon{font-size:96px;display:initial}.et_pb_blurb_position_top_phone .et_pb_blurb_container{display:block;padding-left:0;padding-right:0}.et_pb_blurb_position_top_phone .et_pb_blurb_content{display:inline-block;text-align:center;padding-right:0;word-break:normal}}@media (max-width:980px){.et_pb_blurb.et_pb_text_align_left-tablet .et_pb_blurb_content .et_pb_blurb_container{text-align:left}.et_pb_blurb.et_pb_text_align_right-tablet .et_pb_blurb_content .et_pb_blurb_container{text-align:right}.et_pb_blurb.et_pb_text_align_justified-tablet .et_pb_blurb_content .et_pb_blurb_container{text-align:justify}.et_pb_blurb.et_pb_text_align_center-tablet .et_pb_blurb_content .et_pb_blurb_container{text-align:center}}@media (max-width:767px){.et_pb_blurb.et_pb_text_align_left-phone .et_pb_blurb_content .et_pb_blurb_container{text-align:left}.et_pb_blurb.et_pb_text_align_right-phone .et_pb_blurb_content .et_pb_blurb_container{text-align:right}.et_pb_blurb.et_pb_text_align_justified-phone .et_pb_blurb_content .et_pb_blurb_container{text-align:justify}.et_pb_blurb.et_pb_text_align_center-phone .et_pb_blurb_content .et_pb_blurb_container{text-align:center}}
.et_block_module>.et_pb_widget{margin:0 30px 30px 0}.et_pb_widget_area_left{border-right:1px solid rgba(0,0,0,.1);padding-right:30px}.et_pb_widget_area_right{border-left:1px solid rgba(0,0,0,.1);padding-left:30px}.et_pb_sidebar_no_border{border:none;padding:0}.et_pb_widget_area ul{list-style:none!important;padding:0!important;line-height:inherit!important}.et_flex_module.et_pb_widget_area{--flex-direction:row;flex-wrap:wrap}@media (max-width:980px){.et_pb_bg_layout_dark_tablet .et_pb_widget li a{color:inherit}.et_pb_widget_area_left{padding-right:0;border-right:none}.et_pb_widget_area_right{padding-left:0;border-left:none}.et_pb_column .et_pb_widget{margin:0 5.5% 7.5% 0;width:47.25%;clear:none;float:left}.et_pb_column .et_pb_widget:nth-child(2n){margin-right:0}.et_pb_column .et_pb_widget:nth-child(odd){clear:both}.et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4 .et_pb_widget,.et_pb_row_1-2_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6 .et_pb_widget,.et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4 .et_pb_widget,.et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4 .et_pb_widget,.et_pb_row_1-5_1-5_3-5>.et_pb_column.et_pb_column_1_5 .et_pb_widget,.et_pb_row_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6 .et_pb_widget,.et_pb_row_1-6_1-6_1-6_1-2>.et_pb_column.et_pb_column_1_6 .et_pb_widget,.et_pb_row_1-6_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6 .et_pb_widget,.et_pb_row_3-5_1-5_1-5>.et_pb_column.et_pb_column_1_5 .et_pb_widget,.et_pb_row_4col>.et_pb_column.et_pb_column_1_4 .et_pb_widget,.et_pb_row_5col>.et_pb_column.et_pb_column_1_5 .et_pb_widget,.et_pb_row_6col>.et_pb_column.et_pb_column_1_6 .et_pb_widget{margin:0 0 11.5%;width:100%}}@media (max-width:767px){.et_pb_column .et_pb_widget{margin-right:0;width:100%}}@media (max-width:479px){.et_pb_column .et_pb_widget{margin-right:0;margin-bottom:11.5%;width:100%}.et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4 .et_pb_widget,.et_pb_row_1-2_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6 .et_pb_widget,.et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4 .et_pb_widget,.et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4 .et_pb_widget,.et_pb_row_1-5_1-5_3-5>.et_pb_column.et_pb_column_1_5 .et_pb_widget,.et_pb_row_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6 .et_pb_widget,.et_pb_row_1-6_1-6_1-6_1-2>.et_pb_column.et_pb_column_1_6 .et_pb_widget,.et_pb_row_1-6_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6 .et_pb_widget,.et_pb_row_3-5_1-5_1-5>.et_pb_column.et_pb_column_1_5 .et_pb_widget,.et_pb_row_4col>.et_pb_column.et_pb_column_1_4 .et_pb_widget,.et_pb_row_5col>.et_pb_column.et_pb_column_1_5 .et_pb_widget,.et_pb_row_6col>.et_pb_column.et_pb_column_1_6 .et_pb_widget{margin:0 0 11.5%;width:100%}}.et_pb_no_sidebar_vertical_divider .et_pb_widget_area_left{border-right:none}.et_pb_no_sidebar_vertical_divider .et_pb_widget_area_right{border-left:none}
.et_pb_widget{float:left;max-width:100%;word-wrap:break-word}.et_pb_widget a{text-decoration:none;color:#666}.et_pb_widget li a:hover{color:#82c0c7}.et_pb_widget ol li,.et_pb_widget ul li{margin-bottom:.5em}.et_pb_widget ol li ol li,.et_pb_widget ul li ul li{margin-left:15px}.et_pb_widget select{width:100%;height:28px;padding:0 5px}.et_pb_widget_area .et_pb_widget a{color:inherit}.et_pb_bg_layout_light .et_pb_widget li a{color:#666}.et_pb_bg_layout_dark .et_pb_widget li a{color:inherit}
.et_pb_module.et_pb_social_media_follow{list-style-type:none!important;margin:0 0 22px;padding:0;--vertical-gap:10px;--horizontal-gap:10px;--flex-direction:row}.et_pb_social_media_follow_network{position:relative;flex-direction:row;align-items:center;--vertical-gap:10px;--horizontal-gap:10px}.et_pb_social_media_follow_network.et_block_module{display:inline-block;margin-bottom:10px;margin-right:10px}.et_pb_social_media_follow.et_block_module .et_pb_social_media_follow_network{display:inline-block;margin-bottom:0!important}.et_pb_social_media_follow_network a{display:inline-block;text-decoration:none;text-align:center;position:relative}.et_pb_social_media_follow.et_block_module .et_pb_social_media_follow_network{margin-right:10px}.et_pb_social_media_follow.et_block_module .et_pb_social_media_follow_network:last-child{margin-right:0}.et_pb_social_media_follow_network a.follow_button{padding:0 12px;font-size:14px;line-height:1.6em;background:rgba(0,0,0,.1);color:rgba(0,0,0,.5);border-radius:3px;border-width:0;border-style:solid;transition:all .3s}.et_block_module.et_pb_social_media_follow_network a.follow_button{margin-top:5px;margin-right:10px}.et_pb_social_media_follow_network.last-child a,.et_pb_social_media_follow_network:last-child a{margin-right:0}.et_pb_social_media_follow.has_follow_button .et_pb_social_media_follow_network.et_block_module a.icon{margin-right:10px}.et_pb_social_media_follow_network a.follow_button:hover{background:rgba(0,0,0,.2);color:rgba(0,0,0,.6)}.et_pb_social_media_follow.et_pb_bg_layout_dark .et_pb_social_media_follow_network a.follow_button{background:rgba(0,0,0,.6);color:hsla(0,0%,100%,.8)}.et_pb_social_media_follow.et_pb_bg_layout_dark .et_pb_social_media_follow_network a.follow_button:hover{background:rgba(0,0,0,.7);color:#fff}.et_pb_social_media_follow_network a.icon{height:32px;width:32px;padding:0;box-sizing:content-box}.et_pb_social_media_follow_network a.icon:hover:before{color:hsla(0,0%,100%,.7)}.et_pb_social_media_follow_network a.icon{border-radius:3px}.et_pb_social_media_follow_network_name{display:none}.et_pb_social_icon a.icon{vertical-align:middle}.et_pb_social_icon a.icon:before{font-family:ETmodules;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:0 0;direction:ltr;height:32px;width:32px;font-size:16px;line-height:32px;display:block;color:#fff;transition:color .3s;position:relative;z-index:10}.et-pb-social-fa-icon a.icon:before{font-family:FontAwesome}.et-social-telegram a.icon:before{content:"\F3FE"}.et-social-amazon a.icon:before{content:"\F270"}.et-social-bandcamp a.icon:before{content:"\F2D5"}.et-social-bitbucket a.icon:before{content:"\F171"}.et-social-behance a.icon:before{content:"\F1B4"}.et-social-buffer a.icon:before{content:"\F837"}.et-social-codepen a.icon:before{content:"\F1CB"}.et-social-deviantart a.icon:before{content:"\F1BD"}.et-social-flipboard a.icon:before{content:"\F44D"}.et-social-foursquare a.icon:before{content:"\F180"}.et-social-github a.icon:before{content:"\F09B"}.et-social-goodreads a.icon:before{content:"\F3A9"}.et-social-google a.icon:before{content:"\F1A0"}.et-social-houzz a.icon:before{content:"\F27C"}.et-social-itunes a.icon:before{content:"\F3B5"}.et-social-last_fm a.icon:before{content:"\F202"}.et-social-line a.icon:before{content:"\F3C0"}.et-social-medium a.icon:before,.et-social-meetup a.icon:before{content:"\F3C7"}.et-social-odnoklassniki a.icon:before{content:"\F263"}.et-social-patreon a.icon:before{content:"\F3D9"}.et-social-periscope a.icon:before{content:"\F3DA"}.et-social-quora a.icon:before{content:"\F2C4"}.et-social-researchgate a.icon:before{content:"\F4F8"}.et-social-reddit a.icon:before{content:"\F281"}.et-social-snapchat a.icon:before{content:"\F2AC"}.et-social-soundcloud a.icon:before{content:"\F1BE"}.et-social-spotify a.icon:before{content:"\F1BC"}.et-social-steam a.icon:before{content:"\F3F6"}.et-social-tripadvisor a.icon:before{content:"\F262"}.et-social-tiktok a.icon:before{content:"\E07B"}.et-social-twitch a.icon:before{content:"\F1E8"}.et-social-vk a.icon:before{content:"\F189"}.et-social-weibo a.icon:before{content:"\F18A"}.et-social-whatsapp a.icon:before{content:"\F232"}.et-social-xing a.icon:before{content:"\F168"}.et-social-yelp a.icon:before{content:"\F1E9"}.et-social-pinterest a.icon:before{content:"\E095"}.et-social-linkedin a.icon:before{content:"\E09D"}.et-social-tumblr a.icon:before{content:"\E097"}.et-social-skype a.icon:before{content:"\E0A2"}.et-social-flikr a.icon:before{content:"\E0A6"}.et-social-myspace a.icon:before{content:"\E0A1"}.et-social-dribbble a.icon:before{content:"\E09B"}.et-social-youtube a.icon:before{content:"\E0A3"}.et-social-vimeo a.icon:before{content:"\E09C"}@media (max-width:980px){.et_pb_bg_layout_light_tablet.et_pb_social_media_follow_network a.follow_button{background:rgba(0,0,0,.1);color:rgba(0,0,0,.5)}.et_pb_bg_layout_light_tablet.et_pb_social_media_follow_network a.follow_button:hover{background:rgba(0,0,0,.2);color:rgba(0,0,0,.6)}.et_pb_bg_layout_dark_tablet.et_pb_social_media_follow_network a.follow_button{background:rgba(0,0,0,.6);color:hsla(0,0%,100%,.8)}.et_pb_bg_layout_dark_tablet.et_pb_social_media_follow_network a.follow_button:hover{background:rgba(0,0,0,.7);color:#fff}}@media (max-width:767px){.et_pb_bg_layout_light_phone.et_pb_social_media_follow_network a.follow_button{background:rgba(0,0,0,.1);color:rgba(0,0,0,.5)}.et_pb_bg_layout_light_phone.et_pb_social_media_follow_network a.follow_button:hover{background:rgba(0,0,0,.2);color:rgba(0,0,0,.6)}.et_pb_bg_layout_dark_phone.et_pb_social_media_follow_network a.follow_button{background:rgba(0,0,0,.6);color:hsla(0,0%,100%,.8)}.et_pb_bg_layout_dark_phone.et_pb_social_media_follow_network a.follow_button:hover{background:rgba(0,0,0,.7);color:#fff}}.rtl .et_block_module.et_pb_social_media_follow_network a{margin-left:10px;margin-right:0}
.et_pb_testimonial_description_inner{word-wrap:break-word}.et_pb_with_border .et_pb_testimonial_portrait{border:0 solid #333}.et_pb_testimonial{position:relative;padding:30px;line-height:1.5}.et_pb_testimonial.et_pb_testimonial_no_bg{padding:30px 0 0}.et_pb_testimonial .et_pb_testimonial_content{line-height:1.5em}.et_pb_testimonial .et_pb_testimonial_meta{padding-bottom:0}.et_pb_testimonial_portrait{width:90px;height:90px;float:left;position:relative;margin-right:30px;box-sizing:content-box;overflow:hidden;box-shadow:inset 0 0 3px rgba(0,0,0,.3);border-radius:90px}.et_pb_testimonial_portrait .box-shadow-overlay{border-radius:inherit}.et_pb_testimonial_portrait img{position:absolute;left:0;top:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;height:100%;width:100%}.et_flex_column_1_5 .et_pb_testimonial_portrait,.et_flex_column_2_5 .et_pb_testimonial_portrait,.et_flex_column_4_24 .et_pb_testimonial_portrait,.et_flex_column_5_24 .et_pb_testimonial_portrait,.et_flex_column_6_24 .et_pb_testimonial_portrait,.et_flex_column_7_24 .et_pb_testimonial_portrait,.et_flex_column_8_24 .et_pb_testimonial_portrait,.et_flex_column_9_24 .et_pb_testimonial_portrait,.et_pb_column_1_3 .et_pb_testimonial_portrait,.et_pb_column_1_4 .et_pb_testimonial_portrait,.et_pb_column_1_5 .et_pb_testimonial_portrait,.et_pb_column_1_6 .et_pb_testimonial_portrait,.et_pb_column_2_5 .et_pb_testimonial_portrait,.et_pb_column_3_8 .et_pb_testimonial_portrait{float:none;display:block;margin:0 auto 20px}.et_pb_bg_layout_dark .et_pb_testimonial_description a{color:#fff}.et_pb_testimonial_description_inner+.et_pb_testimonial_meta>span{display:inline-block;margin-top:32px}.et_pb_testimonial_description_inner:empty{display:none}.et_pb_testimonial_description_inner:empty+.et_pb_testimonial_author,.et_pb_testimonial_description_inner:empty+.et_pb_testimonial_meta>span{margin-top:12px}.et_pb_testimonial.et_block_module .et_pb_testimonial_author,et_pb_testimonial.et_d4_element .et_pb_testimonial_author{margin-top:32px;display:block}.et_pb_testimonial_author{font-weight:700;width:100%}.et_pb_testimonial_author:empty{display:none}.et_pb_testimonial_author a{color:inherit}.et_pb_testimonial_company,.et_pb_testimonial_meta,.et_pb_testimonial_position{display:inline-block}.et_pb_testimonial_company:empty,.et_pb_testimonial_meta:empty,.et_pb_testimonial_position:empty{display:none!important}.et_pb_testimonial:before{content:"|";font-size:32px;left:50%;position:absolute;top:-16px;background:#f5f5f5;margin-left:-16px;border-radius:31px;z-index:2}.et_pb_testimonial.et_pb_testimonial_no_bg:before{background:inherit}.et_pb_testimonial.et_pb_icon_off:before{display:none}.et_pb_testimonial_old_layout,.et_pb_testimonial_old_layout .et_pb_testimonial_description a{color:#666!important}@media (min-width:981px){.et_pb_column_1_5 .et_pb_testimonial_portrait,.et_pb_column_1_6 .et_pb_testimonial_portrait,.et_pb_column_2_5 .et_pb_testimonial_portrait{width:100%;padding-bottom:100%;height:0}}@media (max-width:980px){.et_pb_bg_layout_dark_tablet .et_pb_testimonial_description a{color:#fff}}@media (min-width:768px)and (max-width:980px){.et_pb_column .et_pb_testimonial_portrait{float:left;display:block;margin-right:30px}.et_pb_column .et_pb_testimonial_description:not(.et_flex_module):not(.et_grid_module){display:block}.et_flex_column_1_5_tablet .et_pb_testimonial_portrait,.et_flex_column_2_5_tablet .et_pb_testimonial_portrait,.et_flex_column_4_24_tablet .et_pb_testimonial_portrait,.et_flex_column_5_24_tablet .et_pb_testimonial_portrait,.et_flex_column_6_24_tablet .et_pb_testimonial_portrait,.et_flex_column_7_24_tablet .et_pb_testimonial_portrait,.et_flex_column_8_24_tablet .et_pb_testimonial_portrait,.et_flex_column_9_24_tablet .et_pb_testimonial_portrait,.et_flex_column_10_24_tablet .et_pb_testimonial_portrait,.et_flex_column_11_24_tablet .et_pb_testimonial_portrait,.et_flex_column_12_24_tablet .et_pb_testimonial_portrait,.et_pb_column_1_5 .et_pb_testimonial_portrait,.et_pb_column_1_6 .et_pb_testimonial_portrait,.et_pb_row_1-2_1-4_1-4 .et_pb_testimonial_portrait,.et_pb_row_1-4_1-4 .et_pb_testimonial_portrait,.et_pb_row_1-4_1-4_1-2 .et_pb_testimonial_portrait,.et_pb_row_4col .et_pb_testimonial_portrait{float:none;display:block;margin:0 auto 20px}}@media (max-width:767px){.et_pb_column .et_pb_testimonial_description{width:100%}.et_pb_column .et_pb_testimonial_description:not(.et_flex_module):not(.et_grid_module){display:block}.et_pb_column .et_pb_testimonial_portrait{display:block;float:none;margin:0 auto 20px}.et_pb_bg_layout_dark_phone .et_pb_testimonial_description a{color:#fff}}@media (max-width:479px){.et_pb_testimonial{padding-top:10%}}.mejs-offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs-container{background:#000;font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs-container,.mejs-container *{box-sizing:border-box}.mejs-container video::-webkit-media-controls,.mejs-container video::-webkit-media-controls-panel,.mejs-container video::-webkit-media-controls-panel-container,.mejs-container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs-fill-container,.mejs-fill-container .mejs-container{height:100%;width:100%}.mejs-fill-container{background:transparent;margin:0 auto;overflow:hidden;position:relative}.mejs-container:focus{outline:none}.mejs-iframe-overlay{height:100%;position:absolute;width:100%}.mejs-embed,.mejs-embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{height:100%!important;width:100%!important}.mejs-background,.mejs-mediaelement{left:0;position:absolute;top:0}.mejs-mediaelement{height:100%;width:100%;z-index:0}.mejs-poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs-poster-img{display:none}.mejs-poster-img{border:0;padding:0}.mejs-overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs-layer{z-index:1}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{background:url(//peopleres.co.za/wp-includes/js/mediaelement/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs-overlay:hover>.mejs-overlay-button{background-position:-80px -39px}.mejs-overlay-loading{height:80px;width:80px}.mejs-overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent url(//peopleres.co.za/wp-includes/js/mediaelement/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mejs-controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs-controls:not([style*="display: none"]){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs-button,.mejs-time,.mejs-time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs-button>button{background:transparent url(//peopleres.co.za/wp-includes/js/mediaelement/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs-button>button:focus{outline:1px dotted #999}.mejs-container-keyboard-inactive [role=slider],.mejs-container-keyboard-inactive [role=slider]:focus,.mejs-container-keyboard-inactive a,.mejs-container-keyboard-inactive a:focus,.mejs-container-keyboard-inactive button,.mejs-container-keyboard-inactive button:focus{outline:0}.mejs-time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs-play>button{background-position:0 0}.mejs-pause>button{background-position:-20px 0}.mejs-replay>button{background-position:-160px 0}.mejs-time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs-time-buffering,.mejs-time-current,.mejs-time-float,.mejs-time-float-corner,.mejs-time-float-current,.mejs-time-hovered,.mejs-time-loaded,.mejs-time-marker,.mejs-time-total{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs-time-total{background:hsla(0,0%,100%,.3);margin:5px 0 0;width:100%}.mejs-time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background:linear-gradient(-45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}.mejs-time-loaded{background:hsla(0,0%,100%,.3)}.mejs-time-current,.mejs-time-handle-content{background:hsla(0,0%,100%,.9)}.mejs-time-hovered{background:hsla(0,0%,100%,.5);z-index:10}.mejs-time-hovered.negative{background:rgba(0,0,0,.2)}.mejs-time-buffering,.mejs-time-current,.mejs-time-hovered,.mejs-time-loaded{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;width:100%}.mejs-time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs-time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs-time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs-time-handle,.mejs-time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs-time-handle-content{border:4px solid hsla(0,0%,100%,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs-time-rail .mejs-time-handle-content:active,.mejs-time-rail .mejs-time-handle-content:focus,.mejs-time-rail:hover .mejs-time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs-time-float{background:#eee;border:1px solid #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs-time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs-time-float-corner{border:5px solid #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs-long-video .mejs-time-float{margin-left:-23px;width:64px}.mejs-long-video .mejs-time-float-current{width:60px}.mejs-broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs-fullscreen-button>button{background-position:-80px 0}.mejs-unfullscreen>button{background-position:-100px 0}.mejs-mute>button{background-position:-60px 0}.mejs-unmute>button{background-position:-40px 0}.mejs-volume-button{position:relative}.mejs-volume-button>.mejs-volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs-volume-button:hover{border-radius:0 0 4px 4px}.mejs-volume-total{background:hsla(0,0%,100%,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs-volume-current{left:0;margin:0;width:100%}.mejs-volume-current,.mejs-volume-handle{background:hsla(0,0%,100%,.9);position:absolute}.mejs-volume-handle{border-radius:1px;cursor:ns-resize;height:6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs-horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs-horizontal-volume-total{background:rgba(50,50,50,.8);height:8px;top:16px;width:50px}.mejs-horizontal-volume-current,.mejs-horizontal-volume-total{border-radius:2px;font-size:1px;left:0;margin:0;padding:0;position:absolute}.mejs-horizontal-volume-current{background:hsla(0,0%,100%,.8);height:100%;top:0;width:100%}.mejs-horizontal-volume-handle{display:none}.mejs-captions-button,.mejs-chapters-button{position:relative}.mejs-captions-button>button{background-position:-140px 0}.mejs-chapters-button>button{background-position:-180px 0}.mejs-captions-button>.mejs-captions-selector,.mejs-chapters-button>.mejs-chapters-selector{background:rgba(50,50,50,.7);border:1px solid transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs-chapters-button>.mejs-chapters-selector{margin-right:-55px;width:110px}.mejs-captions-selector-list,.mejs-chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs-captions-selector-list-item,.mejs-chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs-captions-selector-list-item:hover,.mejs-chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:hsla(0,0%,100%,.4)!important}.mejs-captions-selector-input,.mejs-chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs-captions-selector-label,.mejs-chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs-captions-selected,.mejs-chapters-selected{color:#21f8f8}.mejs-captions-translations{font-size:10px;margin:0 0 5px}.mejs-captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text,.mejs-captions-text *{background:hsla(0,0%,8%,.5);box-shadow:5px 0 0 hsla(0,0%,8%,.5),-5px 0 0 hsla(0,0%,8%,.5);padding:0;white-space:pre-wrap}.mejs-container.mejs-hide-cues video::-webkit-media-text-track-container{display:none}.mejs-overlay-error{position:relative}.mejs-overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs-cannotplay,.mejs-cannotplay a{color:#fff;font-size:.8em}.mejs-cannotplay{position:relative}.mejs-cannotplay a,.mejs-cannotplay p{display:inline-block;padding:0 15px;width:100%}.mejs-container{clear:both;max-width:100%}.mejs-container *{font-family:Helvetica,Arial}.mejs-container,.mejs-container .mejs-controls,.mejs-embed,.mejs-embed body{background:#222}.mejs-time{font-weight:400;word-wrap:normal}.mejs-controls a.mejs-horizontal-volume-slider{display:table}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#fff}.mejs-controls .mejs-time-rail .mejs-time-current{background:#0073aa}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail .mejs-time-total{background:rgba(255,255,255,.33)}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail span{border-radius:0}.mejs-overlay-loading{background:0 0}.mejs-controls button:hover{border:none;-webkit-box-shadow:none;box-shadow:none}.me-cannotplay{width:auto!important}.media-embed-details .wp-audio-shortcode{display:inline-block;max-width:400px}.audio-details .embed-media-settings{overflow:visible}.media-embed-details .embed-media-settings .setting span:not(.button-group){max-width:400px;width:auto}.media-embed-details .embed-media-settings .checkbox-setting span{display:inline-block}.media-embed-details .embed-media-settings{padding-top:0;top:28px}.media-embed-details .instructions{padding:16px 0;max-width:600px}.media-embed-details .setting .remove-setting,.media-embed-details .setting p{color:#a00;font-size:10px;text-transform:uppercase}.media-embed-details .setting .remove-setting{padding:5px 0}.media-embed-details .setting a:hover{color:#dc3232}.media-embed-details .embed-media-settings .checkbox-setting{float:none;margin:0 0 10px}.wp-video{max-width:100%;height:auto}.wp_attachment_holder .wp-audio-shortcode,.wp_attachment_holder .wp-video{margin-top:18px}.wp-video-shortcode video,video.wp-video-shortcode{max-width:100%;display:inline-block}.video-details .wp-video-holder{width:100%;max-width:640px}.wp-playlist{border:1px solid #ccc;padding:10px;margin:12px 0 18px;font-size:14px;line-height:1.5}.wp-admin .wp-playlist{margin:0 0 18px}.wp-playlist video{display:inline-block;max-width:100%}.wp-playlist audio{display:none;max-width:100%;width:400px}.wp-playlist .mejs-container{margin:0;max-width:100%}.wp-playlist .mejs-controls .mejs-button button{outline:0}.wp-playlist-light{background:#fff;color:#000}.wp-playlist-dark{color:#fff;background:#000}.wp-playlist-caption{display:block;max-width:88%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.5}.wp-playlist-item .wp-playlist-caption{text-decoration:none;color:#000;max-width:-webkit-calc(100% - 40px);max-width:calc(100% - 40px)}.wp-playlist-item-meta{display:block;font-size:14px;line-height:1.5}.wp-playlist-item-title{font-size:14px;line-height:1.5}.wp-playlist-item-album{font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-playlist-item-artist{font-size:12px;text-transform:uppercase}.wp-playlist-item-length{position:absolute;right:3px;top:0;font-size:14px;line-height:1.5}.rtl .wp-playlist-item-length{left:3px;right:auto}.wp-playlist-tracks{margin-top:10px}.wp-playlist-item{position:relative;cursor:pointer;padding:0 3px;border-bottom:1px solid #ccc}.wp-playlist-item:last-child{border-bottom:0}.wp-playlist-light .wp-playlist-caption{color:#333}.wp-playlist-dark .wp-playlist-caption{color:#ddd}.wp-playlist-playing{font-weight:700;background:#f7f7f7}.wp-playlist-light .wp-playlist-playing{background:#fff;color:#000}.wp-playlist-dark .wp-playlist-playing{background:#000;color:#fff}.wp-playlist-current-item{overflow:hidden;margin-bottom:10px;height:60px}.wp-playlist .wp-playlist-current-item img{float:left;max-width:60px;height:auto;margin-right:10px;padding:0;border:0}.rtl .wp-playlist .wp-playlist-current-item img{float:right;margin-left:10px;margin-right:0}.wp-playlist-current-item .wp-playlist-item-artist,.wp-playlist-current-item .wp-playlist-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-audio-playlist .me-cannotplay span{padding:5px 15px}/* HRM Divi Modules: HRM Requirements Table (.hrm-rt) + HRM Requirements Row.
   Same look as the hand-written .hrm-reqtable in wp-child/css/support.css (System Requirements page), but self-contained
   so the module works on any page. Palette variables only (set by the Divi-child theme), so dark mode and the named
   palettes apply; the fallbacks after the commas are for a site without the child theme. */

.hrm-rt { margin-bottom: 0; }
.hrm-rt .hrm-rt__heading { font-family: Outfit, Inter, "Open Sans", sans-serif; font-size: 22px; font-weight: 600; line-height: 1.3; color: var(--hrm-ink, #1d2329); margin: 0 0 12px; padding: 0; }
.hrm-page .hrm-rt p.hrm-rt__intro, .hrm-rt p.hrm-rt__intro { font-size: 16px; line-height: 1.6; color: var(--hrm-muted, #5d6670); margin: 0 0 14px; padding: 0; }

.hrm-rt__card { border: 1px solid var(--hrm-line, #dde3e8); border-radius: 14px; background: var(--hrm-panel, #fff); overflow: hidden; }
.hrm-rt .hrm-rt__table { width: 100%; border-collapse: collapse; border: 0 !important; margin: 0 !important; table-layout: fixed; }
.hrm-rt__table col.hrm-rt__col-item { width: 24%; }
/* !important: Divi's .entry-content table rules set borders, padding and #555 text */
.hrm-rt__table th, .hrm-rt__table td { border: 0 !important; text-align: left; vertical-align: top; padding: 16px 20px !important; font-size: 15.5px; line-height: 1.55; color: var(--hrm-ink, #1d2329) !important; }
.hrm-rt__table thead th { background: var(--hrm-rail, #f3f5f7); font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--hrm-muted, #5d6670) !important; padding-top: 12px !important; padding-bottom: 12px !important; }
html.hrm-dark .hrm-rt__table thead th { background: rgba(255, 255, 255, 0.04); }
.hrm-rt__table tbody tr + tr > th, .hrm-rt__table tbody tr + tr > td,
.hrm-rt__table thead + tbody tr:first-child > th, .hrm-rt__table thead + tbody tr:first-child > td { border-top: 1px solid var(--hrm-line, #dde3e8) !important; }
/* rows carry Divi's et_pb_module class: drop its module spacing (it shows once a row is not display:table-row) */
.hrm-rt .hrm-rt__table tr.hrm_requirements_row { margin: 0 !important; }
.hrm-rt__table tbody th { font-family: Outfit, Inter, "Open Sans", sans-serif; font-weight: 600; font-size: 16.5px; }
.hrm-rt__item { display: flex; align-items: center; gap: 12px; }
.hrm-rt__table .hrm-rt__img { width: 32px; height: 32px; flex: none; object-fit: contain; }
.hrm-rt .hrm-rt__icon.et-pb-icon { flex: none; width: 32px; font-size: 26px; line-height: 32px; text-align: center; color: var(--hrm-primary, #2b6cb0); }

/* cell text: rich-text fields may arrive wrapped in <p> (TinyMCE); keep them flush */
.hrm-page .hrm-rt .hrm-rt__text p, .hrm-rt .hrm-rt__text p { margin: 0; padding: 0; font-size: inherit; line-height: inherit; color: inherit; }
.hrm-rt .hrm-rt__text p + p { margin-top: 6px; }
.hrm-rt__table td b, .hrm-rt__table td strong { font-weight: 600; }
.hrm-rt__table td small { display: block; color: var(--hrm-muted, #5d6670) !important; font-size: 14px; margin-top: 4px; line-height: 1.45; }
.hrm-rt__table td a { color: var(--hrm-primary, #2b6cb0); text-decoration: underline; text-underline-offset: 2px; }
.hrm-rt__table .hrm-reqnew, .hrm-rt__table .hrm-rt-new { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; background: var(--hrm-link, #82c230); color: #0b1829; border-radius: 999px; padding: 2px 7px; margin-left: 6px; vertical-align: 2px; line-height: 1.5; }

/* note callout under the table */
.hrm-rt__note { display: flex; gap: 14px; align-items: flex-start; margin-top: 16px; padding: 16px 20px; border-radius: 12px; border: 1px solid color-mix(in srgb, var(--hrm-primary, #2b6cb0) 35%, transparent); background: color-mix(in srgb, var(--hrm-primary, #2b6cb0) 8%, transparent); }
.hrm-rt__note > svg { flex: none; color: var(--hrm-primary, #2b6cb0); margin-top: 3px; }
.hrm-rt__notetext { flex: 1; min-width: 0; }
.hrm-page .hrm-rt .hrm-rt__notetext p, .hrm-rt .hrm-rt__notetext, .hrm-rt .hrm-rt__notetext p { margin: 0; padding: 0; font-size: 15px; line-height: 1.6; color: var(--hrm-ink, #1d2329); }
.hrm-rt .hrm-rt__notetext p + p { margin-top: 8px; }
.hrm-rt__notetext a { color: var(--hrm-primary, #2b6cb0); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }

/* Visual Builder only (body.et-fb): the builder puts an absolutely positioned "mousetrap" <span> inside the selected or
   hovered module, here a <tr>; Chrome then adds an anonymous cell and the row shifts one column to the right. In the
   builder the table is laid out as one grid per row with the same column widths (24% + two equal columns, which is what
   table-layout:fixed with the 24% <col> gives), so the extra span has no effect. The front end keeps real table layout. */
@media (min-width: 681px) {
  body.et-fb .hrm-rt .hrm-rt__table { display: block; }
  body.et-fb .hrm-rt__table colgroup { display: none; }
  body.et-fb .hrm-rt__table thead, body.et-fb .hrm-rt__table tbody { display: block; }
  body.et-fb .hrm-rt__table tr { display: grid; grid-template-columns: 24% minmax(0, 1fr) minmax(0, 1fr); }
  body.et-fb .hrm-rt__table th, body.et-fb .hrm-rt__table td { display: block; min-width: 0; }
  body.et-fb .hrm-rt__table [colspan="2"] { grid-column: span 2; }
}

/* phones: each row becomes a small card; the column names come from data-label */
@media (max-width: 680px) {
  .hrm-rt .hrm-rt__table, .hrm-rt__table tbody, .hrm-rt__table tr, .hrm-rt__table th, .hrm-rt__table td { display: block; width: 100%; }
  .hrm-rt__table colgroup, .hrm-rt__table thead { display: none; }
  .hrm-rt__table tbody tr { padding: 14px 16px; }
  .hrm-rt__table tbody tr + tr { border-top: 1px solid var(--hrm-line, #dde3e8); }
  .hrm-rt__table tbody tr + tr > th, .hrm-rt__table tbody tr + tr > td,
  .hrm-rt__table thead + tbody tr:first-child > th, .hrm-rt__table thead + tbody tr:first-child > td { border-top: 0 !important; }
  .hrm-rt__table th, .hrm-rt__table td { padding: 0 !important; }
  .hrm-rt__table tbody th { margin-bottom: 8px; }
  .hrm-rt__table td + td { margin-top: 8px; }
  .hrm-rt__table td[data-label]::before { content: attr(data-label); display: block; font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--hrm-muted, #5d6670); margin-bottom: 2px; }
}

/* ---------- HRM Roadmap Board (.hrm-rb) + HRM Roadmap Item (.hrm-roaditem) ----------
   The board renders the classes of the former hand-written roadmap (wp-child/css/company.css: .hrm-legend, .hrm-roadcols,
   .hrm-roadcol, .hrm-roaditem, .hrm-badge--*). The same look is repeated here, scoped to .hrm-rb, so the module also works
   on a page or site without company.css. Palette variables only; fallbacks after the commas. */
.hrm-rb { margin-bottom: 0; }
.hrm-rb .hrm-badge { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; border-radius: 999px; padding: 2px 7px; margin-left: 0; vertical-align: middle; }
.hrm-rb .hrm-badge--shipped { background: var(--hrm-link, #82c230); color: #0b1829; }
.hrm-rb .hrm-badge--progress { background: var(--hrm-primary, #2b6cb0); color: #fff; }
.hrm-rb .hrm-badge--planned { background: transparent; color: var(--hrm-muted, #5d6670); border: 1px solid var(--hrm-line, #dde3e8); padding-top: 1px; padding-bottom: 1px; }
.hrm-rb .hrm-badge--explore { background: transparent; color: var(--hrm-muted, #5d6670); border: 1px dashed var(--hrm-muted, #5d6670); padding-top: 1px; padding-bottom: 1px; }
.hrm-rb .hrm-legend { display: flex; gap: 10px; flex-wrap: wrap; margin: -10px 0 18px; }
.hrm-rb .hrm-roadcols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; align-items: start; }
.hrm-rb .hrm-rb__cols--1 { grid-template-columns: minmax(0, 1fr); }
.hrm-rb .hrm-rb__cols--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hrm-rb .hrm-rb__cols--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.hrm-rb .hrm-roadcol { background: var(--hrm-rail, #f3f5f7); border: 1px solid var(--hrm-line, #dde3e8); border-radius: 16px; padding: 16px; }
html.hrm-dark .hrm-rb .hrm-roadcol { background: rgba(255, 255, 255, 0.04); }
.hrm-rb .hrm-roadcol > header { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; padding: 6px 6px 14px; flex-wrap: wrap; }
.hrm-rb .hrm-roadcol > header h3 { font-size: 19px; margin: 0; padding: 0; }
.hrm-rb .hrm-roadcol > header span { font-size: 13.5px; font-weight: 600; color: var(--hrm-muted, #5d6670); }
.hrm-rb .hrm-roaditems { display: grid; gap: 10px; }
/* items carry Divi's module classes: no module margins inside the column grid */
.hrm-rb .hrm-roaditem { margin: 0 !important; background: var(--hrm-panel, #fff); border: 1px solid var(--hrm-line, #dde3e8); border-radius: 14px; padding: 16px 18px; }
.hrm-rb .hrm-roaditem h4 { margin: 10px 0 4px; font-size: 16.5px; padding: 0; color: var(--hrm-ink, #1d2329); }
.hrm-rb .hrm-roaditem p { margin: 0; padding: 0; font-size: 14.5px; line-height: 1.55; color: var(--hrm-muted, #5d6670); }
.hrm-rb .hrm-roaditem p + p { margin-top: 8px; }
/* the optional link runs on at the end of the text, as in the hand-written cards */
.hrm-rb .hrm-rb__text { font-size: 14.5px; line-height: 1.55; color: var(--hrm-muted, #5d6670); }
.hrm-rb .hrm-roaditem .hrm-rb__body { display: inline; }
.hrm-rb .hrm-roaditem .hrm-rb__body > p:last-child { display: inline; }
.hrm-rb .hrm-rb__more { font-size: 14.5px; line-height: 1.55; }
.hrm-rb a.hrm-textlink { color: var(--hrm-primary, #2b6cb0); font-weight: 600; text-decoration: none; }
.hrm-rb a.hrm-textlink:hover { text-decoration: underline; }
.hrm-rb .hrm-rb__note { margin-top: 18px; }
.hrm-rb .hrm-rb__note, .hrm-rb .hrm-rb__note p { font-size: 14px; color: var(--hrm-muted, #5d6670); }
.hrm-rb .hrm-rb__note p { margin: 0; padding: 0; }
@media (max-width: 980px) {
  .hrm-rb .hrm-roadcols, .hrm-rb .hrm-rb__cols--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hrm-rb .hrm-rb__cols--1 { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .hrm-rb .hrm-roadcols, .hrm-rb .hrm-rb__cols--2, .hrm-rb .hrm-rb__cols--4 { grid-template-columns: minmax(0, 1fr); }
}/*======================================
Theme Name: Divi-Child
Theme URI: https://hrmanage.net/
Description: HR Manage child theme for Divi 5 — v7 header, menu and dark mode layer (2026-10)
Version: 1.8.24
Author: People Resolutions
Author URI: https://peopleres.co.za
Template: Divi
======================================*/

/* ---------- design tokens (shared with the generated pages later) ---------- */
:root {
  /* ===== PALETTE =====================================================================================
     --hrm-primary and --hrm-link come from Divi 5's Global Colours "Primary" and "Secondary"
     (Visual Builder → any colour picker → Global Colours). Set them there; the hover shades derive.
     --hrm-link is the action colour (buttons, badges, highlights). The --hrm-back family is the dark
     surface: dark-mode header, hero and closing bands, dark-mode menu panel, footer, copyright bar.
     Named palettes below override the surface family. Preview any palette on any page with
     ?hrm_palette=<name> (it sticks for your browser); the site default is HRM_PALETTE in functions.php. */
  --hrm-primary: var(--gcid-primary-color, #447bb4);                       /* Divi Global Colour "Primary"   */
  --hrm-primary-d: color-mix(in srgb, var(--hrm-primary) 78%, #000);       /* hover shade, derived            */
  --hrm-link: var(--gcid-secondary-color, #82c230);                        /* Divi Global Colour "Secondary" */
  --hrm-link-d: color-mix(in srgb, var(--hrm-link) 82%, #000);             /* hover shade, derived            */
  --hrm-btn-radius: 5px;                                                    /* buttons: semi-square (2026-10-25) */
  --hrm-back: #0c1828;
  --hrm-back-2: #132640;
  --hrm-back-3: #1a3a5e;
  --hrm-back-deep: #09131f;
  --hrm-ink: #1b2430;
  --hrm-muted: #5b6673;
  --hrm-line: #e3e8ee;
  --hrm-bg: #ffffff;
  --hrm-panel: #ffffff;
  --hrm-hover: rgba(68, 123, 180, 0.08);
  --hrm-rail: #f4f6f9;
  --hrm-bar: var(--hrm-back);    /* header bar: the dark surface in BOTH schemes (ruled 2026-10-23) */
  --hrm-shadow: 0 18px 50px rgba(12, 24, 40, 0.18);
}
/* palette "navy" is the :root default above (derived by darkening the logo blue) */
html[data-hrm-palette="brand-blue"] { --hrm-back: #0f2740; --hrm-back-2: #17365a; --hrm-back-3: #214a78; --hrm-back-deep: #0b1d30; }
html[data-hrm-palette="graphite"]   { --hrm-back: #1f2428; --hrm-back-2: #2a3036; --hrm-back-3: #353c44; --hrm-back-deep: #16191c; }
html[data-hrm-palette="brand"]      { --hrm-back: #2f5d8d; --hrm-back-2: #3a6ea3; --hrm-back-3: #447bb4; --hrm-back-deep: #244a70; }
html.hrm-dark {
  --hrm-ink: #e8eef5;
  --hrm-muted: #9fb3c8;
  --hrm-line: rgba(255, 255, 255, 0.1);
  --hrm-bg: var(--hrm-back);
  --hrm-panel: var(--hrm-back-2);
  --hrm-hover: rgba(255, 255, 255, 0.07);
  --hrm-rail: rgba(0, 0, 0, 0.18);
  --hrm-bar: var(--hrm-back);
  --hrm-primary: color-mix(in srgb, var(--gcid-primary-color, #447bb4) 55%, #fff);  /* lighter on dark surfaces */
}

/* ---------- header shell (Divi default header) ---------- */
/* The header bar, dropdowns, mega-menu panel and phone drawer are the dark surface in BOTH schemes
   (the toggle changes the page, not the navigation). The panel is the bar's colour; the rail one step darker. */
body.hrm-v7-header #main-header,
body.hrm-v7-header.et_fixed_nav #main-header,
body.hrm-v7-header #main-header.et-fixed-header {
  background: var(--hrm-bar) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08);
}
body.hrm-v7-header #et-top-navigation {
  --hrm-ink: #e8eef5; --hrm-muted: #9fb3c8; --hrm-line: rgba(255, 255, 255, 0.14); --hrm-hover: rgba(255, 255, 255, 0.08);
  --hrm-bg: var(--hrm-back); --hrm-panel: var(--hrm-back); --hrm-rail: var(--hrm-back-deep);
  --hrm-primary: color-mix(in srgb, var(--gcid-primary-color, #447bb4) 60%, #fff); --hrm-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
}
body.hrm-v7-header #et_search_icon::before, body.hrm-v7-header #et_top_search span::before { color: #e8eef5 !important; }
body.hrm-v7-header #top-header { background: var(--hrm-back) !important; }
/* footer surfaces come from the palette too (the layout's own background colours are overridden here) */
.et-l--footer .et_pb_section.hrm-footer.hrm-footer.hrm-footer { background: var(--hrm-back) !important; }
.et-l--footer .et_pb_section.hrm-footer-bar.hrm-footer-bar.hrm-footer-bar { background: var(--hrm-back-deep) !important; }
body.hrm-v7-header #logo { height: auto !important; max-height: 58px !important; width: auto; }
/* Divi's logo container is a full-width layer over the nav; lift the nav so the toggle and icons receive clicks */
body.hrm-v7-header #et-top-navigation { position: relative; z-index: 3; }
body.hrm-v7-header #top-menu > li > a {
  color: var(--hrm-ink) !important;
  font-weight: 500;
  font-size: 15px;
  padding-bottom: 28px;
}
body.hrm-v7-header #top-menu > li > a:hover { opacity: 1; color: var(--hrm-primary) !important; }
body.hrm-v7-header #top-menu li.menu-item-has-children > a:first-child::after { color: inherit; opacity: 0.6; }
body.hrm-v7-header li.hrm-hidden { display: none !important; }
/* must outrank the full-width sub-menu rule (#top-menu li li { display:block !important }) added 2026-10-23 */
body.hrm-v7-header #top-menu li.hrm-hidden, body.hrm-v7-header #top-menu li li.hrm-hidden { display: none !important; }

/* Book a demo: a green button, editable like any other menu item */
body.hrm-v7-header #top-menu > li.hrm-cta > a {
  background: var(--hrm-link);
  color: #0b1829 !important;
  font-weight: 600;
  border-radius: var(--hrm-btn-radius);
  padding: 10px 18px !important;
  margin-top: -10px;
  line-height: 1.2;
}
body.hrm-v7-header #top-menu > li.hrm-cta > a:hover { background: var(--hrm-link-d); }

/* theme toggle */
.hrm-theme-toggle {
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; margin: 0 8px 0 16px; border-radius: 999px;
  border: 1px solid var(--hrm-line); background: transparent; color: var(--hrm-ink);
  cursor: pointer; vertical-align: middle; float: left; margin-top: -9px; /* centres on the demo pill and the search glyph */
  position: relative; z-index: 1;
}
/* Divi's search field slides over the navigation; it must cover the toggle too */
body.hrm-v7-header .et_search_outer { z-index: 5; }
body.hrm-v7-header #et-top-navigation:has(.et_search_outer[style*="block"]) .hrm-theme-toggle { opacity: 0; pointer-events: none; }
.hrm-theme-toggle:hover { background: var(--hrm-hover); }
.hrm-theme-toggle .hrm-moon { display: none; }
html.hrm-dark .hrm-theme-toggle .hrm-sun { display: none; }
html.hrm-dark .hrm-theme-toggle .hrm-moon { display: inline; }

/* ---------- ordinary dropdowns (Company, Resources) ---------- */
body.hrm-v7-header #top-menu li > ul.sub-menu {
  background: var(--hrm-panel) !important;
  border: 1px solid var(--hrm-line);
  border-top: 3px solid var(--hrm-primary);
  border-radius: 10px;
  box-shadow: var(--hrm-shadow);
  padding: 10px 0;
}
body.hrm-v7-header #top-menu > li.menu-item-has-children:not(.hrm-mega) > ul.sub-menu { width: 370px !important; }
/* full-width rows: Divi gives sub-menu li/a inline widths, so the hover highlight shrank to each item's text (William, 2026-10-23) */
body.hrm-v7-header #top-menu li li { display: block !important; float: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
body.hrm-v7-header #top-menu li li a { color: var(--hrm-ink) !important; font-size: 14px; padding: 9px 22px !important; width: 100% !important; box-sizing: border-box; display: block; line-height: 1.3; white-space: normal; }
body.hrm-v7-header #top-menu .hrm-pane ul.sub-menu > li > a { display: flex !important; }  /* mega-menu rows keep icon + text side by side */
body.hrm-v7-header #top-menu li li a .hrm-txt b { font-size: 14px; }
body.hrm-v7-header #top-menu li li a .hrm-txt small { font-size: 12.5px; }
body.hrm-v7-header #top-menu li li a:hover { background: var(--hrm-hover); opacity: 1; }

/* ---------- Platform mega menu → tabbed rail ---------- */
body.hrm-v7-header #top-menu { position: relative; }
body.hrm-v7-header #top-menu li.hrm-mega { position: static !important; }
body.hrm-v7-header #top-menu li.hrm-mega > ul.sub-menu {
  left: auto !important; right: 0 !important; top: 100%;
  width: 900px !important; max-width: 900px !important;
  padding: 0 !important; overflow: hidden;
}
.hrm-rail-wrap { display: grid; grid-template-columns: 240px 1fr; min-height: 340px; }
.hrm-rail { background: var(--hrm-rail); border-right: 1px solid var(--hrm-line); padding: 14px 10px; display: flex; flex-direction: column; gap: 2px; }
.hrm-tab {
  display: flex; align-items: center; gap: 10px; text-align: left; width: 100%;
  background: none; border: 0; border-radius: 8px; padding: 10px 12px; cursor: pointer;
  font: inherit; font-weight: 600; font-size: 14px; color: var(--hrm-ink);
}
.hrm-tab.is-on { background: rgba(255, 255, 255, 0.1); }
.hrm-tab .hrm-ico img { width: 36px; height: 36px; }
.hrm-tab .hrm-txt small { display: block; font-weight: 400; color: var(--hrm-muted); font-size: 12px; margin-top: 2px; }
.hrm-panes { padding: 16px 20px; }
.hrm-pane { display: none; }
.hrm-pane.is-on { display: block; }

/* neutralise Divi's fly-out styling for the lists we moved into the panes */
/* the hidden panel must not catch the mouse (it used to open when the cursor crossed the area below the bar) */
body.hrm-v7-header #top-menu li.hrm-mega > ul.sub-menu { pointer-events: none; }
body.hrm-v7-header #top-menu li.hrm-mega:hover > ul.sub-menu,
body.hrm-v7-header #top-menu li.hrm-mega.et-hover > ul.sub-menu,
body.hrm-v7-header #top-menu li.hrm-mega.hrm-open > ul.sub-menu,
body.hrm-v7-header #top-menu li.hrm-mega:focus-within > ul.sub-menu { pointer-events: auto; }
body.hrm-v7-header #top-menu .hrm-pane ul.sub-menu {
  position: static !important; visibility: inherit !important; opacity: 1 !important;
  width: auto !important; padding: 0 !important; margin: 0 !important;
  background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0;
  display: grid; grid-template-columns: 1fr 1fr; gap: 2px 14px;
}
body.hrm-v7-header #top-menu .hrm-pane ul.sub-menu > li { padding: 0; margin: 0; width: auto; float: none; }
body.hrm-v7-header #top-menu .hrm-pane ul.sub-menu > li > a {
  display: flex; align-items: flex-start; gap: 12px;
  width: auto !important; padding: 9px 10px !important; border-radius: 8px; line-height: 1.3;
}
body.hrm-v7-header #top-menu .hrm-pane ul.sub-menu > li > a:hover { background: var(--hrm-hover); }

/* icon + label + description (also used by the mobile drawer) */
.hrm-ico { flex: none; width: 40px; height: 40px; }
.hrm-ico img { width: 40px; height: 40px; object-fit: contain; display: block; }
#et-top-navigation .hrm-ico img { filter: brightness(1.12); }
.hrm-txt b { display: block; font-weight: 600; font-size: 14px; color: var(--hrm-ink); }
.hrm-txt small { display: block; font-size: 12.5px; color: var(--hrm-muted); margin-top: 2px; line-height: 1.3; }
.hrm-badge {
  display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
  background: var(--hrm-link); color: #0b1829; border-radius: 999px; padding: 2px 7px; margin-left: 6px; vertical-align: middle;
}

/* ---------- mobile drawer (Divi's #mobile_menu) ---------- */
body.hrm-v7-header .et_mobile_menu,
body.hrm-v7-header #main-header #mobile_menu { background: var(--hrm-bg) !important; border-top: 3px solid var(--hrm-link); padding: 4px 0 10px; }
body.hrm-v7-header #mobile_menu li { position: relative; }
body.hrm-v7-header #mobile_menu li a { color: var(--hrm-ink) !important; border-color: var(--hrm-line) !important; padding: 12px 44px 12px 5%; }
body.hrm-v7-header #mobile_menu li li a { padding-left: 8%; }
body.hrm-v7-header #mobile_menu li li li a { padding: 9px 12px 9px 6% !important; display: flex; gap: 10px; align-items: flex-start; }
body.hrm-v7-header #mobile_menu li li li a .hrm-txt b { font-size: 14px; }
body.hrm-v7-header #mobile_menu li li li a .hrm-txt small { font-size: 12px; line-height: 1.3; }
body.hrm-v7-header #mobile_menu li li li a .hrm-ico img { width: 32px; height: 32px; }
body.hrm-v7-header #mobile_menu li.menu-item-has-children > ul { display: none !important; }
body.hrm-v7-header #mobile_menu li.menu-item-has-children.hrm-open > ul { display: block !important; }
body.hrm-v7-header #mobile_menu li.hrm-group > a .hrm-txt b { font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--hrm-muted); }
body.hrm-v7-header #mobile_menu li.hrm-group > a .hrm-txt small,
body.hrm-v7-header #mobile_menu li.hrm-group > a .hrm-ico { display: none; }
.hrm-acc-btn {
  position: absolute; right: 4%; top: 6px; width: 36px; height: 36px; border: 0; border-radius: 999px;
  background: transparent; color: var(--hrm-muted); cursor: pointer; display: inline-flex; align-items: center; justify-content: center;
}
.hrm-acc-btn svg { transition: transform 0.2s; }
li.hrm-open > .hrm-acc-btn svg { transform: rotate(180deg); }
body.hrm-v7-header #mobile_menu li.hrm-cta > a {
  margin: 14px 5%; text-align: center; background: var(--hrm-link); color: #0b1829 !important;
  font-weight: 600; border-radius: var(--hrm-btn-radius); padding: 13px !important; border: 0 !important;
}
body.hrm-v7-header .mobile_menu_bar::before { color: var(--hrm-ink) !important; }
@media (max-width: 980px) {
  /* position:static here so Divi's drawer (#mobile_menu) is placed against the header container, full width */
  body.hrm-v7-header #et-top-navigation { padding-left: 0; display: flex; align-items: center; justify-content: flex-end; gap: 14px; position: static; }
  body.hrm-v7-header #main-header .container { position: relative; z-index: 3; }
  body.hrm-v7-header #et_top_search { position: static; float: none; margin: 0; height: auto; width: auto; }
  body.hrm-v7-header #et_search_icon::before { position: static; display: block; line-height: 1; }
  .hrm-theme-toggle { margin: 0; float: none; position: static; top: auto; }
  body.hrm-v7-header #et_mobile_nav_menu { float: none; margin: 0; }
  body.hrm-v7-header .mobile_menu_bar::before { color: #e8eef5 !important; }
}

/* ---------- v7 page template (module pages built by wp-pages/page_build.py) ----------
   Sections carry hrm-* classes; design lives here, content lives in ordinary Divi modules. */
.hrm-page h1, .hrm-page h2, .hrm-page h3, .hrm-page h4 { font-family: Outfit, Inter, "Open Sans", sans-serif; letter-spacing: -0.01em; }
.hrm-page h1 { font-size: clamp(34px, 4.2vw, 52px); line-height: 1.08; font-weight: 700; }
.hrm-page h2 { font-size: clamp(26px, 3vw, 36px); line-height: 1.15; font-weight: 700; color: var(--hrm-ink); }
.hrm-page h3 { font-size: 20px; line-height: 1.3; font-weight: 700; color: var(--hrm-ink); }
.hrm-page p, .hrm-page li { font-size: 17px; line-height: 1.65; color: var(--hrm-ink); }
.hrm-page .hrm-muted, .hrm-page .hrm-muted p { color: var(--hrm-muted); }
.hrm-page .et_pb_row { max-width: 1200px; }
.hrm-kicker { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--hrm-link); margin-bottom: 10px; }
.hrm-btn, .hrm-page .et_pb_button.hrm-btn { display: inline-block; background: var(--hrm-link) !important; color: #0b1829 !important; font-weight: 600 !important; border-radius: var(--hrm-btn-radius) !important; padding: 13px 24px !important; border: 0 !important; font-size: 15px !important; line-height: 1.2 !important; }
.hrm-btn:hover, .hrm-page .et_pb_button.hrm-btn:hover { background: var(--hrm-link-d) !important; }
.hrm-btn--ghost, .hrm-page .et_pb_button.hrm-btn--ghost { background: transparent !important; color: #fff !important; border: 1.5px solid rgba(255,255,255,0.55) !important; }
.hrm-btn--ghost:hover, .hrm-page .et_pb_button.hrm-btn--ghost:hover { border-color: #fff !important; background: rgba(255,255,255,0.08) !important; }
.hrm-page .et_pb_button::after { display: none !important; }
.hrm-page .et_pb_button_wrapper { display: inline-block; margin-right: 10px; }

/* hero */
.hrm-hero { background: linear-gradient(135deg, var(--hrm-back) 0%, var(--hrm-back-2) 60%, var(--hrm-back-3) 100%) !important; padding: 72px 0 64px !important; }
body.et_transparent_nav .hrm-page.hrm-hero { padding-top: 150px !important; }
.hrm-hero h1, .hrm-hero p { color: #fff; }
.hrm-hero .hrm-lead p { font-size: 19px; color: rgba(255,255,255,0.86); max-width: 52ch; }
.hrm-hero .hrm-hero-shot img { border-radius: 12px; box-shadow: 0 24px 60px rgba(0,0,0,0.4); border: 1px solid rgba(255,255,255,0.12); }
.hrm-hero .et_pb_row { display: flex; align-items: center; }

/* who it is for */
.hrm-for { background: var(--hrm-bg) !important; padding: 56px 0 24px !important; }
.hrm-for .hrm-card { background: var(--hrm-rail); border: 1px solid var(--hrm-line); border-radius: 12px; padding: 22px 22px 18px; height: 100%; }
.hrm-for .hrm-card p { margin: 0; font-size: 16px; }
.hrm-for .hrm-card b { display: block; color: var(--hrm-ink); margin-bottom: 4px; font-family: Outfit, Inter, sans-serif; font-size: 18px; }

/* feature rows */
.hrm-feature { background: var(--hrm-bg) !important; padding: 40px 0 !important; }
.hrm-feature .et_pb_row { display: flex; align-items: center; gap: 24px; }
.hrm-feature--flip .et_pb_row { flex-direction: row-reverse; }
.hrm-feature .hrm-shot img { border-radius: 12px; box-shadow: 0 18px 50px rgba(12,24,40,0.18); border: 1px solid var(--hrm-line); }
.hrm-feature h2 { margin-bottom: 12px; }
.hrm-feature .hrm-anchor { position: relative; top: -110px; display: block; height: 0; }

/* capabilities grid */
.hrm-caps { background: var(--hrm-rail) !important; padding: 64px 0 48px !important; }
.hrm-caps .hrm-intro { max-width: 60ch; margin-bottom: 28px; }
.hrm-caps .et_pb_blurb { background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 12px; padding: 18px 18px 12px; height: 100%; margin-bottom: 20px; }
.hrm-caps .et_pb_blurb h4, .hrm-caps .et_pb_blurb .et_pb_module_header { font-family: Outfit, Inter, sans-serif; font-size: 17px; font-weight: 700; color: var(--hrm-ink); padding-bottom: 4px; }
.hrm-caps .et_pb_blurb_description, .hrm-caps .et_pb_blurb_description p { font-size: 15px; color: var(--hrm-muted); }
.hrm-caps .et_pb_blurb_content { max-width: none; }

/* works-with strip */
.hrm-works { background: var(--hrm-bg) !important; padding: 56px 0 32px !important; }
.hrm-works .hrm-link { display: block; border: 1px solid var(--hrm-line); border-radius: 12px; padding: 18px; height: 100%; text-decoration: none; margin-bottom: 20px; }
.hrm-works .hrm-link:hover { background: var(--hrm-hover); }
.hrm-works .hrm-link b { display: block; font-family: Outfit, Inter, sans-serif; font-size: 17px; color: var(--hrm-primary); margin-bottom: 4px; }
.hrm-works .hrm-link span { font-size: 15px; color: var(--hrm-muted); }

/* proof */
.hrm-proof { background: var(--hrm-back) !important; padding: 56px 0 !important; }
.hrm-proof .hrm-quote p { color: #fff; font-size: 22px; line-height: 1.45; font-family: Outfit, Inter, sans-serif; max-width: 34ch; margin: 0 auto 14px; text-align: center; }
.hrm-proof .hrm-cite p { color: var(--hrm-link); font-size: 14px; text-align: center; margin: 0; }

/* FAQ */
.hrm-faq { background: var(--hrm-bg) !important; padding: 64px 0 40px !important; }
.hrm-faq .et_pb_toggle { border: 1px solid var(--hrm-line) !important; border-radius: 10px; background: var(--hrm-panel) !important; margin-bottom: 10px; padding: 16px 20px; }
.hrm-faq .et_pb_toggle_title { font-family: Outfit, Inter, sans-serif; font-size: 17px; color: var(--hrm-ink) !important; }
.hrm-faq .et_pb_toggle_content p { font-size: 16px; color: var(--hrm-muted); }

/* closing band */
.hrm-ctaband { background: linear-gradient(135deg, var(--hrm-back-2) 0%, var(--hrm-back) 100%) !important; padding: 56px 0 !important; text-align: center; }
.hrm-ctaband h2, .hrm-ctaband p { color: #fff; }
.hrm-ctaband .hrm-sub p { color: rgba(255,255,255,0.8); max-width: 56ch; margin: 0 auto 20px; }

/* small pieces */
.hrm-page .hrm-actions { margin-top: 22px; }
.hrm-page .hrm-shot--empty { display: flex; align-items: center; justify-content: center; min-height: 260px; border: 1px dashed var(--hrm-line); border-radius: 12px; color: var(--hrm-muted); font-size: 14px; background: var(--hrm-rail); }
.hrm-proof .hrm-logos { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px 34px; margin-top: 26px; }
.hrm-proof .hrm-logos img { height: 56px; width: auto; max-width: 150px; object-fit: contain; background: #fff; border-radius: 8px; padding: 8px 12px; opacity: 0.92; }
.hrm-proof .hrm-logos img:hover { opacity: 1; }
.hrm-caps .et_pb_row + .et_pb_row { padding-top: 0; }

/* dark mode: the page canvas of v7-template pages takes the palette surface */
html.hrm-dark body.hrm-v7-page, html.hrm-dark body.hrm-v7-page #page-container, html.hrm-dark body.hrm-v7-page #et-main-area { background: var(--hrm-back) !important; }

/* dark mode for page sections */
html.hrm-dark .hrm-for, html.hrm-dark .hrm-feature, html.hrm-dark .hrm-works, html.hrm-dark .hrm-faq { background: var(--hrm-back) !important; }
html.hrm-dark .hrm-caps { background: var(--hrm-back-2) !important; }
html.hrm-dark .hrm-page h2, html.hrm-dark .hrm-page h3, html.hrm-dark .hrm-page p, html.hrm-dark .hrm-page li { color: var(--hrm-ink); }
html.hrm-dark .hrm-for .hrm-card { background: rgba(255,255,255,0.05); }
html.hrm-dark .hrm-faq .et_pb_toggle { background: var(--hrm-panel) !important; }

@media (max-width: 980px) {
  .hrm-hero { padding: 48px 0 40px !important; }
  .hrm-hero .et_pb_row, .hrm-feature .et_pb_row, .hrm-feature--flip .et_pb_row { display: block; }
  .hrm-feature .hrm-shot { margin-top: 18px; }
  .hrm-for .hrm-card, .hrm-works .hrm-link { margin-bottom: 14px; }
}

/* Divi 5 has no glyph for the "email" social network: give it the ETmodules envelope (2026-10-23) */
.et_pb_social_media_follow li.et-social-email a.icon::before { content: "\e010"; font-family: ETmodules !important; }

/* compact hero for secondary pages (About 55, Clients 60, Contact 65, Roadmap 151, Support 106, FAQ 93; William,
   2026-10-23): one column, centred, shorter. Product pages keep the full hero. Keyed on the page ids as well as the
   hrm-hero--compact class so it applies on LIVE without re-publishing any page content (his instruction). */
.hrm-hero--compact, body.page-id-55 .hrm-hero, body.page-id-60 .hrm-hero, body.page-id-65 .hrm-hero, body.page-id-151 .hrm-hero, body.page-id-106 .hrm-hero, body.page-id-93 .hrm-hero { padding: 44px 0 40px !important; }
.hrm-hero--compact .et_pb_column, .hrm-hero--compact .et_pb_text, .hrm-hero--compact .et_pb_text_inner,
body.page-id-55 .hrm-hero .et_pb_column, body.page-id-55 .hrm-hero .et_pb_text, body.page-id-55 .hrm-hero .et_pb_text_inner, body.page-id-60 .hrm-hero .et_pb_column, body.page-id-60 .hrm-hero .et_pb_text, body.page-id-60 .hrm-hero .et_pb_text_inner, body.page-id-65 .hrm-hero .et_pb_column, body.page-id-65 .hrm-hero .et_pb_text, body.page-id-65 .hrm-hero .et_pb_text_inner, body.page-id-151 .hrm-hero .et_pb_column, body.page-id-151 .hrm-hero .et_pb_text, body.page-id-151 .hrm-hero .et_pb_text_inner, body.page-id-106 .hrm-hero .et_pb_column, body.page-id-106 .hrm-hero .et_pb_text, body.page-id-106 .hrm-hero .et_pb_text_inner, body.page-id-93 .hrm-hero .et_pb_column, body.page-id-93 .hrm-hero .et_pb_text, body.page-id-93 .hrm-hero .et_pb_text_inner { text-align: center; }
.hrm-hero--compact .hrm-kicker, body.page-id-55 .hrm-hero .hrm-kicker, body.page-id-60 .hrm-hero .hrm-kicker, body.page-id-65 .hrm-hero .hrm-kicker, body.page-id-151 .hrm-hero .hrm-kicker, body.page-id-106 .hrm-hero .hrm-kicker, body.page-id-93 .hrm-hero .hrm-kicker { display: block; }
.hrm-hero--compact h1, body.page-id-55 .hrm-hero h1, body.page-id-60 .hrm-hero h1, body.page-id-65 .hrm-hero h1, body.page-id-151 .hrm-hero h1, body.page-id-106 .hrm-hero h1, body.page-id-93 .hrm-hero h1 { max-width: 28ch; margin-left: auto; margin-right: auto; font-size: clamp(30px, 3.6vw, 44px); }
.hrm-hero--compact .hrm-lead p, body.page-id-55 .hrm-hero .hrm-lead p, body.page-id-60 .hrm-hero .hrm-lead p, body.page-id-65 .hrm-hero .hrm-lead p, body.page-id-151 .hrm-hero .hrm-lead p, body.page-id-106 .hrm-hero .hrm-lead p, body.page-id-93 .hrm-hero .hrm-lead p { max-width: 62ch; margin: 0 auto; }
.hrm-hero--compact .et_pb_button_module_wrapper, body.page-id-55 .hrm-hero .et_pb_button_module_wrapper, body.page-id-60 .hrm-hero .et_pb_button_module_wrapper, body.page-id-65 .hrm-hero .et_pb_button_module_wrapper, body.page-id-151 .hrm-hero .et_pb_button_module_wrapper, body.page-id-106 .hrm-hero .et_pb_button_module_wrapper, body.page-id-93 .hrm-hero .et_pb_button_module_wrapper { margin: 22px 5px 0; }
.hrm-hero--compact .hrm-facts, .hrm-hero--compact .hrm-factswrap, body.page-id-55 .hrm-hero .hrm-facts, body.page-id-55 .hrm-hero .hrm-factswrap, body.page-id-60 .hrm-hero .hrm-facts, body.page-id-60 .hrm-hero .hrm-factswrap, body.page-id-65 .hrm-hero .hrm-facts, body.page-id-65 .hrm-hero .hrm-factswrap, body.page-id-151 .hrm-hero .hrm-facts, body.page-id-151 .hrm-hero .hrm-factswrap, body.page-id-106 .hrm-hero .hrm-facts, body.page-id-106 .hrm-hero .hrm-factswrap, body.page-id-93 .hrm-hero .hrm-facts, body.page-id-93 .hrm-hero .hrm-factswrap { text-align: left; }
@media (max-width: 980px) { .hrm-hero--compact, body.page-id-55 .hrm-hero, body.page-id-60 .hrm-hero, body.page-id-65 .hrm-hero, body.page-id-151 .hrm-hero, body.page-id-106 .hrm-hero, body.page-id-93 .hrm-hero { padding: 36px 0 32px !important; } }

/* ---------- v7 footer (Theme Builder footer layout 873: sections .hrm-footer and .hrm-footer-bar) ---------- */
.hrm-footer, .hrm-footer p, .hrm-footer li, .hrm-footer-bar, .hrm-footer-bar p { color: #c9d4e2; font-size: 14px; line-height: 1.6; }
.hrm-footer a, .hrm-footer-bar a { color: #cfe0f3; text-decoration: none; }
.hrm-footer a:hover, .hrm-footer-bar a:hover { color: #82c230; }
.hrm-footer h3 { color: #fff; font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; margin: 0 0 12px; padding: 0; }
.hrm-footer .et_pb_module { margin-bottom: 0; }
.hrm-footer .hrm-f-kicker { font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: #8fa6c0; margin: 0 0 8px; }
.hrm-footer .hrm-f-logo { margin-bottom: 14px; }
.hrm-footer .hrm-f-logo img { max-width: 210px; height: auto; }
.hrm-footer .hrm-f-about { margin-bottom: 16px; }
.hrm-footer .hrm-f-social { margin-bottom: 18px; }
.hrm-footer .hrm-f-social .et_pb_social_media_follow li a.icon { width: 36px; height: 36px; border-radius: 999px; }
.hrm-footer .hrm-f-social .et_pb_social_media_follow li a.icon::before { font-size: 16px; line-height: 36px; width: 36px; height: 36px; }
.hrm-footer .hrm-f-badges { display: flex; flex-wrap: wrap; gap: 12px 18px; align-items: center; margin: 0; }
.hrm-footer .hrm-f-badges img { width: 170px; height: auto; display: block; }
.hrm-footer .hrm-f-links { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 24px; }
.hrm-footer .hrm-f-group--tall { grid-row: span 2; }
.hrm-footer .hrm-f-links h3 { margin-bottom: 8px; }
.hrm-footer .hrm-f-links ul { list-style: none; margin: 0; padding: 0 !important; line-height: 1.5; }
.hrm-footer .hrm-f-links li { padding: 3px 0; }
.hrm-footer .hrm-f-news, .hrm-footer .hrm-f-news .et_pb_widget, .hrm-footer .hrm-f-news .widget_nav_menu { margin: 0 !important; padding: 0 !important; }
.hrm-footer .hrm-f-newshead { margin-bottom: 0 !important; }
.hrm-footer .hrm-f-newshead h3 { margin-bottom: 6px; }
.hrm-footer .hrm-f-newshead h3 a { color: #fff; }
.hrm-footer .hrm-f-news ul { list-style: none; padding: 0 !important; margin: 0; }
.hrm-footer .hrm-f-news li { padding: 7px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.08); line-height: 1.4; }
.hrm-footer .hrm-f-news li a { color: #fff; font-weight: 600; display: block; }
.hrm-footer .hrm-f-news li a:hover { color: #82c230; }
.hrm-footer .hrm-f-news .post-date { display: block; font-size: 12px; color: #8fa6c0; margin-top: 2px; }
.hrm-footer .hrm-f-news .widgettitle, .hrm-footer .hrm-f-news h4 { display: none; }
.hrm-footer .hrm-f-more { margin: 12px 0 0; font-weight: 600; }
.hrm-footer-bar p { font-size: 12px; margin: 0; line-height: 1.4; }
.hrm-footer-bar .et_pb_row { padding: 10px 0 !important; }
.hrm-footer-bar .et_pb_column { margin-bottom: 0 !important; }
.hrm-footer .et_pb_row { padding-bottom: 12px !important; }
.hrm-footer .et_pb_column { margin-bottom: 0 !important; }
.hrm-footer .hrm-f-news li { padding: 6px 0; }
.hrm-footer .hrm-f-badges { margin-top: 4px; }
.hrm-footer-bar .hrm-f-right { text-align: right; }
@media (max-width: 980px) {
  .hrm-footer-bar .hrm-f-right { text-align: left; margin-top: 6px; }
  .hrm-footer .hrm-f-col1, .hrm-footer .hrm-f-col2 { margin-bottom: 28px; }
}

/* ---------- v7 HOME page (built by wp-pages/home_build.py, 2026-10-23: hybrid of the Opus/Fable POCs) ----------
   Section classes: hrm-home-hero, hrm-home-stats, hrm-home-logos, hrm-home-modules, hrm-home-why, hrm-home-services,
   hrm-home-about, hrm-home-quotes (+ the shared hrm-ctaband). Everything keys off the palette variables, so dark mode
   and the named palettes apply without extra rules except where noted. */
.hrm-home .et_pb_module { margin-bottom: 0; }
.hrm-home .hrm-sechead { max-width: 760px; margin-bottom: 28px; }
.hrm-home .hrm-sechead.hrm-center { margin-left: auto; margin-right: auto; text-align: center; }
.hrm-home .hrm-lede, .hrm-home .hrm-lede p, .hrm-home p.hrm-lede { font-size: 18px; color: var(--hrm-muted); margin: 10px 0 0; }
.hrm-home h2 { margin: 0; }
.hrm-home .hrm-center { text-align: center; }
.hrm-home .hrm-actions { margin-top: 26px; }
.hrm-btn--blue, .hrm-page .hrm-btn--blue { background: var(--hrm-primary) !important; color: #fff !important; }
.hrm-btn--blue:hover, .hrm-page .hrm-btn--blue:hover { background: var(--hrm-primary-d) !important; }
.hrm-btn--outline, .hrm-page .hrm-btn--outline { background: transparent !important; color: var(--hrm-primary) !important; border: 1.5px solid var(--hrm-primary) !important; }
.hrm-btn--outline:hover, .hrm-page .hrm-btn--outline:hover { background: var(--hrm-hover) !important; }

/* hero */
.hrm-home-hero .hrm-pill { display: inline-flex; align-items: center; gap: 10px; padding: 5px 14px 5px 5px; border-radius: 999px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.14); color: #dfe8f2; font-size: 14px; margin-bottom: 22px; text-decoration: none; }
.hrm-home-hero .hrm-pill:hover { background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.3); color: #fff; }
.hrm-home-hero .hrm-pill-badge { background: var(--hrm-link); color: #0b1829; font-weight: 800; font-size: 12px; letter-spacing: 0.04em; padding: 3px 9px; border-radius: 999px; }
.hrm-home-hero .hrm-pill .hrm-arrow { opacity: 0.8; }
.hrm-home-hero h1 { font-size: clamp(36px, 4.6vw, 58px); max-width: 16ch; }
.hrm-home-hero .hrm-accent { color: var(--hrm-link); }
.hrm-home-hero .hrm-proofline { list-style: none; margin: 22px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 22px; }
.hrm-home-hero .hrm-proofline li { color: #a9bbcf; font-size: 15px; padding-left: 24px; position: relative; }
.hrm-home-hero .hrm-proofline li::before { content: "\2713"; position: absolute; left: 0; top: 0; color: var(--hrm-link); font-weight: 800; }
.hrm-home-hero .hrm-home-shot { min-height: 320px; border-color: rgba(255,255,255,0.25); background: rgba(255,255,255,0.04); color: rgba(255,255,255,0.6); }
/* hero visual = device mockup (transparent PNG from wp-pages/hero_mockup.py, William 2026-10-26): no panel behind it,
   a little wider than its column on desktop so the screens read */
.hrm-home-hero .et_pb_image.hrm-devices { margin: 0; text-align: center; }
.hrm-home-hero .hrm-devices img { width: 100%; max-width: none; height: auto; }  /* the artwork carries its own glow and floor reflection */
@media (min-width: 981px) {
}

/* stats */
.hrm-home-stats { background: var(--hrm-rail) !important; padding: 48px 0 !important; }
.hrm-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.hrm-stat { background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 12px; padding: 22px 22px 20px; }
.hrm-stat b { display: block; font-family: Outfit, Inter, sans-serif; font-weight: 700; font-size: clamp(30px, 2.6vw, 42px); line-height: 1; letter-spacing: -0.02em; color: var(--hrm-primary); margin-bottom: 10px; }
.hrm-stat b small { font-size: 0.5em; color: var(--hrm-link); font-weight: 700; margin-left: 2px; letter-spacing: 0; }
.hrm-stat span { display: block; color: var(--hrm-muted); font-size: 15px; line-height: 1.45; }

/* client logos */
.hrm-home-logos { background: var(--hrm-bg) !important; padding: 44px 0 36px !important; }
.hrm-logos-caption { text-align: center; color: var(--hrm-muted); font-size: 15px; margin: 0 0 22px; }
.hrm-logostrip { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.hrm-logostrip figure { margin: 0; width: 96px; height: 96px; background: #fff; border: 1px solid var(--hrm-line); border-radius: 12px; display: flex; align-items: center; justify-content: center; padding: 10px; }
.hrm-logostrip img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; filter: grayscale(1); opacity: 0.85; transition: filter 0.2s, opacity 0.2s; }
.hrm-logostrip figure:hover img { filter: none; opacity: 1; }

/* modules */
.hrm-home-modules { background: var(--hrm-rail) !important; padding: 64px 0 56px !important; }
.hrm-modgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.hrm-mod { display: flex; gap: 14px; align-items: flex-start; background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 12px; padding: 16px; text-decoration: none; color: inherit; transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s; }
.hrm-mod:hover { border-color: var(--hrm-primary); transform: translateY(-2px); box-shadow: var(--hrm-shadow); }
.hrm-mod img { width: 40px; height: 40px; flex: none; }
.hrm-mod h4 { margin: 0 0 3px; font-size: 16px; color: var(--hrm-ink); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 0; }
.hrm-mod p { margin: 0; font-size: 14px; line-height: 1.45; color: var(--hrm-muted); }
.hrm-badge--soon { background: var(--hrm-primary); color: #fff; }

/* why HR Manage (navy band) */
.hrm-home-why { background: var(--hrm-back) !important; padding: 64px 0 !important; }
.hrm-home-why h2, .hrm-home-why h3 { color: #fff; }
.hrm-home-why .hrm-kicker { color: #9ec4ec; }
.hrm-home-why .hrm-lede { color: #c2d0df; }
.hrm-whygrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
.hrm-why h3 { font-size: 19px; margin: 0 0 8px; padding: 0; }
.hrm-why p { color: #a9bace; font-size: 15.5px; margin: 0; }
html.hrm-dark .hrm-home-why { background: var(--hrm-back-2) !important; }

/* what we do */
.hrm-home-services { background: var(--hrm-bg) !important; padding: 64px 0 56px !important; }
.hrm-svcgrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.hrm-svc { background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 14px; padding: 26px 22px 22px; text-align: center; }
.hrm-svc-ico { width: 128px; height: 128px; margin: 0 auto 16px; border-radius: 24px; background: rgba(68, 123, 180, 0.08); display: flex; align-items: center; justify-content: center; }
.hrm-svc-ico img { width: 96px; height: 96px; }
.hrm-svc h3 { font-size: 19px; margin: 0 0 8px; padding: 0; }
.hrm-svc p { font-size: 15.5px; color: var(--hrm-muted); margin: 0; }
html.hrm-dark .hrm-svc-ico { background: rgba(255,255,255,0.08); }

/* who we are */
.hrm-home-about { background: var(--hrm-rail) !important; padding: 64px 0 !important; }
.hrm-home-about .et_pb_row { display: flex; align-items: center; gap: 48px; }
.hrm-checklist { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 8px; }
.hrm-checklist li { position: relative; padding-left: 32px; color: var(--hrm-ink); }
.hrm-checklist li::before { content: "\2713"; position: absolute; left: 0; top: 2px; width: 22px; height: 22px; border-radius: 50%; background: rgba(130, 194, 48, 0.2); color: #3f6a12; font-weight: 800; font-size: 13px; text-align: center; line-height: 22px; }
html.hrm-dark .hrm-checklist li::before { color: var(--hrm-link); }
.hrm-phototone { position: relative; border-radius: 16px; overflow: hidden; box-shadow: var(--hrm-shadow); }
.hrm-phototone img { width: 100%; display: block; }
.hrm-phototone::after { content: ""; position: absolute; inset: 0; background: linear-gradient(160deg, rgba(68,123,180,0.22), rgba(12,24,40,0.12) 60%, rgba(130,194,48,0.18)); mix-blend-mode: multiply; pointer-events: none; }

/* client stories */
.hrm-home-quotes { background: var(--hrm-bg) !important; padding: 64px 0 !important; }
.hrm-quotegrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.hrm-quotecard { margin: 0; display: flex; flex-direction: column; gap: 20px; background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 14px; padding: 26px; }
.hrm-quotecard blockquote { margin: 0; padding: 0; border: 0; font-size: 16.5px; line-height: 1.6; color: var(--hrm-ink); font-style: normal; }
.hrm-quotecard blockquote::before { content: "\201C"; display: block; font-family: Outfit, Georgia, serif; font-size: 52px; line-height: 0.7; color: var(--hrm-link); margin-bottom: 8px; }
.hrm-quotecard figcaption { display: flex; gap: 12px; align-items: center; margin-top: auto; }
.hrm-quotecard figcaption img { width: 48px; height: 48px; border-radius: 12px; border: 1px solid var(--hrm-line); background: #fff; object-fit: contain; padding: 3px; }
.hrm-quotecard figcaption b { display: block; font-size: 15px; color: var(--hrm-ink); }
.hrm-quotecard figcaption span span { display: block; font-size: 13.5px; color: var(--hrm-muted); line-height: 1.35; }

@media (max-width: 980px) {
  .hrm-home-hero h1 { max-width: none; }
  .hrm-stats, .hrm-whygrid, .hrm-svcgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hrm-modgrid, .hrm-quotegrid { grid-template-columns: 1fr; }
  .hrm-home-about .et_pb_row { display: block; }
  .hrm-home-about .hrm-phototone { margin-top: 24px; }
  .hrm-logostrip figure { width: 84px; height: 84px; }
}
@media (max-width: 560px) {
  .hrm-stats, .hrm-whygrid, .hrm-svcgrid { grid-template-columns: 1fr; }
  .hrm-home-hero .hrm-home-shot { min-height: 180px; margin-top: 20px; }
}

/* home fixes 2026-10-23: Divi's Text module gives ul a bullet + indent; the closing band must centre inside Text modules */
.hrm-page .hrm-checklist, .hrm-page .hrm-proofline { list-style: none !important; padding-left: 0 !important; margin-left: 0; }
.hrm-page .hrm-checklist li, .hrm-page .hrm-proofline li { list-style: none !important; }
.hrm-ctaband h2, .hrm-ctaband .hrm-sub p, .hrm-ctaband .hrm-actions, .hrm-ctaband .et_pb_text_inner { text-align: center; }

/* ---------- module-page template on standard Divi modules (2026-10-23: Button / Blurb / Image / Testimonial instead of
   hand-built HTML in Text modules, so editors can work in the Visual Builder) ---------- */
.hrm-page .et_pb_button_module_wrapper { display: inline-block; margin: 0 10px 0 0; }
.hrm-page .et_pb_button_module_wrapper + .et_pb_button_module_wrapper { margin-left: 0; }
.hrm-h1wrap + .hrm-lead + .et_pb_button_module_wrapper, .hrm-ctabody + .et_pb_button_module_wrapper, .hrm-sub + .et_pb_button_module_wrapper { margin-top: 22px; }
/* buttons that wrap onto a new line sat flush against the one above (2026-10-25). A following Button module's top margin
   only shows once it starts a new line: side by side the row stays put, because it is no larger than the first one's. */
@media (max-width: 980px) { .hrm-page .et_pb_button_module_wrapper + .et_pb_button_module_wrapper { margin-top: 12px !important; } }  /* over the per-hero 22px */
/* hand-written button rows (<p class="hrm-actions">, home page and older templates): a real gap instead of a word space */
.hrm-page .hrm-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 10px; }
.hrm-page .hrm-actions.hrm-center, .hrm-ctaband .hrm-actions { justify-content: center; }
.hrm-page .hrm-shot--empty.et_pb_text { min-height: 260px; display: flex; align-items: center; justify-content: center; border: 1px dashed var(--hrm-line); border-radius: 12px; background: var(--hrm-rail); }
.hrm-page .hrm-shot--empty.et_pb_text p { color: var(--hrm-muted); font-size: 14px; margin: 0; }
.hrm-hero .hrm-shot--empty.et_pb_text { border-color: rgba(255,255,255,0.25); background: rgba(255,255,255,0.04); }
.hrm-hero .hrm-shot--empty.et_pb_text p { color: rgba(255,255,255,0.6); }
/* who it is for: Blurb cards */
.hrm-for .et_pb_blurb.hrm-forcard { background: var(--hrm-rail); border: 1px solid var(--hrm-line); border-radius: 12px; padding: 22px 22px 18px; height: 100%; margin-bottom: 20px; }
.hrm-for .hrm-forcard .et_pb_blurb_content { max-width: none; text-align: left; }
.hrm-for .hrm-forcard .et_pb_module_header { font-family: Outfit, Inter, sans-serif; font-size: 18px; font-weight: 700; color: var(--hrm-ink); padding: 0 0 4px; }
.hrm-for .hrm-forcard .et_pb_blurb_description, .hrm-for .hrm-forcard .et_pb_blurb_description p { margin: 0; font-size: 16px; color: var(--hrm-ink); }
html.hrm-dark .hrm-for .et_pb_blurb.hrm-forcard { background: rgba(255,255,255,0.05); }
/* works with: linked Blurb tiles */
.hrm-works .et_pb_blurb.hrm-link { border: 1px solid var(--hrm-line); border-radius: 12px; padding: 18px; height: 100%; margin-bottom: 20px; transition: background-color 0.15s; }
.hrm-works .et_pb_blurb.hrm-link:hover { background: var(--hrm-hover); }
.hrm-works .hrm-link .et_pb_blurb_content { max-width: none; text-align: left; }
.hrm-works .hrm-link .et_pb_module_header, .hrm-works .hrm-link .et_pb_module_header a { font-family: Outfit, Inter, sans-serif; font-size: 17px; font-weight: 700; color: var(--hrm-primary); padding: 0 0 4px; text-decoration: none; }
.hrm-works .hrm-link .et_pb_blurb_description, .hrm-works .hrm-link .et_pb_blurb_description p { margin: 0; font-size: 15px; color: var(--hrm-muted); }
/* proof: Testimonial module, or a line + client logos as Image modules */
.hrm-proof .et_pb_testimonial.hrm-quote { background: transparent; padding: 0; border: 0; text-align: center; max-width: 760px; margin: 0 auto; }
.hrm-proof .hrm-quote .et_pb_testimonial_description_inner, .hrm-proof .hrm-quote .et_pb_testimonial_description p { color: #fff; font-size: 22px; line-height: 1.45; font-family: Outfit, Inter, sans-serif; }
.hrm-proof .hrm-quote .et_pb_testimonial_author, .hrm-proof .hrm-quote .et_pb_testimonial_meta { color: var(--hrm-link); font-size: 14px; }
.hrm-proof .hrm-quote .et_pb_testimonial_portrait, .hrm-proof .hrm-quote .et_pb_testimonial_separator { display: none; }
.hrm-proof .hrm-proofline { color: #fff; font-size: 22px; line-height: 1.45; font-family: Outfit, Inter, sans-serif; max-width: 34ch; margin: 0 auto 14px; text-align: center; }
.hrm-proof .hrm-logorow.et_pb_row { padding-top: 0 !important; padding-bottom: 0 !important; }
.hrm-proof .hrm-logorow .et_pb_column { display: flex; justify-content: center; align-items: center; margin-bottom: 18px; }
.hrm-proof .et_pb_image.hrm-logo { margin: 0; }
.hrm-proof .et_pb_image.hrm-logo img { height: 56px; width: auto; max-width: 150px; object-fit: contain; background: #fff; border-radius: 8px; padding: 8px 12px; opacity: 0.92; }
.hrm-proof .et_pb_image.hrm-logo:hover img { opacity: 1; }
.hrm-ctaband .et_pb_button_module_wrapper { margin: 22px 5px 0; }
.hrm-proof .hrm-logorow.et_pb_row { display: flex; flex-wrap: wrap; }
@media (max-width: 980px) {
  /* keep five logos per row on phones: Divi stacks columns to 100% there (structural, hence !important) */
  .hrm-proof .hrm-logorow .et_pb_column { width: 20% !important; flex: 0 0 20%; margin-bottom: 12px !important; }
  .hrm-proof .et_pb_image.hrm-logo img { height: 44px; max-width: 64px; padding: 6px; }
}

/* ---------- HOME HERO = Astra's Divi hero kit (Astra/divi-hero-assets/divi-hero.css, 2026-10-26), verbatim apart from the
   waves URL (root-relative) and the hero colour. Active only on a section carrying hrm-hero-assets-v2 (set by
   home_build.py / home_hero_v2_patch.py); a hero without that class stays plain. ---------- */
.hrm-home-hero.hrm-hero-assets-v2 {
  --hrm-wave-image: url(//peopleres.co.za/wp-content/uploads/2026/10/hrm-hero-waves.webp);
  --hrm-wave-opacity: .24;
  position: relative;
  isolation: isolate;
  display: block !important;
  min-height: 0 !important;
  overflow: hidden;
  background: #262c31 !important;  /* site hero colour (William) */
  padding: clamp(44px, 4.2vw, 76px) 0 30px !important;
}
.hrm-home-hero.hrm-hero-assets-v2::before {
  content: "";
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  z-index: 0;
  pointer-events: none;
  background: var(--hrm-wave-image) no-repeat center center / 100% auto;
  opacity: var(--hrm-wave-opacity);
  filter: none;
  transform: none;
  -webkit-mask-image: linear-gradient(to right, transparent 24%, #000 48%, #000 94%, transparent);
  mask-image: linear-gradient(to right, transparent 24%, #000 48%, #000 94%, transparent);
}
.hrm-home-hero.hrm-hero-assets-v2::after { content: none !important; }
.hrm-home-hero.hrm-hero-assets-v2 .et_pb_row.hrm-hero-main,
.hrm-home-hero.hrm-hero-assets-v2 .et_pb_row.hrm-hero-trust-row {
  position: relative;
  z-index: 1;
  width: 92% !important;
  max-width: 1600px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
.hrm-home-hero.hrm-hero-assets-v2 .et_pb_row.hrm-hero-main {
  display: grid !important;
  grid-template-columns: minmax(0, 43fr) minmax(0, 57fr);
  align-items: center;
  gap: clamp(24px, 2.2vw, 42px);
}
.hrm-home-hero.hrm-hero-assets-v2 .hrm-hero-main > .et_pb_column,
.hrm-home-hero.hrm-hero-assets-v2 .hrm-hero-trust-row > .et_pb_column {
  min-width: 0;
  width: 100% !important;
  max-width: 100% !important;
  flex: initial !important;
  margin: 0 !important;
  padding: 0 !important;
}
.hrm-home-hero.hrm-hero-assets-v2 .hrm-hero-copy .et_pb_module { max-width: 640px; }
.hrm-home-hero.hrm-hero-assets-v2 h1 {
  color: #fff;
  font-size: clamp(36px, 3.05vw, 56px);
  line-height: 1.12;
  font-weight: 700;
  letter-spacing: -.025em;
}
.hrm-home-hero.hrm-hero-assets-v2 h1 span { font-weight: inherit; }
.hrm-home-hero.hrm-hero-assets-v2 .hrm-lead { margin-top: 0 !important; }
.hrm-home-hero.hrm-hero-assets-v2 .hrm-lead p { font-size: clamp(17px, 1.2vw, 20px); line-height: 1.55; }
.hrm-home-hero.hrm-hero-assets-v2 .et_pb_image.hrm-devices {
  position: relative;
  inset: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.hrm-home-hero.hrm-hero-assets-v2 .hrm-devices::before,
.hrm-home-hero.hrm-hero-assets-v2 .hrm-devices::after { content: none !important; }
.hrm-home-hero.hrm-hero-assets-v2 .hrm-devices .et_pb_image_wrap,
.hrm-home-hero.hrm-hero-assets-v2 .hrm-devices img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  transform: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.hrm-home-hero.hrm-hero-assets-v2 .hrm-devices img { object-fit: contain; }
.hrm-home-hero.hrm-hero-assets-v2 .et_pb_row.hrm-hero-trust-row {
  display: block !important;
  margin-top: 30px !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(255,255,255,.14);
}
.hrm-home-hero.hrm-hero-assets-v2 .hrm-hero-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 32px;
  padding: 0;
  margin: 0;
  list-style: none;
  color: #e3e8ec;
  font-size: 14px;
  line-height: 1.5;
}
.hrm-home-hero.hrm-hero-assets-v2 .hrm-hero-trust li { display: flex; align-items: baseline; gap: 10px; }
.hrm-home-hero.hrm-hero-assets-v2 .hrm-hero-trust .hrm-check { color: #8ac52b; font-weight: 700; }
@media (max-width: 980px) {
  .hrm-home-hero.hrm-hero-assets-v2 { padding: 40px 0 26px !important; }
  .hrm-home-hero.hrm-hero-assets-v2 .et_pb_row.hrm-hero-main {
    grid-template-columns: minmax(0,1fr);
    gap: 30px;
  }
  .hrm-home-hero.hrm-hero-assets-v2 .hrm-hero-copy .et_pb_module { max-width: 680px; }
  .hrm-home-hero.hrm-hero-assets-v2 .hrm-hero-main > .hrm-hero-visual { max-width: 760px !important; justify-self: center; }
  .hrm-home-hero.hrm-hero-assets-v2 h1 { font-size: clamp(32px,5vw,48px); }
  .hrm-home-hero.hrm-hero-assets-v2::before { background-position: center bottom; opacity: .14; }
}
@media (max-width: 600px) {
  .hrm-home-hero.hrm-hero-assets-v2::before { display: none; }
  .hrm-home-hero.hrm-hero-assets-v2 .hrm-hero-trust { flex-direction: column; gap: 10px; font-size: 13px; }
}
.hrm-home-hero.hrm-hero-assets-v2 .hrm-trustwrap { margin: 0; }
.hrm-home-hero.hrm-hero-assets-v2 .hrm-trustwrap .et_pb_text_inner { padding: 0; }

/* ---------- HOME HERO v3 = Astra's unified-artwork kit (Astra/hero-v3/hero-v3.css, 2026-10-27), verbatim apart from the
   hero colour. Active on a section carrying hrm-hero-assets-v3 (set by home_build.py / home_hero_v2_patch.py --kit=v3).
   One transparent image carries devices, waves, shadows and reflections; no section wave layer, no masks, no overhang.
   The v2 block above stays only for a section still carrying hrm-hero-assets-v2. ---------- */
.hrm-home-hero.hrm-hero-assets-v3 {
  position: relative;
  isolation: isolate;
  display: block !important;
  min-height: 0 !important;
  overflow: hidden;
  background: #262c31 !important;  /* site hero colour (William) */
  padding: clamp(40px, 3.4vw, 64px) 0 28px !important;
}
.hrm-home-hero.hrm-hero-assets-v3::before,
.hrm-home-hero.hrm-hero-assets-v3::after {
  content: none !important;
  display: none !important;
  background: none !important;
}
.hrm-home-hero.hrm-hero-assets-v3 .et_pb_row.hrm-hero-main,
.hrm-home-hero.hrm-hero-assets-v3 .et_pb_row.hrm-hero-trust-row {
  position: relative;
  width: 92% !important;
  max-width: 1680px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
}
/* Divi's clearfix pseudo-elements would otherwise become grid items. */
.hrm-home-hero.hrm-hero-assets-v3 .hrm-hero-main::before,
.hrm-home-hero.hrm-hero-assets-v3 .hrm-hero-main::after {
  content: none !important;
  display: none !important;
}
.hrm-home-hero.hrm-hero-assets-v3 .et_pb_row.hrm-hero-main {
  display: grid !important;
  grid-template-columns: minmax(0, 40fr) minmax(0, 60fr);
  align-items: center;
  gap: clamp(18px, 1.5vw, 28px);
}
.hrm-home-hero.hrm-hero-assets-v3 .hrm-hero-main > .et_pb_column,
.hrm-home-hero.hrm-hero-assets-v3 .hrm-hero-trust-row > .et_pb_column {
  min-width: 0;
  width: 100% !important;
  max-width: 100% !important;
  flex: initial !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  background: transparent !important;
}
.hrm-home-hero.hrm-hero-assets-v3 .hrm-hero-copy .et_pb_module { max-width: 640px; }
.hrm-home-hero.hrm-hero-assets-v3 h1 {
  color: #fff !important;
  font-size: clamp(34px, 3.05vw, 56px);
  line-height: 1.12;
  font-weight: 700;
  letter-spacing: -.025em;
}
.hrm-home-hero.hrm-hero-assets-v3 h1 span { font-weight: inherit; }
.hrm-home-hero.hrm-hero-assets-v3 .hrm-lead { margin-top: 0 !important; }
.hrm-home-hero.hrm-hero-assets-v3 .hrm-lead p {
  color: #e3e8ec !important;
  font-size: clamp(17px, 1.2vw, 20px);
  line-height: 1.55;
}
.hrm-home-hero.hrm-hero-assets-v3 .hrm-hero-visual .et_pb_image.hrm-devices {
  position: relative;
  inset: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.hrm-home-hero.hrm-hero-assets-v3 .hrm-hero-visual::before,
.hrm-home-hero.hrm-hero-assets-v3 .hrm-hero-visual::after,
.hrm-home-hero.hrm-hero-assets-v3 .hrm-devices::before,
.hrm-home-hero.hrm-hero-assets-v3 .hrm-devices::after {
  content: none !important;
  display: none !important;
}
.hrm-home-hero.hrm-hero-assets-v3 .hrm-devices .et_pb_image_wrap,
.hrm-home-hero.hrm-hero-assets-v3 .hrm-devices img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  transform: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.hrm-home-hero.hrm-hero-assets-v3 .hrm-devices img { object-fit: contain; }
.hrm-home-hero.hrm-hero-assets-v3 .et_pb_row.hrm-hero-trust-row {
  display: block !important;
  margin-top: 20px !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(255,255,255,.14);
}
.hrm-home-hero.hrm-hero-assets-v3 .hrm-trustwrap,
.hrm-home-hero.hrm-hero-assets-v3 .hrm-hero-trust-row .et_pb_module { margin: 0 !important; }
.hrm-home-hero.hrm-hero-assets-v3 .hrm-hero-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 32px;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  color: #e3e8ec !important;
  font-size: 14px;
  line-height: 1.5;
}
.hrm-home-hero.hrm-hero-assets-v3 .hrm-hero-trust li {
  display: flex;
  align-items: baseline;
  gap: 10px;
  color: #e3e8ec !important;
  font-size: inherit;
  line-height: inherit;
}
.hrm-home-hero.hrm-hero-assets-v3 .hrm-hero-trust .hrm-check { color: #8ac52b !important; font-weight: 700; }
@media (max-width: 980px) {
  .hrm-home-hero.hrm-hero-assets-v3 { padding: 36px 0 26px !important; }
  .hrm-home-hero.hrm-hero-assets-v3 .et_pb_row.hrm-hero-main {
    grid-template-columns: minmax(0,1fr);
    gap: 24px;
  }
  .hrm-home-hero.hrm-hero-assets-v3 .hrm-hero-copy .et_pb_module { max-width: 680px; }
  .hrm-home-hero.hrm-hero-assets-v3 .hrm-hero-main > .hrm-hero-visual { max-width: 820px !important; justify-self: center; }
  .hrm-home-hero.hrm-hero-assets-v3 h1 { font-size: clamp(32px,5vw,48px); }
}
@media (max-width: 600px) {
  .hrm-home-hero.hrm-hero-assets-v3 .hrm-hero-trust { flex-direction: column; gap: 10px; font-size: 13px; }
}

/* ---------- HOME HERO 'aligned' = Astra's alignment-fix kit (Astra/hrmanage-hero-alignment-fix-preview-updated/hero-aligned.css,
   2026-10-27), verbatim apart from the hero colour. Active on a section carrying hrm-hero-aligned (home_build.py /
   home_hero_v2_patch.py --kit=aligned). Original separate device image + wave layer, but the wave is a ::before of the
   Image module in percentages of that box, so it travels with the devices at every width. v2/v3 blocks above stay dormant. ---------- */
.hrm-home-hero.hrm-hero-aligned {
  position: relative;
  isolation: isolate;
  display: block !important;
  min-height: 0 !important;
  overflow: hidden;
  background: #262c31 !important;  /* site hero colour (William) */
  padding: clamp(40px, 3.4vw, 64px) 0 28px !important;
}
.hrm-home-hero.hrm-hero-aligned::before,
.hrm-home-hero.hrm-hero-aligned::after {
  content: none !important;
  display: none !important;
  background: none !important;
}
.hrm-home-hero.hrm-hero-aligned .et_pb_row.hrm-hero-main,
.hrm-home-hero.hrm-hero-aligned .et_pb_row.hrm-hero-trust-row {
  position: relative;
  width: 92% !important;
  max-width: 1600px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
}
/* Divi's clearfix pseudo-elements would otherwise become grid items. */
.hrm-home-hero.hrm-hero-aligned .hrm-hero-main::before,
.hrm-home-hero.hrm-hero-aligned .hrm-hero-main::after {
  content: none !important;
  display: none !important;
}
.hrm-home-hero.hrm-hero-aligned .et_pb_row.hrm-hero-main {
  display: grid !important;
  grid-template-columns: minmax(0, 42fr) minmax(0, 58fr);
  align-items: center;
  gap: 12px;
}
.hrm-home-hero.hrm-hero-aligned .hrm-hero-main > .et_pb_column,
.hrm-home-hero.hrm-hero-aligned .hrm-hero-trust-row > .et_pb_column {
  min-width: 0;
  width: 100% !important;
  max-width: 100% !important;
  flex: initial !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  background: transparent !important;
}
.hrm-home-hero.hrm-hero-aligned .hrm-hero-copy .et_pb_module { max-width: 640px; }
.hrm-home-hero.hrm-hero-aligned h1 {
  color: #fff !important;
  font-size: clamp(34px, 3.05vw, 56px);
  line-height: 1.12;
  font-weight: 700;
  letter-spacing: -.025em;
}
.hrm-home-hero.hrm-hero-aligned h1 span { font-weight: inherit; }
.hrm-home-hero.hrm-hero-aligned .hrm-lead { margin-top: 0 !important; }
.hrm-home-hero.hrm-hero-aligned .hrm-lead p {
  color: #e3e8ec !important;
  font-size: clamp(17px, 1.2vw, 20px);
  line-height: 1.55;
}
.hrm-home-hero.hrm-hero-aligned .hrm-hero-visual .et_pb_image.hrm-devices {
  position: relative;
  inset: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.hrm-home-hero.hrm-hero-aligned .hrm-hero-visual::before,
.hrm-home-hero.hrm-hero-aligned .hrm-hero-visual::after,
.hrm-home-hero.hrm-hero-aligned .hrm-devices::before,
.hrm-home-hero.hrm-hero-aligned .hrm-devices::after {
  content: none !important;
  display: none !important;
}
.hrm-home-hero.hrm-hero-aligned .hrm-devices .et_pb_image_wrap,
.hrm-home-hero.hrm-hero-aligned .hrm-devices img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  transform: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.hrm-home-hero.hrm-hero-aligned .hrm-devices img { object-fit: contain; }
.hrm-home-hero.hrm-hero-aligned .et_pb_row.hrm-hero-trust-row {
  display: block !important;
  margin-top: 20px !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(255,255,255,.14);
}
.hrm-home-hero.hrm-hero-aligned .hrm-trustwrap,
.hrm-home-hero.hrm-hero-aligned .hrm-hero-trust-row .et_pb_module { margin: 0 !important; }
.hrm-home-hero.hrm-hero-aligned .hrm-hero-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 32px;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  color: #e3e8ec !important;
  font-size: 14px;
  line-height: 1.5;
}
.hrm-home-hero.hrm-hero-aligned .hrm-hero-trust li {
  display: flex;
  align-items: baseline;
  gap: 10px;
  color: #e3e8ec !important;
  font-size: inherit;
  line-height: inherit;
}
.hrm-home-hero.hrm-hero-aligned .hrm-hero-trust .hrm-check { color: #8ac52b !important; font-weight: 700; }
@media (max-width: 980px) {
  .hrm-home-hero.hrm-hero-aligned { padding: 36px 0 26px !important; }
  .hrm-home-hero.hrm-hero-aligned .et_pb_row.hrm-hero-main {
    grid-template-columns: minmax(0,1fr);
    gap: 24px;
  }
  .hrm-home-hero.hrm-hero-aligned .hrm-hero-copy .et_pb_module { max-width: 680px; }
  .hrm-home-hero.hrm-hero-aligned .hrm-hero-main > .hrm-hero-visual { max-width: 820px !important; justify-self: center; }
  .hrm-home-hero.hrm-hero-aligned h1 { font-size: clamp(32px,5vw,48px); }
}
@media (max-width: 600px) {
  .hrm-home-hero.hrm-hero-aligned .hrm-hero-trust { flex-direction: column; gap: 10px; font-size: 13px; }
}

/* Original device asset; the wave layer is anchored to this exact box. */
.hrm-home-hero.hrm-hero-aligned {
  --hrm-wave-image: url(//peopleres.co.za/wp-content/uploads/2026/10/hrm-hero-waves.webp);
  --hrm-wave-opacity: .72;
}
.hrm-home-hero.hrm-hero-aligned .hrm-hero-copy { position: relative; z-index: 2; }
.hrm-home-hero.hrm-hero-aligned .hrm-hero-visual { position: relative; z-index: 1; overflow: visible; }
.hrm-home-hero.hrm-hero-aligned .hrm-hero-visual .et_pb_image.hrm-devices {
  isolation: isolate;
  overflow: visible;
}
.hrm-home-hero.hrm-hero-aligned .hrm-hero-visual .et_pb_image.hrm-devices::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  left: -60%;
  top: 2%;
  right: auto;
  bottom: auto;
  width: 168%;
  height: 120%;
  z-index: 0;
  pointer-events: none;
  background: var(--hrm-wave-image) no-repeat center / 100% 100%;
  opacity: var(--hrm-wave-opacity);
  mix-blend-mode: normal;
  filter: none;
  transform: none;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 30%, #000 94%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 30%, #000 94%, transparent);
}
.hrm-home-hero.hrm-hero-aligned .hrm-devices .et_pb_image_wrap { position: relative; z-index: 1; }
@media (min-width: 1301px) {
  .hrm-home-hero.hrm-hero-aligned .et_pb_row.hrm-hero-main {
    grid-template-columns: minmax(0,36fr) minmax(0,64fr);
    gap: 0;
  }
  .hrm-home-hero.hrm-hero-aligned .hrm-hero-copy { padding-right: 20px !important; }
  .hrm-home-hero.hrm-hero-aligned .hrm-hero-copy .et_pb_module { max-width: 560px; }
}
/* No breakpoint changes to wave placement, size, opacity or image width. *//* ---------- Company pages: About (55), Roadmap (151), Contact (65) — built by wp-pages/{about,roadmap,contact}_build.py (2026-10-23)
   Sections carry hrm-page hrm-co hrm-co-* ; shared components from style.css are reused (hrm-hero, hrm-kicker, hrm-lead,
   hrm-btn*, hrm-stats, hrm-checklist, hrm-phototone, hrm-svcgrid/hrm-svc, hrm-badge, hrm-ctaband). Everything keys off the
   palette variables so dark mode and the named palettes apply without extra rules except where noted. */

/* ---- shared ---- */
.hrm-co .et_pb_module { margin-bottom: 0; }
.hrm-co h2 { margin: 0; }
.hrm-co .hrm-sechead { max-width: 760px; margin-bottom: 28px; }
.hrm-co .hrm-sechead.hrm-center { margin-left: auto; margin-right: auto; text-align: center; }
.hrm-co .hrm-lede, .hrm-co .hrm-lede p, .hrm-co p.hrm-lede { font-size: 18px; color: var(--hrm-muted); margin: 10px 0 0; }
.hrm-co .hrm-center { text-align: center; }
.hrm-co .hrm-actions { margin-top: 26px; }
.hrm-co .hrm-prose p { color: var(--hrm-ink); }
.hrm-co .hrm-prose h2 { margin-bottom: 14px; }
.hrm-co-plan .hrm-prose { max-width: 860px; }
.hrm-co .hrm-prose .hrm-kicker { margin-bottom: 8px; }
.hrm-co a.hrm-textlink { color: var(--hrm-primary); font-weight: 600; text-decoration: none; }
.hrm-co a.hrm-textlink:hover { text-decoration: underline; }
.hrm-co-plain { background: var(--hrm-bg) !important; padding: 64px 0 !important; }
.hrm-co-soft { background: var(--hrm-rail) !important; padding: 64px 0 !important; }
.hrm-co-navy { background: var(--hrm-back) !important; padding: 64px 0 !important; }
.hrm-co-navy h2, .hrm-co-navy h3 { color: #fff; }
.hrm-co-navy .hrm-kicker { color: #9ec4ec; }
.hrm-co-navy .hrm-lede, .hrm-co-navy .hrm-lede p, .hrm-co-navy p { color: #c2d0df; }
html.hrm-dark .hrm-co-navy { background: var(--hrm-back-2) !important; }
.hrm-co-split .et_pb_row { display: flex; align-items: center; gap: 56px; }
.hrm-co-split--flip .et_pb_row { flex-direction: row-reverse; }
.hrm-co .hrm-small, .hrm-co .hrm-small p { font-size: 14px; color: var(--hrm-muted); }

/* hero facts (Opus "facts" strip, on the dark hero band) */
.hrm-co .hrm-hero h1 { max-width: 18ch; }
.hrm-co .hrm-hero .hrm-lead p { max-width: 60ch; }
.hrm-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px 20px; margin-top: 34px; }
.hrm-fact { border-left: 3px solid var(--hrm-link); padding: 2px 0 2px 16px; }
.hrm-fact b { display: block; font-family: Outfit, Inter, sans-serif; font-size: 22px; font-weight: 700; color: #fff; line-height: 1.15; }
.hrm-fact span { display: block; font-size: 14px; color: #a9bbcf; line-height: 1.4; margin-top: 3px; }
.hrm-facts--ink .hrm-fact b { color: var(--hrm-ink); font-size: 20px; }
.hrm-facts--ink .hrm-fact span { color: var(--hrm-muted); }
.hrm-facts--ink { grid-template-columns: 1fr; gap: 18px; margin-top: 0; }

/* timeline (Fable) */
.hrm-timeline { list-style: none !important; margin: 0 !important; padding: 0 0 0 30px !important; position: relative; }
.hrm-timeline::before { content: ""; position: absolute; left: 7px; top: 8px; bottom: 8px; width: 2px; border-radius: 2px; background: linear-gradient(var(--hrm-primary), var(--hrm-link)); }
.hrm-timeline li { position: relative; padding: 0 0 26px; margin: 0; list-style: none !important; }
.hrm-timeline li:last-child { padding-bottom: 0; }
.hrm-timeline li::before { content: ""; position: absolute; left: -30px; top: 5px; width: 16px; height: 16px; border-radius: 50%; background: var(--hrm-panel); border: 3px solid var(--hrm-primary); box-sizing: border-box; }
.hrm-timeline li.is-now::before { background: var(--hrm-link); border-color: var(--hrm-link); box-shadow: 0 0 0 5px rgba(130, 194, 48, 0.25); }
.hrm-timeline .hrm-when { display: block; font-family: Outfit, Inter, sans-serif; font-weight: 700; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--hrm-primary); }
.hrm-timeline h3 { font-size: 18px; line-height: 1.3; margin: 3px 0 4px; padding: 0; color: var(--hrm-ink); }
.hrm-timeline p { margin: 0; font-size: 15.5px; line-height: 1.55; color: var(--hrm-muted); }
.hrm-timeline .hrm-badge { margin-left: 8px; vertical-align: 2px; }
.hrm-co-timeline .et_pb_row { display: flex; align-items: flex-start; gap: 56px; }
.hrm-co-timeline .hrm-sechead { position: sticky; top: 120px; margin-bottom: 0; }

/* values (Opus "How we work") */
.hrm-values { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.hrm-value { padding: 26px; border-radius: 14px; background: var(--hrm-panel); border: 1px solid var(--hrm-line); }
.hrm-value b { display: block; font-family: Outfit, Inter, sans-serif; font-size: 27px; font-weight: 700; line-height: 1.1; margin-bottom: 8px; color: var(--hrm-ink); }
.hrm-value:nth-child(1) b { color: var(--hrm-primary); }
.hrm-value:nth-child(3) b { color: var(--hrm-link); }
.hrm-value p { margin: 0; font-size: 15.5px; color: var(--hrm-muted); }

/* side card (operating-model facts) */
.hrm-sidecard { border-radius: 16px; border: 1px solid var(--hrm-line); background: var(--hrm-rail); padding: 26px; }
html.hrm-dark .hrm-sidecard { background: rgba(255, 255, 255, 0.05); }
.hrm-sidecard h4 { font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--hrm-muted); margin: 0 0 16px; padding: 0; }

/* services (six cards, reuse hrm-svc from the home page) */
.hrm-co .hrm-svcgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hrm-co .hrm-svc { text-align: left; display: flex; gap: 18px; align-items: flex-start; padding: 22px; }
.hrm-co .hrm-svc-ico { width: 72px; height: 72px; border-radius: 16px; margin: 0; flex: none; }
.hrm-co .hrm-svc-ico img { width: 52px; height: 52px; }
.hrm-co .hrm-svc h3 { font-size: 18px; }
.hrm-co .hrm-svc p { font-size: 15px; }
.hrm-co .hrm-svc > div:last-child { min-width: 0; }

/* ---- roadmap ---- */
.hrm-badge--shipped { background: var(--hrm-link); color: #0b1829; }
.hrm-badge--progress { background: var(--hrm-primary); color: #fff; }
.hrm-badge--planned { background: transparent; color: var(--hrm-muted); border: 1px solid var(--hrm-line); }
.hrm-badge--explore { background: transparent; color: var(--hrm-muted); border: 1px dashed var(--hrm-muted); }
.hrm-badge--planned, .hrm-badge--explore { padding-top: 1px; padding-bottom: 1px; }
.hrm-roaditem .hrm-badge, .hrm-release-head .hrm-badge { margin-left: 0; }
.hrm-release { border-radius: 16px; border: 1px solid var(--hrm-line); background: var(--hrm-panel); overflow: hidden; box-shadow: var(--hrm-shadow); }
.hrm-release-head { padding: 30px 34px; background: var(--hrm-rail); border-bottom: 1px solid var(--hrm-line); display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px 32px; align-items: center; }
html.hrm-dark .hrm-release-head { background: rgba(255, 255, 255, 0.04); }
.hrm-release-head h3 { font-size: clamp(24px, 2.4vw, 30px); margin: 10px 0 8px; padding: 0; }
.hrm-release-head p { margin: 0; max-width: 62ch; color: var(--hrm-muted); font-size: 16px; }
.hrm-release-head img { height: 72px; width: auto; }
.hrm-release-head .hrm-logo-dark { display: none; }
html.hrm-dark .hrm-release-head .hrm-logo-light { display: none; }
html.hrm-dark .hrm-release-head .hrm-logo-dark { display: block; }
.hrm-release-body { padding: 30px 34px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 32px; }
.hrm-release-body h4 { font-size: 16.5px; margin: 0 0 5px; padding: 0; color: var(--hrm-ink); display: flex; gap: 10px; align-items: center; }
.hrm-release-body h4 img { width: 30px; height: 30px; flex: none; }
.hrm-release-body p { margin: 0; font-size: 15px; line-height: 1.55; color: var(--hrm-muted); }
.hrm-release-foot { padding: 18px 34px; border-top: 1px solid var(--hrm-line); font-size: 15px; color: var(--hrm-muted); }
.hrm-roadcols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; align-items: start; }
.hrm-roadcol { background: var(--hrm-rail); border: 1px solid var(--hrm-line); border-radius: 16px; padding: 16px; }
html.hrm-dark .hrm-roadcol { background: rgba(255, 255, 255, 0.04); }
.hrm-roadcol > header { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; padding: 6px 6px 14px; flex-wrap: wrap; }
.hrm-roadcol > header h3 { font-size: 19px; margin: 0; padding: 0; }
.hrm-roadcol > header span { font-size: 13.5px; font-weight: 600; color: var(--hrm-muted); }
.hrm-roaditems { display: grid; gap: 10px; }
.hrm-roaditem { background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 14px; padding: 16px 18px; }
.hrm-roaditem h4 { margin: 10px 0 4px; font-size: 16.5px; padding: 0; color: var(--hrm-ink); }
.hrm-roaditem p { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--hrm-muted); }
.hrm-legend { display: flex; gap: 10px; flex-wrap: wrap; margin: -10px 0 18px; }
.hrm-legend .hrm-badge { margin-left: 0; }

/* ---- contact ---- */
.hrm-contactgrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.hrm-contact { padding: 24px; border-radius: 14px; background: var(--hrm-panel); border: 1px solid var(--hrm-line); }
.hrm-contact-ico { width: 44px; height: 44px; border-radius: 12px; background: rgba(68, 123, 180, 0.12); color: var(--hrm-primary); display: flex; align-items: center; justify-content: center; margin-bottom: 14px; }
html.hrm-dark .hrm-contact-ico { background: rgba(255, 255, 255, 0.08); }
.hrm-contact-ico svg { width: 22px; height: 22px; }
.hrm-contact h3 { font-size: 17px; margin: 0 0 6px; padding: 0; }
.hrm-contact p { margin: 0; font-size: 15.5px; line-height: 1.55; color: var(--hrm-ink); }
.hrm-contact a { color: var(--hrm-primary); font-weight: 600; text-decoration: none; }
.hrm-contact a:hover { text-decoration: underline; }
.hrm-co-contactform .et_pb_row { display: flex; align-items: stretch; gap: 32px; }
.hrm-co-contactform .et_pb_column { display: flex; flex-direction: column; }
.hrm-co-contactform .hrm-formcard { background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 16px; padding: 26px 28px 20px; flex: 1; }
.hrm-co-contactform .hrm-formcard h2 { font-size: 26px; margin-bottom: 6px; }
.hrm-co-contactform .hrm-formcard .hrm-lede { margin: 0 0 14px; font-size: 16px; }
.hrm-co-contactform .hrm-map { flex: 1; min-height: 480px; border-radius: 16px; overflow: hidden; border: 1px solid var(--hrm-line); box-shadow: var(--hrm-shadow); }
/* the iframe fills the map box absolutely, so it follows the column's height whenever the Cognito form finishes loading */
.hrm-co-contactform .hrm-map { position: relative; }
.hrm-co-contactform .hrm-map iframe { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; }
html.hrm-dark .hrm-co-contactform .hrm-map iframe { filter: invert(0.9) hue-rotate(180deg) saturate(0.8); }
.hrm-co-contactform .hrm-mapwrap { flex: 1; display: flex; flex-direction: column; }
.hrm-co-contactform .hrm-mapwrap .et_pb_code_inner { flex: 1; display: flex; flex-direction: column; }
.hrm-co-contactform .hrm-mapwrap .hrm-map { flex: 1; }
.hrm-co-contactform .hrm-map-caption { margin: 12px 0 0; font-size: 14px; color: var(--hrm-muted); }
.hrm-co-contactform .hrm-map-caption a { color: var(--hrm-primary); font-weight: 600; text-decoration: none; }
.hrm-co .hrm-social { margin-top: 18px; }
.hrm-co .hrm-social .et_pb_social_media_follow { margin: 0; }
.hrm-co .hrm-social .et_pb_social_media_follow li { margin-bottom: 0; }
.hrm-co .hrm-social .et_pb_social_media_follow li a.icon { width: 40px; height: 40px; border-radius: 999px; margin: 0; }
.hrm-co .hrm-social .et_pb_social_media_follow li a.icon::before { font-size: 18px; line-height: 40px; width: 40px; height: 40px; }
.hrm-co .hrm-followhead { font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--hrm-muted); margin: 26px 0 8px; }
.hrm-co .hrm-social { margin-top: 0; }
/* Cognito seamless embed: inherit the page colours so it reads in both schemes */
.hrm-co .hrm-formcard .cog-form, .hrm-co .hrm-formcard .cog-cognito { color: var(--hrm-ink); }
.hrm-co .hrm-formcard .cog-cognito .cog-input input, .hrm-co .hrm-formcard .cog-cognito .cog-input textarea, .hrm-co .hrm-formcard .cog-cognito .cog-input select { background: var(--hrm-bg); color: var(--hrm-ink); border-color: var(--hrm-line); }
.hrm-co .hrm-formcard .cog-cognito .cog-label, .hrm-co .hrm-formcard .cog-cognito .cog-label label, .hrm-co .hrm-formcard .cog-cognito .cog-header, .hrm-co .hrm-formcard .cog-cognito .cog-choice label { color: var(--hrm-ink); }
.hrm-co .hrm-formcard .cog-cognito .cog-button--submit, .hrm-co .hrm-formcard .cog-cognito .cog-button--submit button { background: var(--hrm-link) !important; color: #0b1829 !important; border-radius: var(--hrm-btn-radius); border: 0; font-weight: 600; }

/* ---- responsive ---- */
@media (max-width: 980px) {
  .hrm-co-plain, .hrm-co-soft, .hrm-co-navy { padding: 48px 0 !important; }
  .hrm-co-split .et_pb_row, .hrm-co-split--flip .et_pb_row, .hrm-co-timeline .et_pb_row, .hrm-co-contactform .et_pb_row { display: block; }
  .hrm-co-split .hrm-phototone, .hrm-co-split .hrm-sidecard { margin-top: 24px; }
  .hrm-co-timeline .hrm-sechead { position: static; margin-bottom: 24px; }
  .hrm-co .hrm-hero h1 { max-width: none; }
  .hrm-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hrm-values, .hrm-roadcols, .hrm-contactgrid, .hrm-release-body { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hrm-co .hrm-svcgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hrm-release-head { grid-template-columns: minmax(0, 1fr); }
  .hrm-release-head img { height: 56px; }
  .hrm-release-head, .hrm-release-body, .hrm-release-foot { padding-left: 22px; padding-right: 22px; }
  .hrm-co-contactform .hrm-mapwrap { margin-top: 24px; }
  .hrm-co-contactform .hrm-map { min-height: 380px; }
}
@media (max-width: 560px) {
  .hrm-values, .hrm-roadcols, .hrm-contactgrid, .hrm-release-body, .hrm-co .hrm-svcgrid { grid-template-columns: 1fr; }
  .hrm-facts { grid-template-columns: 1fr 1fr; gap: 14px 12px; }
  .hrm-facts--ink { grid-template-columns: 1fr; }
  .hrm-fact b { font-size: 18px; }
  .hrm-co-contactform .hrm-formcard { padding: 20px 18px 14px; }
  .hrm-co .hrm-svc { flex-direction: column; }
}

/* About › What we do as Divi Blurb modules (2026-10-23; replaces the hand-built .hrm-svc grid on this page) */
.hrm-co-services .hrm-svcrow { padding-top: 0 !important; padding-bottom: 0 !important; }
.hrm-co-services .hrm-svcrow .et_pb_column { margin-bottom: 20px; }
.hrm-co-services .et_pb_blurb.hrm-svcblurb { background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 14px; padding: 22px; height: 100%; margin-bottom: 0; transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s; }
.hrm-co-services .et_pb_blurb.hrm-svcblurb:hover { border-color: var(--hrm-primary); transform: translateY(-2px); box-shadow: var(--hrm-shadow); }
.hrm-co-services .hrm-svcblurb .et_pb_blurb_content { max-width: none; display: flex; gap: 18px; align-items: flex-start; text-align: left; }
.hrm-co-services .hrm-svcblurb .et_pb_main_blurb_image { flex: none; width: 72px; height: 72px; border-radius: 16px; background: rgba(68, 123, 180, 0.08); display: flex; align-items: center; justify-content: center; margin: 0; }
.hrm-co-services .hrm-svcblurb .et_pb_main_blurb_image img { width: 52px; height: 52px; }
.hrm-co-services .hrm-svcblurb .et_pb_blurb_container { min-width: 0; padding-left: 0; }
.hrm-co-services .hrm-svcblurb .et_pb_module_header { font-family: Outfit, Inter, sans-serif; font-size: 18px; font-weight: 700; color: var(--hrm-ink); padding: 0 0 6px; }
.hrm-co-services .hrm-svcblurb .et_pb_blurb_description, .hrm-co-services .hrm-svcblurb .et_pb_blurb_description p { font-size: 15px; line-height: 1.6; color: var(--hrm-muted); }
.hrm-co-services .hrm-svcblurb .et_pb_blurb_description p { margin-bottom: 8px; }
.hrm-co-services .hrm-svcblurb .et_pb_blurb_description p:last-child { margin-bottom: 0; }
.hrm-co-services .hrm-svcblurb .hrm-textlink { color: var(--hrm-primary); font-weight: 600; }
html.hrm-dark .hrm-co-services .hrm-svcblurb .et_pb_main_blurb_image { background: rgba(255, 255, 255, 0.08); }
@media (max-width: 980px) {
  .hrm-co-services .hrm-svcrow .et_pb_column { margin-bottom: 16px; }
}
@media (max-width: 560px) {
  .hrm-co-services .hrm-svcblurb .et_pb_blurb_content { flex-direction: column; }
}
/* equal-height blurb cards per row (Divi columns do not stretch by default) */
.hrm-co-services .hrm-svcrow.et_pb_row { display: flex; flex-wrap: wrap; align-items: stretch; }
.hrm-co-services .hrm-svcrow .et_pb_column { display: flex; }
.hrm-co-services .hrm-svcrow .et_pb_column > .et_pb_blurb { width: 100%; }

/* BACKUP (not active, 2026-10-23): the timeline look is set through the Timeline module's own attributes in
   about_build.py / divi5.TIMELINE_STYLE so it can be edited in the Visual Builder. Re-enable these rules only if
   the attribute route fails.
/ * About › Milestones as the Divi 5 Timeline module (2026-10-23), styled like the former hand-built list * /
.hrm-co-timeline .hrm-tl .et_pb_timeline_item { margin-bottom: 0 !important; }  / * Divi's module margin left a gap the connector did not cover * /
.hrm-co-timeline .hrm-tl .et_pb_timeline_card { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0; padding: 0 0 4px 14px !important; display: block; }
.hrm-co-timeline .hrm-tl .et_pb_timeline_item:last-child .et_pb_timeline_card { padding-bottom: 0 !important; }
.hrm-co-timeline .hrm-tl .et_pb_timeline_date { font-family: Outfit, Inter, sans-serif; font-weight: 700; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--hrm-primary); line-height: 1.3; }
.hrm-co-timeline .hrm-tl .et_pb_timeline_title { font-family: Outfit, Inter, sans-serif; font-weight: 700; font-size: 18px; line-height: 1.3; margin: 3px 0 4px; padding: 0; color: var(--hrm-ink); }
.hrm-co-timeline .hrm-tl .et_pb_timeline_content, .hrm-co-timeline .hrm-tl .et_pb_timeline_content p { margin: 0; font-size: 15.5px; line-height: 1.55; color: var(--hrm-muted); }
.hrm-co-timeline .hrm-tl .et_pb_timeline_marker { width: 16px !important; height: 16px !important; margin: 4px 3px 0; background: var(--hrm-panel) !important; border: 3px solid var(--hrm-primary) !important; border-radius: 50%; box-sizing: border-box; }
.hrm-co-timeline .hrm-tl .et_pb_timeline_item:last-child .et_pb_timeline_marker { background: var(--hrm-link) !important; border-color: var(--hrm-link) !important; box-shadow: 0 0 0 5px rgba(130, 194, 48, 0.25); }
.hrm-co-timeline .hrm-tl .et_pb_timeline_connector { background: linear-gradient(var(--hrm-primary), var(--hrm-link)) !important; width: 2px !important; opacity: 0.8; border-radius: 2px; }
.hrm-co-timeline .hrm-tl .et_pb_timeline_item:last-child .et_pb_timeline_connector { display: none; }

*/

/* Timeline: everything the module can express lives in its attributes (about_build.py / divi5.TIMELINE_STYLE) and is
   editable in the Visual Builder. Only three things stay in CSS, without !important except the first:
   (1) structural: Divi's default item margin leaves a gap the connector cannot bridge; (2) date text-transform and
   (3) the content text size/colour did not take as attributes. Builder settings on those still win if they are more specific. */
.hrm-co-timeline .hrm-tl .et_pb_timeline_item { margin-bottom: 0 !important; }
.hrm-co-timeline .hrm-tl .et_pb_timeline_date { text-transform: uppercase; }
.hrm-co-timeline .hrm-tl .et_pb_timeline_content, .hrm-co-timeline .hrm-tl .et_pb_timeline_content p { font-size: 15.5px; line-height: 1.55; color: var(--hrm-muted); margin: 0; }

/* About › How we work as three Blurb modules (2026-10-23) */
.hrm-co-values .hrm-valuesrow.et_pb_row { display: flex; flex-wrap: wrap; align-items: stretch; padding-top: 0 !important; }
.hrm-co-values .hrm-valuesrow .et_pb_column { display: flex; }
.hrm-co-values .et_pb_blurb.hrm-valueblurb { width: 100%; padding: 26px; border-radius: 14px; background: var(--hrm-panel); border: 1px solid var(--hrm-line); margin-bottom: 0; }
.hrm-co-values .hrm-valueblurb .et_pb_blurb_content { max-width: none; text-align: left; }
.hrm-co-values .hrm-valueblurb .et_pb_module_header { font-family: Outfit, Inter, sans-serif; font-size: 27px; font-weight: 700; line-height: 1.1; padding: 0 0 8px; color: var(--hrm-ink); }
.hrm-co-values .hrm-valueblurb--1 .et_pb_module_header { color: var(--hrm-primary); }
.hrm-co-values .hrm-valueblurb--3 .et_pb_module_header { color: var(--hrm-link); }
.hrm-co-values .hrm-valueblurb .et_pb_blurb_description, .hrm-co-values .hrm-valueblurb .et_pb_blurb_description p { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--hrm-muted); }
@media (max-width: 980px) {
  .hrm-co-values .hrm-valuesrow .et_pb_column { margin-bottom: 16px; }
}

/* ---------- Our clients (clients_build.py, 2026-10-23): stats, industry cards, testimonials ---------- */
.hrm-cl-stats { padding: 48px 0 !important; }
.hrm-cl-stats .hrm-statsrow.et_pb_row { display: flex; flex-wrap: wrap; align-items: stretch; }
.hrm-cl-stats .hrm-statsrow .et_pb_column { display: flex; }
.hrm-cl-stats .et_pb_blurb.hrm-stat { width: 100%; background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 12px; padding: 22px 22px 20px; margin-bottom: 0; }
.hrm-cl-stats .hrm-stat .et_pb_blurb_content { max-width: none; text-align: left; }
.hrm-cl-stats .hrm-stat .et_pb_module_header { font-family: Outfit, Inter, sans-serif; font-weight: 700; font-size: clamp(30px, 2.6vw, 42px); line-height: 1; letter-spacing: -0.02em; color: var(--hrm-primary); padding: 0 0 10px; }
.hrm-cl-stats .hrm-stat .et_pb_module_header small { font-size: 0.5em; color: var(--hrm-link); font-weight: 700; letter-spacing: 0; }
.hrm-cl-stats .hrm-stat .et_pb_blurb_description, .hrm-cl-stats .hrm-stat .et_pb_blurb_description p { color: var(--hrm-muted); font-size: 15px; line-height: 1.45; margin: 0; }
.hrm-cl-industries { padding: 64px 0 56px !important; }
.hrm-cl-industries .hrm-clindrow.et_pb_row { display: flex; flex-wrap: wrap; align-items: stretch; padding-top: 0 !important; padding-bottom: 0 !important; }
.hrm-cl-industries .hrm-clindrow .et_pb_column { display: flex; margin-bottom: 20px; }
.hrm-cl-industries .et_pb_blurb.hrm-clind { width: 100%; background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 14px; padding: 22px; margin-bottom: 0; transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s; }
.hrm-cl-industries .et_pb_blurb.hrm-clind:hover { border-color: var(--hrm-primary); transform: translateY(-2px); box-shadow: var(--hrm-shadow); }
.hrm-cl-industries .hrm-clind .et_pb_blurb_content { max-width: none; text-align: left; }
.hrm-cl-industries .hrm-clind .et_pb_module_header { font-family: Outfit, Inter, sans-serif; font-size: 18px; font-weight: 700; color: var(--hrm-ink); padding: 0 0 8px; }
.hrm-cl-industries .hrm-clind .et_pb_blurb_description p { font-size: 15px; line-height: 1.55; color: var(--hrm-muted); margin: 0 0 8px; }
.hrm-cl-industries .hrm-clind .et_pb_blurb_description p:last-child { margin-bottom: 0; }
.hrm-cl-industries .hrm-clind .hrm-cl-big { color: var(--hrm-ink); }
.hrm-cl-industries .hrm-clind .hrm-cl-big b { font-family: Outfit, Inter, sans-serif; font-size: 22px; color: var(--hrm-primary); }
.hrm-cl-quotes { padding: 64px 0 !important; }
.hrm-cl-quotes .hrm-clquoterow.et_pb_row { display: flex; flex-wrap: wrap; align-items: stretch; padding-top: 0 !important; }
.hrm-cl-quotes .hrm-clquoterow .et_pb_column { display: flex; margin-bottom: 20px; }
.hrm-cl-quotes .et_pb_testimonial.hrm-clquote { width: 100%; background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 14px; padding: 26px !important; margin-bottom: 0; }
.hrm-cl-quotes .hrm-clquote .et_pb_testimonial_portrait { width: 48px !important; height: 48px !important; border-radius: 12px; background-size: contain !important; background-color: #fff; border: 1px solid var(--hrm-line); }
.hrm-cl-quotes .hrm-clquote .et_pb_testimonial_description { padding-left: 0 !important; }
.hrm-cl-quotes .hrm-clquote .et_pb_testimonial_description_inner p { font-size: 16.5px; line-height: 1.6; color: var(--hrm-ink); margin: 0 0 16px; }
.hrm-cl-quotes .hrm-clquote .et_pb_testimonial_author { font-family: Outfit, Inter, sans-serif; font-size: 15px; color: var(--hrm-ink); }
.hrm-cl-quotes .hrm-clquote .et_pb_testimonial_meta { font-size: 13.5px; color: var(--hrm-muted); }
.hrm-cl-quotes .hrm-clquote .et_pb_testimonial_separator { display: none; }
@media (max-width: 980px) {
  .hrm-cl-stats .hrm-statsrow .et_pb_column, .hrm-cl-industries .hrm-clindrow .et_pb_column, .hrm-cl-quotes .hrm-clquoterow .et_pb_column { margin-bottom: 14px; }
}

/* Our clients › one scrolling line of small logos (Image modules in one column) */
.hrm-proof .hrm-logoline.et_pb_row { padding-top: 0 !important; padding-bottom: 0 !important; max-width: none !important; width: 100% !important; }
.hrm-proof .hrm-logoline .et_pb_column { display: flex; gap: 14px; overflow-x: auto; justify-content: safe center; align-items: center; padding: 6px 16px 14px; scrollbar-width: thin; }
.hrm-proof .hrm-logoline .et_pb_image.hrm-logo { flex: none; margin: 0; }
.hrm-proof .hrm-logoline .et_pb_image.hrm-logo img { height: 48px; width: auto; max-width: 120px; padding: 6px 10px; }

/* Contact cards as Blurb modules (2026-10-23) */
.hrm-co-contactcards .hrm-contactrow.et_pb_row { display: flex; flex-wrap: wrap; align-items: stretch; padding-bottom: 0 !important; }
.hrm-co-contactcards .hrm-contactrow .et_pb_column { display: flex; margin-bottom: 16px; }
.hrm-co-contactcards .et_pb_blurb.hrm-contact { width: 100%; padding: 24px; border-radius: 14px; background: var(--hrm-panel); border: 1px solid var(--hrm-line); margin-bottom: 0; }
.hrm-co-contactcards .hrm-contact .et_pb_blurb_content { max-width: none; text-align: left; }
.hrm-co-contactcards .hrm-contact .et_pb_main_blurb_image { width: 44px; height: 44px; border-radius: 12px; background: rgba(68, 123, 180, 0.12); display: flex; align-items: center; justify-content: center; margin: 0 0 14px; }
html.hrm-dark .hrm-co-contactcards .hrm-contact .et_pb_main_blurb_image { background: rgba(255, 255, 255, 0.08); }
.hrm-co-contactcards .hrm-contact .et_pb_main_blurb_image .et-pb-icon { font-size: 22px; line-height: 1; }
.hrm-co-contactcards .hrm-contact .et_pb_module_header { font-family: Outfit, Inter, sans-serif; font-size: 17px; font-weight: 700; color: var(--hrm-ink); padding: 0 0 6px; }
.hrm-co-contactcards .hrm-contact .et_pb_blurb_description p { margin: 0; font-size: 15.5px; line-height: 1.55; color: var(--hrm-ink); }
.hrm-co-contactcards .hrm-contact .et_pb_blurb_description a { color: var(--hrm-primary); font-weight: 600; text-decoration: none; }
.hrm-co-contactcards .hrm-contact .et_pb_blurb_description a:hover { text-decoration: underline; }
@media (max-width: 980px) {
  .hrm-co-contactcards .hrm-contactrow .et_pb_column { width: 50% !important; flex: 0 0 50%; }
}
@media (max-width: 560px) {
  .hrm-co-contactcards .hrm-contactrow .et_pb_column { width: 100% !important; flex: 0 0 100%; }
}

/* split hero: heading + buttons left, description right (trial on the Our Clients page, 2026-10-23) */
.hrm-hero--split .et_pb_row { display: flex; align-items: center; gap: 48px; }
.hrm-hero--split .hrm-h1wrap + .et_pb_button_module_wrapper { margin-top: 26px; }
.hrm-hero--split .hrm-lead p { font-size: 20px; line-height: 1.6; color: rgba(255,255,255,0.86); max-width: none; margin: 0; }
@media (max-width: 980px) {
  .hrm-hero--split .et_pb_row { display: block; }
  .hrm-hero--split .et_pb_column + .et_pb_column { margin-top: 22px; }
}

/* ---------- Roadmap on standard modules (roadmap_build.py, 2026-10-23) ----------
   Version 7 release card = three Divi rows that read as one card (.hrm-relrow--head / --body / --foot): head Blurb
   (.hrm-relhead: badge paragraph first, title, text) + two logo Image modules; body = one Blurb per highlight (.hrm-relitem)
   in a single column laid out as a grid; foot = Text label + two Button modules styled as text links (.hrm-rellink).
   The shadow is drawn on every row and clipped where rows meet, so the card shows one continuous shadow. */
.hrm-co-v7 .hrm-relintro.et_pb_row { padding-bottom: 0 !important; }
.hrm-co-v7 .hrm-relrow.et_pb_row { background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-top-width: 0; border-bottom-width: 0; box-shadow: var(--hrm-shadow); padding: 30px 34px !important; margin-top: 0; margin-bottom: 0; clip-path: inset(0 -90px); }
.hrm-co-v7 .hrm-relrow--head.et_pb_row { background: var(--hrm-rail); border-top-width: 1px; border-bottom-width: 1px; border-radius: 16px 16px 0 0; clip-path: inset(-90px -90px 0 -90px); margin-top: 31px; display: flex; align-items: center; gap: 16px 32px; }
html.hrm-dark .hrm-co-v7 .hrm-relrow--head.et_pb_row { background: linear-gradient(rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.04)) var(--hrm-panel); }
.hrm-co-v7 .hrm-relrow--foot.et_pb_row { border-top-width: 1px; border-bottom-width: 1px; border-radius: 0 0 16px 16px; clip-path: inset(0 -90px -90px -90px); padding: 18px 34px !important; margin-bottom: 2%; }
.hrm-co-v7 .hrm-relrow .et_pb_column { margin: 0 !important; float: none; }
.hrm-co-v7 .hrm-relrow--head .et_pb_column:first-child { flex: 1 1 auto; width: auto !important; min-width: 0; }
.hrm-co-v7 .hrm-relrow--head .et_pb_column:last-child { flex: none; width: auto !important; }
/* head: the badge is the first paragraph of the Blurb text; shown above the title as in the hand-built card */
.hrm-co-v7 .hrm-relhead .et_pb_blurb_content { max-width: none; text-align: left; }
.hrm-co-v7 .hrm-relhead .et_pb_blurb_container { display: flex; flex-direction: column; padding-left: 0; }
.hrm-co-v7 .hrm-relhead .et_pb_blurb_description { display: contents; }
.hrm-co-v7 .hrm-relhead .et_pb_blurb_description p:first-child { order: -1; padding: 0; }
.hrm-co-v7 .hrm-relhead .hrm-badge { margin-left: 0; }
.hrm-co-v7 .hrm-relhead .et_pb_module_header { font-family: Outfit, Inter, "Open Sans", sans-serif; font-weight: 700; font-size: clamp(24px, 2.4vw, 30px); line-height: 1.3; letter-spacing: -0.01em; color: var(--hrm-ink); margin: 10px 0 8px; padding: 0; }
.hrm-co-v7 .hrm-relhead .et_pb_blurb_description p { margin: 0; padding: 0; max-width: 62ch; color: var(--hrm-muted); font-size: 16px; line-height: 1.65; }
.hrm-co-v7 .et_pb_image.hrm-rellogo { margin: 0; }
.hrm-co-v7 .et_pb_image.hrm-rellogo img { height: 72px; width: auto; max-width: none; }
.hrm-co-v7 .et_pb_image.hrm-logo-dark { display: none; }
html.hrm-dark .hrm-co-v7 .et_pb_image.hrm-logo-light { display: none; }
html.hrm-dark .hrm-co-v7 .et_pb_image.hrm-logo-dark { display: block; }
/* body: nine highlight Blurbs on a 3-column grid; icon inline with the title, text full width below */
.hrm-co-v7 .hrm-relrow--body .et_pb_column { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 32px; width: 100% !important; }
.hrm-co-v7 .et_pb_blurb.hrm-relitem { margin: 0 !important; }
.hrm-co-v7 .hrm-relitem .et_pb_blurb_content { max-width: none; display: grid; grid-template-columns: 30px minmax(0, 1fr); column-gap: 10px; align-items: center; text-align: left; }
.hrm-co-v7 .hrm-relitem .et_pb_main_blurb_image { width: 30px !important; margin: 0 !important; grid-row: 1; grid-column: 1; }
.hrm-co-v7 .hrm-relitem .et_pb_main_blurb_image .et_pb_image_wrap, .hrm-co-v7 .hrm-relitem .et_pb_main_blurb_image img { width: 30px !important; height: 30px; max-width: none; }
.hrm-co-v7 .hrm-relitem .et_pb_blurb_container { display: contents; }
.hrm-co-v7 .hrm-relitem .et_pb_module_header { grid-row: 1; grid-column: 2; font-family: Outfit, Inter, "Open Sans", sans-serif; font-size: 16.5px; font-weight: 500; line-height: 1.25; letter-spacing: -0.01em; color: var(--hrm-ink); margin: 0; padding: 0; }
.hrm-co-v7 .hrm-relitem .et_pb_blurb_description { grid-column: 1 / -1; margin-top: 5px; align-self: start; }
.hrm-co-v7 .hrm-relitem .et_pb_blurb_description p { margin: 0; padding: 0; font-size: 15px; line-height: 1.55; color: var(--hrm-muted); }
/* foot: "Read the full story:" + two Button modules as text links, separated by a middle dot */
.hrm-co-v7 .hrm-relrow--foot .et_pb_column { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; width: 100% !important; }
.hrm-co-v7 .et_pb_text.hrm-relfoot-label { margin: 0 !important; }
.hrm-co-v7 .hrm-relfoot-label p { margin: 0; padding: 0; font-size: 15px; color: var(--hrm-muted); }
.hrm-co-v7 .hrm-relrow--foot .et_pb_button_module_wrapper { margin: 0 !important; display: inline-flex; align-items: baseline; }
.hrm-co-v7 .hrm-relrow--foot .et_pb_button_module_wrapper + .et_pb_button_module_wrapper::before { content: "\00b7"; color: var(--hrm-muted); margin: 0 8px 0 0; }
.hrm-page .hrm-co-v7 .et_pb_button.hrm-rellink, .hrm-co-v7 .et_pb_button.hrm-rellink { background: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; font-size: 15px !important; line-height: 1.6 !important; font-weight: 600 !important; color: var(--hrm-primary) !important; text-decoration: none; }
.hrm-co-v7 .et_pb_button.hrm-rellink:hover { text-decoration: underline; background: transparent !important; padding: 0 !important; }
.hrm-co-v7 .et_pb_button.hrm-rellink::after { display: none !important; }
@media (max-width: 980px) {
  .hrm-co-v7 .hrm-relrow--head.et_pb_row { flex-direction: column; align-items: flex-start; }
  .hrm-co-v7 .hrm-relrow--head .et_pb_column:first-child { width: 100% !important; }
  .hrm-co-v7 .et_pb_image.hrm-rellogo img { height: 56px; }
  .hrm-co-v7 .hrm-relrow.et_pb_row { padding-left: 22px !important; padding-right: 22px !important; }
  .hrm-co-v7 .hrm-relrow--body .et_pb_column { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .hrm-co-v7 .hrm-relrow--body .et_pb_column { grid-template-columns: minmax(0, 1fr); }
}
/* Looking back: the "Delivered" badge is the first paragraph of the timeline entry's text */
.hrm-co-timeline .hrm-tl .et_pb_timeline_content p.hrm-tl-badge { margin: 2px 0 6px; padding: 0; line-height: 1; }
.hrm-co-timeline .hrm-tl .hrm-tl-badge .hrm-badge { margin-left: 0; }
/* Roadmap hero + closing band: CTAs are Button modules; same spacing as the former .hrm-actions paragraph (page 151 only) */
body.page-id-151 .hrm-hero .et_pb_button_module_wrapper, body.page-id-151 .hrm-ctaband .et_pb_button_module_wrapper { margin-top: 0 !important; margin-bottom: 0 !important; }
@media (max-width: 560px) {
  body.page-id-151 .hrm-hero .et_pb_button_module_wrapper + .et_pb_button_module_wrapper, body.page-id-151 .hrm-ctaband .et_pb_button_module_wrapper + .et_pb_button_module_wrapper { margin-top: 10px !important; }
  .hrm-co-v7 .hrm-relrow--foot .et_pb_column { flex-direction: column; align-items: flex-start; gap: 4px; }
  .hrm-co-v7 .hrm-relrow--foot .et_pb_button_module_wrapper + .et_pb_button_module_wrapper::before { display: none; }
}

/* ---------- Why HR Manage (why_build.py, 2026-10-26): numbered reason cards, comparison table, answers ----------
   No icons (William): each card gets a CSS-counter number and ends in a proof pill. */
.hrm-why-reasons { padding: 56px 0 44px !important; counter-reset: hrm-why; }
.hrm-why-reasons .hrm-whyrow.et_pb_row { display: flex; flex-wrap: wrap; align-items: stretch; padding-top: 0 !important; padding-bottom: 0 !important; }
.hrm-why-reasons .hrm-whyrow .et_pb_column { display: flex; margin-bottom: 20px; }
.hrm-why-reasons .et_pb_blurb.hrm-whycard { width: 100%; background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 14px; padding: 24px 24px 22px; margin-bottom: 0; counter-increment: hrm-why; transition: border-color .2s, transform .2s, box-shadow .2s; }
.hrm-why-reasons .et_pb_blurb.hrm-whycard:hover { border-color: var(--hrm-primary); transform: translateY(-2px); box-shadow: var(--hrm-shadow); }
.hrm-why-reasons .hrm-whycard .et_pb_blurb_content { max-width: none; text-align: left; height: 100%; }
.hrm-why-reasons .hrm-whycard .et_pb_blurb_container { display: flex; flex-direction: column; height: 100%; }
.hrm-why-reasons .hrm-whycard .et_pb_module_header { font-family: Outfit, Inter, sans-serif; font-size: 19px; font-weight: 700; line-height: 1.25; color: var(--hrm-ink); padding: 0 0 10px; }
.hrm-why-reasons .hrm-whycard .et_pb_module_header::before { content: counter(hrm-why, decimal-leading-zero); display: block; font-family: Outfit, Inter, sans-serif; font-weight: 300; font-size: 40px; line-height: 1; letter-spacing: -0.02em; color: var(--hrm-primary); margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid var(--hrm-line); }
html.hrm-dark .hrm-why-reasons .hrm-whycard .et_pb_module_header::before { color: var(--hrm-link); }
.hrm-why-reasons .hrm-whycard .et_pb_blurb_description { display: flex; flex-direction: column; flex: 1; }
.hrm-why-reasons .hrm-whycard .et_pb_blurb_description p { font-size: 15px; line-height: 1.58; color: var(--hrm-muted); margin: 0 0 10px; }
.hrm-why-reasons .hrm-whycard .et_pb_blurb_description a { color: var(--hrm-primary); font-weight: 600; text-decoration: none; }
.hrm-why-reasons .hrm-whycard .et_pb_blurb_description a:hover { text-decoration: underline; }
.hrm-why-reasons .hrm-whycard .hrm-why-proof { margin: auto 0 0; padding-top: 14px; }
.hrm-why-reasons .hrm-whycard p.hrm-why-proof { display: inline-block; align-self: flex-start; font-size: 13px; font-weight: 700; line-height: 1.3; color: var(--hrm-ink); background: rgba(68, 123, 180, 0.10); border-radius: 999px; padding: 7px 12px; margin-top: auto; }
html.hrm-dark .hrm-why-reasons .hrm-whycard p.hrm-why-proof { background: rgba(255, 255, 255, 0.08); }
.hrm-why-reasons .hrm-whycard .hrm-why-proof::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--hrm-link); margin: 0 8px 1px 0; }

/* side by side: the Requirements Table module with its own labels; the HR Manage column gets a tick */
.hrm-why-compare { padding: 64px 0 !important; }
.hrm-why-compare .hrm-why-cmprowwrap.et_pb_row { padding-top: 0 !important; }
.hrm-why-compare .hrm-rt .hrm-rt__table col.hrm-rt__col-item { width: 20%; }
.hrm-why-compare .hrm-rt .hrm-rt__table tbody th { color: var(--hrm-ink); }
.hrm-why-compare .hrm-rt .hrm-rt__table tbody td:nth-child(2) { color: var(--hrm-ink); font-weight: 500; background: rgba(68, 123, 180, 0.06); }
html.hrm-dark .hrm-why-compare .hrm-rt .hrm-rt__table tbody td:nth-child(2) { background: rgba(255, 255, 255, 0.04); }
/* the tick sits on the cell container, not on a <p>: cells edited in the builder may hold bare text (2026-10-26) */
.hrm-why-compare .hrm-rt .hrm-rt__table tbody td:nth-child(2) .hrm-rt__min { display: grid; grid-template-columns: 18px minmax(0, 1fr); column-gap: 8px; align-items: start; }
.hrm-why-compare .hrm-rt .hrm-rt__table tbody td:nth-child(2) .hrm-rt__min::before { content: "\2713"; grid-column: 1; width: 18px; height: 18px; border-radius: 50%; background: var(--hrm-link); color: #0b1829; font-size: 12px; font-weight: 700; line-height: 18px; text-align: center; margin-top: 3px; }
.hrm-why-compare .hrm-rt .hrm-rt__table tbody td:nth-child(2) .hrm-rt__min > * { grid-column: 2; }
.hrm-why-compare .hrm-rt .hrm-rt__table tbody td:nth-child(3) { color: var(--hrm-muted); }
.hrm-why-compare .hrm-rt .hrm-rt__table thead th:nth-child(2) { color: var(--hrm-primary); }
html.hrm-dark .hrm-why-compare .hrm-rt .hrm-rt__table thead th:nth-child(2) { color: var(--hrm-link); }

/* straight answers: heading left, accordion right */
.hrm-why-answers { padding: 64px 0 !important; }
.hrm-why-answers .et_pb_row { display: flex; gap: 40px; align-items: flex-start; }
.hrm-why-answers .hrm-sechead { margin-bottom: 0; }
.hrm-why-answers .hrm-sechead + .et_pb_button_module_wrapper { margin-top: 22px; }
.hrm-why-answers .hrm-why-acc .et_pb_toggle_content p { font-size: 15.5px; line-height: 1.6; color: var(--hrm-ink); margin: 0; }
.hrm-why-quotes .hrm-why-more.et_pb_row { padding-top: 6px !important; text-align: center; }
.hrm-why-quotes .hrm-why-more .et_pb_button_module_wrapper { text-align: center; }
@media (max-width: 980px) {
  .hrm-why-reasons .hrm-whyrow .et_pb_column { margin-bottom: 14px; }
  .hrm-why-answers .et_pb_row { display: block; }
  .hrm-why-answers .et_pb_column + .et_pb_column { margin-top: 26px; }
}

/* ---------- Legal pages (wp-pages/legal_build.py, 2026-10-27): the page's own text inside the v7 frame ---------- */
.hrm-legal-hero h1 { max-width: 24ch; }
.hrm-page.hrm-co.hrm-legal { padding: 56px 0 72px !important; }
.hrm-legal .hrm-legal-body.et_pb_text { max-width: 860px; margin: 0 auto; }
.hrm-page.hrm-co.hrm-legal .hrm-legal-body p, .hrm-page.hrm-co.hrm-legal .hrm-legal-body li { color: var(--hrm-ink); font-size: 16px; line-height: 1.7; }
.hrm-page.hrm-co.hrm-legal .hrm-legal-body p { margin: 0 0 16px; padding: 0; }
.hrm-legal .hrm-legal-body h2 { font-family: Outfit, Inter, sans-serif; font-size: 24px; line-height: 1.3; color: var(--hrm-ink); margin: 32px 0 10px; padding: 0; }
.hrm-legal .hrm-legal-body h3 { font-family: Outfit, Inter, sans-serif; font-size: 19px; line-height: 1.3; color: var(--hrm-ink); margin: 24px 0 8px; padding: 0; }
.hrm-legal .hrm-legal-body h2:first-child, .hrm-legal .hrm-legal-body h3:first-child { margin-top: 0; }
.hrm-legal .hrm-legal-body ul, .hrm-legal .hrm-legal-body ol { margin: 0 0 16px 0; padding-left: 24px; }
.hrm-legal .hrm-legal-body li { margin-bottom: 6px; }
.hrm-legal .hrm-legal-body a { color: var(--hrm-primary); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.hrm-legal .hrm-legal-body strong { color: var(--hrm-ink); }
.hrm-legal .hrm-legal-body table { width: 100%; border-collapse: collapse; margin: 0 0 18px; font-size: 15px; }
.hrm-legal .hrm-legal-body td, .hrm-legal .hrm-legal-body th { border: 1px solid var(--hrm-line); padding: 8px 10px; vertical-align: top; color: var(--hrm-ink); }
.hrm-legal .cmplz-document, .hrm-legal .cmplz-document p, .hrm-legal .cmplz-document li, .hrm-legal .cmplz-document td { color: var(--hrm-ink); }
.hrm-legal .cmplz-document h2, .hrm-legal .cmplz-document h3 { color: var(--hrm-ink); }
@media (max-width: 980px) { .hrm-page.hrm-co.hrm-legal { padding: 40px 0 56px !important; } }/* ---------- Home: "Latest from HR Manage" band (wp-pages/home_news_patch.py, 2026-10-28). Divi Blog module, category
   Blog, 3 posts. Cards in the home card style; on phones the three cards become a sideways swipe strip. ---------- */
.hrm-home-news { background: var(--hrm-rail) !important; padding: 64px 0 !important; }
html.hrm-dark .hrm-home-news { background: var(--hrm-back-2) !important; }
.hrm-home-news .hrm-newshead a { color: var(--hrm-primary); font-weight: 600; text-decoration: none; white-space: nowrap; }
.hrm-home-news .hrm-newshead a:hover { text-decoration: underline; }
.hrm-home-news .et_pb_blog_posts { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.hrm-home-news .et_pb_blog_posts::before, .hrm-home-news .et_pb_blog_posts::after { content: none !important; }
.hrm-home-news article.et_pb_post { width: auto !important; margin: 0 !important; padding: 0 0 20px !important; float: none !important;
  display: flex; flex-direction: column; background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 14px; overflow: hidden;
  transition: border-color .15s, box-shadow .15s; }
.hrm-home-news article.et_pb_post:hover { border-color: var(--hrm-primary); box-shadow: 0 12px 30px rgba(12, 24, 40, 0.10); }
.hrm-home-news .et_pb_image_container { margin: 0 0 16px !important; }
.hrm-home-news .et_pb_image_container img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; border-radius: 0 !important; }
.hrm-home-news .et_overlay { display: none !important; }
.hrm-page.hrm-home-news .entry-title { font-family: Outfit, Inter, sans-serif; font-size: 19px !important; line-height: 1.3; margin: 0; padding: 0 20px 6px; }
.hrm-page.hrm-home-news .entry-title a { color: var(--hrm-ink); }
.hrm-page.hrm-home-news .post-meta { padding: 0 20px; margin: 0 0 8px; font-size: 13px; color: var(--hrm-muted); }
.hrm-page.hrm-home-news .post-content { padding: 0 20px; display: flex; flex-direction: column; flex: 1; }
.hrm-page.hrm-home-news .post-content p { font-size: 15px; line-height: 1.55; color: var(--hrm-muted); margin: 0 0 12px; }
.hrm-page.hrm-home-news .more-link { margin-top: auto; color: var(--hrm-primary); font-weight: 600; font-size: 14.5px; }
@media (max-width: 980px) {
  .hrm-home-news .et_pb_blog_posts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .hrm-home-news { padding: 44px 0 !important; }
  /* the swipe strip: one card and a peek of the next */
  .hrm-home-news .et_pb_blog_posts { display: flex !important; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch; padding-bottom: 8px; scrollbar-width: thin; }
  .hrm-home-news article.et_pb_post { flex: 0 0 84%; scroll-snap-align: start; }
}/* ---------- Platform Overview page (page 70, wp-pages/overview_build.py), 2026-10-27.
   Sections carry .hrm-page.hrm-plat (platform.css: tones, hrm-modhead, hrm-modfeat feature blocks, hrm-mod-spot rows,
   hrm-modpanel) plus hrm-ov-*. Palette variables only, so dark mode and the named palettes apply. ---------- */

/* hero: the compact centred hero (style.css .hrm-hero--compact); optional trust line under the buttons (--trust) */
.hrm-ov-hero .hrm-ov-trustwrap { margin-top: 22px !important; }
.hrm-ov-hero .hrm-ov-trust { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 26px; }
.hrm-ov-hero .hrm-ov-trust li { list-style: none !important; display: flex; align-items: baseline; gap: 9px; color: #c2d0df; font-size: 15px; line-height: 1.4; margin: 0; padding: 0; }
.hrm-ov-hero .hrm-ov-trust .hrm-check { color: var(--hrm-link); font-weight: 800; }

/* the system diagram, alone in a band of the artwork's own background colour (black), so it never sits in a block */
.hrm-page.hrm-plat.hrm-ov-diagram { background: #000000 !important; padding: 28px 0 22px !important; }
.hrm-ov-diagram .et_pb_row.hrm-ov-diagramrow { max-width: 1400px; width: 94%; padding-top: 0 !important; padding-bottom: 0 !important; }
.hrm-ov-diagram .et_pb_image.hrm-ov-diagram-img { margin: 0; text-align: center; }
.hrm-ov-diagram .hrm-ov-diagram-img .et_pb_image_wrap { display: block; }
.hrm-ov-diagram .hrm-ov-diagram-img img { width: 100%; height: auto; display: block; }
.hrm-ov-diagram .hrm-ov-diagram-img .et_pb_image_wrap::after { content: none; }
.hrm-page.hrm-plat .hrm-ov-diagram-cap p { color: #8d9bab; font-size: 14px; text-align: center; margin: 14px 0 0; padding: 0; }

/* module tiles: a Blurb per module page, three per row, the whole card clickable */
.hrm-page.hrm-plat.hrm-ov-modules { padding: 64px 0 52px !important; }
.hrm-plat .hrm-ov-tilerow.et_pb_row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding-top: 0 !important; padding-bottom: 16px !important; }
.hrm-plat .hrm-ov-tilerow.et_pb_row:last-child { padding-bottom: 0 !important; }
.hrm-ov-tilerow.et_pb_row::after { content: none; display: none; }
.hrm-ov-tilerow > .et_pb_column { width: auto !important; margin: 0 !important; float: none !important; display: flex; flex-direction: column; min-width: 0; }
.hrm-plat .et_pb_blurb.hrm-ov-tile { position: relative; flex: 1 1 auto; background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 14px; padding: 20px 20px 18px; margin: 0 !important; transition: border-color .15s, transform .15s, box-shadow .15s; }
.hrm-plat .et_pb_blurb.hrm-ov-tile:hover { border-color: var(--hrm-primary); transform: translateY(-2px); box-shadow: var(--hrm-shadow); }
.hrm-plat .hrm-ov-tile .et_pb_blurb_content { max-width: none; text-align: left; display: flex; gap: 16px; align-items: flex-start; }
.hrm-plat .hrm-ov-tile .et_pb_main_blurb_image { flex: none; width: 48px; margin: 0; line-height: 0; }
.hrm-plat .hrm-ov-tile .et_pb_main_blurb_image img { width: 48px; height: 48px; object-fit: contain; }
.hrm-plat .hrm-ov-tile .et_pb_blurb_container { padding: 0; min-width: 0; }
.hrm-page.hrm-plat .hrm-ov-tile .et_pb_module_header { font-family: Outfit, Inter, sans-serif; font-size: 17px; font-weight: 700; line-height: 1.25; color: var(--hrm-ink); margin: 0; padding: 2px 0 6px; }
.hrm-page.hrm-plat .hrm-ov-tile .et_pb_module_header a { color: inherit; text-decoration: none; }
.hrm-ov-tile .et_pb_module_header a::after { content: ""; position: absolute; inset: 0; }   /* the whole tile is the link */
.hrm-page.hrm-plat .hrm-ov-tile .et_pb_blurb_description p { font-size: 14.5px; line-height: 1.55; color: var(--hrm-muted); margin: 0; padding: 0; }
.hrm-page.hrm-plat .hrm-ov-tile .et_pb_blurb_description p.hrm-ov-tag { display: inline-block; font-family: Inter, sans-serif; font-size: 10.5px; font-weight: 700; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; color: var(--hrm-muted); border: 1px solid var(--hrm-line); border-radius: 999px; padding: 3px 8px; margin: 0 0 9px; }
.hrm-page.hrm-plat .hrm-ov-tile .et_pb_blurb_description p.hrm-ov-tag--soon { color: #0b1829; background: var(--hrm-link); border-color: var(--hrm-link); }
.hrm-plat .et_pb_blurb.hrm-ov-tile--soon { border-style: dashed; }

/* feature cards with the old page's icons on top (the green bar gives way to the icon) */
.hrm-plat .et_pb_blurb.hrm-modfeat.hrm-ov-feat::before { content: none; }
.hrm-plat .hrm-ov-feat .et_pb_blurb_content { display: block; }
.hrm-plat .hrm-ov-feat .et_pb_main_blurb_image { display: block; width: 52px; margin: 0 0 14px; line-height: 0; }
.hrm-plat .hrm-ov-feat .et_pb_main_blurb_image img { width: 52px; height: 52px; object-fit: contain; }
.hrm-plat .hrm-ov-feat .et_pb_main_blurb_image .et_pb_image_wrap { display: block; }

/* book a demonstration: the Contact page's form card (company.css .hrm-co-contactform) beside the pitch */
.hrm-page.hrm-co.hrm-ov-contact { padding: 72px 0 !important; }
.hrm-ov-contact .hrm-ov-contacttext h2 { margin: 0 0 12px; }
.hrm-ov-contact .hrm-ov-contacttext .hrm-lede { margin: 0; }
.hrm-ov-contact .hrm-ov-contacttext .hrm-checklist { margin-top: 20px; }
.hrm-ov-contact .hrm-ov-contacttext .hrm-checklist li { font-size: 16px; line-height: 1.5; }
.hrm-ov-contact .hrm-formwrap { flex: 1; display: flex; flex-direction: column; }
.hrm-ov-contact .hrm-formwrap .et_pb_text_inner { flex: 1; display: flex; flex-direction: column; }
@media (max-width: 980px) {
  .hrm-ov-contact .et_pb_row { display: block; }
  .hrm-ov-contact .hrm-formwrap { margin-top: 28px !important; }
  .hrm-page.hrm-co.hrm-ov-contact { padding: 48px 0 !important; }
}

/* subscription: text + checklist beside the packs panel (row layout from platform.css .hrm-mod-spot .hrm-modspotrow) */
.hrm-page.hrm-plat.hrm-ov-buy { padding: 72px 0 !important; }
.hrm-ov-buy .hrm-ov-buytext h2 { margin: 0 0 14px !important; }
.hrm-page.hrm-plat .hrm-ov-buytext p { font-size: 17px; line-height: 1.65; color: var(--hrm-ink); margin: 0; padding: 0; }
.hrm-page.hrm-plat .hrm-ov-buytext .hrm-checklist { margin-top: 18px; padding-bottom: 0 !important; gap: 9px; }
.hrm-page.hrm-plat .hrm-ov-buytext .hrm-checklist li { font-size: 16px; line-height: 1.5; padding-bottom: 0; }
.hrm-ov-buy .et_pb_button_module_wrapper { display: inline-block; margin: 24px 6px 0 0; }
.hrm-page .hrm-ov-packlist { list-style: none !important; margin: 10px 0 0 !important; padding: 0 !important; }
.hrm-page .hrm-ov-packlist li { list-style: none !important; margin: 0; padding: 12px 0; border-top: 1px solid var(--hrm-line); }
.hrm-page .hrm-ov-packlist li:first-child { border-top: 0; padding-top: 4px; }
.hrm-page .hrm-ov-packlist b { font-family: Outfit, Inter, sans-serif; font-size: 16.5px; font-weight: 700; line-height: 1.3; color: var(--hrm-ink); }
.hrm-page .hrm-ov-packlist span { display: block; font-size: 14px; line-height: 1.5; color: var(--hrm-muted); margin-top: 3px; }
.hrm-page .hrm-ov-packlist em.hrm-ov-packtag { display: inline-block; font-style: normal; font-family: Inter, sans-serif; font-size: 10.5px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #0b1829; background: var(--hrm-link); border-radius: 999px; padding: 3px 8px; margin-left: 10px; vertical-align: 2px; }
.hrm-page .hrm-ov-packlist em.hrm-ov-packtag--soon { color: var(--hrm-muted); background: transparent; border: 1px solid var(--hrm-line); }

/* extending HR Manage (2026-10-27): a soft band, so the panel goes white (the default panel colour is the band colour) */
.hrm-page.hrm-plat.hrm-ov-extend { padding: 72px 0 !important; }
.hrm-plat .hrm-modpanel.hrm-ov-extpanel.et_pb_text { background: var(--hrm-panel); }
html.hrm-dark .hrm-plat .hrm-modpanel.hrm-ov-extpanel.et_pb_text { background: rgba(255, 255, 255, 0.04); }
.hrm-ov-extend .hrm-ov-exttext h2 { margin: 0 0 14px !important; }
.hrm-page.hrm-plat .hrm-ov-exttext p { font-size: 17px; line-height: 1.65; color: var(--hrm-ink); margin: 0 0 14px; padding-bottom: 0 !important; }
.hrm-page.hrm-plat .hrm-ov-exttext p:last-child { margin-bottom: 0; }
.hrm-ov-extend .et_pb_button_module_wrapper { display: inline-block; margin: 24px 6px 0 0; }
.hrm-page.hrm-plat .hrm-ov-extpanel .hrm-checklist li { font-size: 15.5px; }

/* why HR Manage: the home page's navy band, on Blurbs */
.hrm-page.hrm-plat.hrm-ov-why { background: var(--hrm-back-2) !important; padding: 64px 0 !important; }   /* back-2, not back: the client-proof band below is back, and the two read as one band (William 2026-10-28) */
html.hrm-dark .hrm-page.hrm-plat.hrm-ov-why { background: var(--hrm-back-2) !important; }
.hrm-ov-why h2, .hrm-ov-why h3, .hrm-ov-why h4 { color: #fff; }
.hrm-ov-why .hrm-kicker { color: #9ec4ec; }
.hrm-page.hrm-plat.hrm-ov-why .hrm-sechead p { color: #c2d0df; }
.hrm-plat .hrm-ov-whyrow.et_pb_row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; padding-top: 0 !important; padding-bottom: 0 !important; }
.hrm-ov-whyrow.et_pb_row::after { content: none; display: none; }
.hrm-ov-whyrow > .et_pb_column { width: auto !important; margin: 0 !important; float: none !important; min-width: 0; }
.hrm-plat .et_pb_blurb.hrm-ov-whyitem { background: transparent; border: 0; padding: 0; margin: 0 !important; }
.hrm-plat .hrm-ov-whyitem .et_pb_blurb_content { max-width: none; text-align: left; }
.hrm-plat .hrm-ov-whyitem .et_pb_blurb_container { padding: 0; }
.hrm-page.hrm-plat .hrm-ov-whyitem .et_pb_module_header { font-family: Outfit, Inter, sans-serif; font-size: 19px; font-weight: 700; line-height: 1.3; color: #fff; margin: 0; padding: 0 0 8px; }
.hrm-page.hrm-plat .hrm-ov-whyitem .et_pb_blurb_description p { color: #a9bace; font-size: 15.5px; line-height: 1.6; margin: 0; padding: 0; }
.hrm-plat .hrm-ov-whymore.et_pb_row { text-align: center; padding-top: 10px !important; padding-bottom: 0 !important; }
.hrm-ov-whymore .et_pb_button_module_wrapper { margin: 26px 0 0; }

@media (max-width: 980px) {
  .hrm-page.hrm-plat.hrm-ov-modules, .hrm-page.hrm-plat.hrm-ov-why { padding: 44px 0 !important; }
  .hrm-page.hrm-plat.hrm-ov-buy { padding: 48px 0 !important; }
  .hrm-plat .hrm-ov-tilerow.et_pb_row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hrm-plat .hrm-ov-whyrow.et_pb_row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
  .hrm-ov-buy .hrm-modspotrow.et_pb_row { display: block; }
  .hrm-ov-buy .hrm-ov-packs { margin-top: 28px !important; }
}
@media (max-width: 600px) {
  .hrm-plat .hrm-ov-tilerow.et_pb_row, .hrm-plat .hrm-ov-whyrow.et_pb_row { grid-template-columns: 1fr; }
  .hrm-page.hrm-plat.hrm-ov-diagram { padding: 16px 0 14px !important; }
  .hrm-ov-diagram .et_pb_row.hrm-ov-diagramrow { width: 100%; }
  .hrm-page.hrm-plat .hrm-ov-diagram-cap p { font-size: 13px; padding: 0 16px; }
  .hrm-ov-hero .hrm-ov-trust { flex-direction: column; align-items: center; gap: 6px; }
}

/* Tiles are real links since 2026-11-09 (overview_tiles_patch.py): the Blurb's title link, stretched over the tile by the
   ::after rule above. Divi also wraps the icon in the same link; keep it out of the tab order's way visually. */
.hrm-plat .hrm-ov-tile .et_pb_main_blurb_image a { display: block; }
.hrm-plat .et_pb_blurb.hrm-ov-tile:focus-within { border-color: var(--hrm-primary); }
.hrm-ov-tile .et_pb_module_header a:focus-visible { outline: none; }
.hrm-ov-tile .et_pb_module_header a:focus-visible::after { outline: 2px solid var(--hrm-link); outline-offset: 2px; border-radius: 14px; }

/* Phones (William 2026-11-09: the page ran to about 17 700 px). The tiles become a compact list (small icon, title, two
   lines of description, no group pill) and the "what every module shares" cards drop their bullets, which repeat the
   paragraph above them. Desktop and tablet are unchanged. */
@media (max-width: 600px) {
  .hrm-plat .hrm-ov-tilerow.et_pb_row { gap: 10px; padding-bottom: 10px !important; }
  .hrm-plat .et_pb_blurb.hrm-ov-tile { padding: 14px 14px 13px; border-radius: 12px; }
  .hrm-plat .hrm-ov-tile .et_pb_blurb_content { gap: 12px; }
  .hrm-plat .hrm-ov-tile .et_pb_main_blurb_image, .hrm-plat .hrm-ov-tile .et_pb_main_blurb_image img { width: 34px; height: 34px; }
  .hrm-page.hrm-plat .hrm-ov-tile .et_pb_module_header { font-size: 16px; padding: 0 0 3px; }
  .hrm-page.hrm-plat .hrm-ov-tile .et_pb_blurb_description p.hrm-ov-tag:not(.hrm-ov-tag--soon) { display: none; }
  .hrm-page.hrm-plat .hrm-ov-tile .et_pb_blurb_description p:not(.hrm-ov-tag) { font-size: 14px; line-height: 1.45; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
  .hrm-plat .hrm-ov-feat .et_pb_blurb_description ul { display: none; }
}

/* Diagram variants (2026-10-28, wp-pages/overview_diagram_patch.py): three Image modules in the diagram band; the band's
   class picks one. hrm-ov-diagram--bg = the artwork with its own dark background, both modes (black band, as before).
   hrm-ov-diagram--themed = light artwork on a white band in light mode, dark artwork on a dark band in dark mode. */
.hrm-ov-diagram .hrm-ovdg { display: none !important; }
.hrm-ov-diagram--bg .hrm-ovdg--bg { display: block !important; }
.hrm-ov-diagram--themed .hrm-ovdg--light { display: block !important; }
html.hrm-dark .hrm-ov-diagram--themed .hrm-ovdg--light { display: none !important; }
html.hrm-dark .hrm-ov-diagram--themed .hrm-ovdg--dark { display: block !important; }
.hrm-page.hrm-plat.hrm-ov-diagram.hrm-ov-diagram--themed { background: var(--hrm-bg) !important; border-bottom: 1px solid var(--hrm-line); }
.hrm-page.hrm-plat.hrm-ov-diagram--themed .hrm-ov-diagram-cap p { color: var(--hrm-muted); }/* ---------- Platform pages: Software Architecture (page 97, wp-pages/architecture_build.py) and Online Support
   (page 106, wp-pages/support_build.py). Added 2026-10-23. Every section carries .hrm-page.hrm-plat; rules that set
   p/li colours start with .hrm-page.hrm-plat so they beat style.css's html.hrm-dark .hrm-page p { color: ink }.
   Palette variables only, so dark mode and the named palettes apply without extra rules. ---------- */

.hrm-plat { --hrm-plat-accent: color-mix(in srgb, var(--hrm-link) 52%, #000); }   /* green text that reads on white */
html.hrm-dark .hrm-plat { --hrm-plat-accent: var(--hrm-link); }
.hrm-plat .et_pb_module { margin-bottom: 0; }
.hrm-plat h2 { margin: 0; padding: 0; }
.hrm-plat .hrm-sechead { max-width: 780px; margin-bottom: 28px; }
.hrm-plat .hrm-sechead.hrm-center { margin-left: auto; margin-right: auto; text-align: center; }
.hrm-page.hrm-plat .hrm-sechead p { font-size: 18px; color: var(--hrm-muted); margin: 10px 0 0; padding: 0; }
.hrm-plat .hrm-actions { margin-top: 26px; }
.hrm-plat .hrm-center { text-align: center; }
.hrm-plat .hrm-prose a, .hrm-archcard a, .hrm-plat .hrm-sechead a { color: var(--hrm-primary); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.hrm-plat-plain { background: var(--hrm-bg) !important; padding: 64px 0 !important; }
.hrm-plat-soft { background: var(--hrm-rail) !important; padding: 64px 0 !important; }
html.hrm-dark .hrm-plat-soft { background: var(--hrm-back-2) !important; }

/* single-column hero (no screenshot column) */
.hrm-plathero h1 { max-width: 20ch; }
.hrm-plathero .hrm-lead p { max-width: 62ch; }

/* at-a-glance stat strip (uses the shared hrm-stats / hrm-stat cards) */
.hrm-platglance { background: var(--hrm-rail) !important; padding: 44px 0 !important; }
html.hrm-dark .hrm-platglance { background: var(--hrm-back-2) !important; }
.hrm-platglance .hrm-stat b { font-size: clamp(28px, 2.4vw, 38px); }

/* ===== Software Architecture ===== */
.hrm-archintro .et_pb_row { display: flex; align-items: flex-start; gap: 56px; }
.hrm-page.hrm-plat .hrm-archintro .hrm-prose p { margin: 0 0 14px; padding: 0; }
.hrm-archintro .hrm-prose h2 { margin-bottom: 16px; }
.hrm-archpoints { background: var(--hrm-rail); border: 1px solid var(--hrm-line); border-radius: 14px; padding: 24px 26px; }
html.hrm-dark .hrm-archpoints { background: rgba(255, 255, 255, 0.04); }
.hrm-page.hrm-plat .hrm-archpoints p.hrm-archpoints-head { font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--hrm-muted); margin: 0 0 4px; padding: 0; }
.hrm-page.hrm-plat .hrm-archpoints .hrm-checklist li { font-size: 16px; line-height: 1.55; }

/* the diagram (inline SVG; two drawings: landscape for desktop, portrait for phones) */
.hrm-archfig { margin: 0; background: var(--hrm-bg); border: 1px solid var(--hrm-line); border-radius: 16px; padding: 28px 28px 20px; box-shadow: 0 10px 30px rgba(12, 24, 40, 0.06); }
html.hrm-dark .hrm-archfig { background: var(--hrm-back); box-shadow: none; }
.hrm-arch-svg { display: block; width: 100%; height: auto; overflow: visible; }
.hrm-arch-svg--m { display: none; max-width: 420px; margin: 0 auto; }
.hrm-arch-svg text { font-family: Inter, "Open Sans", Arial, sans-serif; fill: var(--hrm-ink); }
.hrm-arch-svg .t { font-family: Outfit, Inter, "Open Sans", sans-serif; font-weight: 700; font-size: 15.5px; }
.hrm-arch-svg .s { font-size: 13px; fill: var(--hrm-muted); }
.hrm-arch-svg .k { font-size: 11px; font-weight: 700; letter-spacing: 0.1em; fill: var(--hrm-plat-accent); }
.hrm-arch-svg .h { font-size: 11px; font-weight: 700; letter-spacing: 0.12em; fill: var(--hrm-muted); }
.hrm-arch-svg .lbl { font-size: 11px; font-weight: 700; letter-spacing: 0.06em; fill: var(--hrm-primary); }
.hrm-arch-svg .u { font-size: 13.5px; font-weight: 600; }
.hrm-arch-svg .b { stroke-width: 1.5; }
.hrm-arch-svg .b-user { fill: color-mix(in srgb, var(--hrm-link) 13%, var(--hrm-bg)); stroke: color-mix(in srgb, var(--hrm-link) 70%, transparent); }
.hrm-arch-svg .b-app { fill: var(--hrm-panel); stroke: var(--hrm-primary); }
.hrm-arch-svg .b-tier { fill: color-mix(in srgb, var(--hrm-primary) 7%, var(--hrm-bg)); stroke: color-mix(in srgb, var(--hrm-primary) 45%, transparent); }
.hrm-arch-svg .b-core { fill: var(--hrm-panel); stroke: var(--hrm-primary); stroke-width: 2; }
.hrm-arch-svg .b-legacy { fill: var(--hrm-panel); stroke: var(--hrm-muted); stroke-dasharray: 5 4; }
.hrm-arch-svg .b-db { fill: color-mix(in srgb, var(--hrm-primary) 16%, var(--hrm-panel)); stroke: var(--hrm-primary); }
.hrm-arch-svg .b-ext { fill: var(--hrm-rail); stroke: var(--hrm-line); }
html.hrm-dark .hrm-arch-svg .b-ext { fill: rgba(255, 255, 255, 0.05); stroke: rgba(255, 255, 255, 0.16); }
.hrm-arch-svg .b-soon { fill: var(--hrm-rail); stroke: var(--hrm-muted); stroke-dasharray: 5 4; }
html.hrm-dark .hrm-arch-svg .b-soon { fill: rgba(255, 255, 255, 0.03); }
.hrm-arch-svg .b-ai { fill: color-mix(in srgb, var(--hrm-link) 10%, var(--hrm-panel)); stroke: var(--hrm-link); }
.hrm-arch-svg .bound { fill: none; stroke: var(--hrm-muted); stroke-width: 1.5; stroke-dasharray: 9 6; opacity: 0.75; }
.hrm-arch-svg .ln { fill: none; stroke: var(--hrm-muted); stroke-width: 1.6; }
.hrm-arch-svg .ln--dash { stroke-dasharray: 5 4; }
.hrm-arch-svg .ah { fill: var(--hrm-muted); }
.hrm-arch-svg .badge { fill: var(--hrm-primary); }
.hrm-arch-svg .badge-t { font-size: 9.5px; font-weight: 800; letter-spacing: 0.08em; fill: #fff; }
.hrm-arch-svg .badge--new { fill: var(--hrm-link); }
.hrm-arch-svg .badge--new + .badge-t, .hrm-arch-svg .badge-t--dark, html.hrm-dark .hrm-arch-svg .badge-t { fill: #0b1829; }
.hrm-archlegend { list-style: none !important; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 26px; margin: 18px 0 0 !important; padding: 16px 0 0 !important; border-top: 1px solid var(--hrm-line); }
.hrm-page.hrm-plat .hrm-archlegend li { list-style: none !important; display: flex; align-items: center; gap: 9px; font-size: 13.5px; line-height: 1.4; color: var(--hrm-muted); padding: 0; }
.hrm-archlegend svg { flex: none; }
.hrm-page.hrm-plat .hrm-archcaption { font-size: 14px; color: var(--hrm-muted); text-align: center; margin: 14px 0 0; padding: 0; }

/* component cards */
.hrm-archgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.hrm-archcard { display: flex; flex-direction: column; background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 14px; padding: 26px 26px 22px; }
.hrm-archcard header { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.hrm-archcard header img { width: 44px; height: 44px; flex: none; object-fit: contain; }
.hrm-page.hrm-plat .hrm-archcard h3 { font-size: 20px; margin: 0; padding: 0; line-height: 1.25; }
.hrm-page.hrm-plat .hrm-archcard header p { font-size: 13px; font-weight: 600; letter-spacing: 0.04em; color: var(--hrm-plat-accent); margin: 2px 0 0; padding: 0; line-height: 1.3; }
.hrm-page.hrm-plat .hrm-archcard p { font-size: 15.5px; line-height: 1.62; color: var(--hrm-ink); margin: 0 0 12px; padding: 0; }
.hrm-archcard > :last-child { margin-bottom: 0 !important; }
.hrm-page.hrm-plat .hrm-archcard p b { font-weight: 600; }
.hrm-archtags { list-style: none !important; display: flex; flex-wrap: wrap; gap: 6px; margin: auto 0 0 !important; padding: 14px 0 0 !important; }
.hrm-page.hrm-plat .hrm-archtags li { list-style: none !important; font-size: 12.5px; font-weight: 600; line-height: 1.3; color: var(--hrm-primary); background: color-mix(in srgb, var(--hrm-primary) 9%, transparent); border: 1px solid color-mix(in srgb, var(--hrm-primary) 25%, transparent); border-radius: 999px; padding: 4px 10px; }
.hrm-archcard .hrm-badge { margin-left: 6px; }

/* security + maintenance */
.hrm-archops { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.hrm-archops .hrm-archcard { background: var(--hrm-panel); }

@media (max-width: 980px) {
  .hrm-plat-plain, .hrm-plat-soft { padding: 44px 0 !important; }
  .hrm-archintro .et_pb_row { display: block; }
  .hrm-archpoints { margin-top: 18px; }
  .hrm-archgrid, .hrm-archops { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .hrm-arch-svg--d { display: none; }
  .hrm-arch-svg--m { display: block; }
  .hrm-archfig { margin: 0 -6vw; padding: 16px 10px 12px; border-radius: 14px; }
  .hrm-archlegend { justify-content: flex-start; }
}
@media (max-width: 560px) {
  .hrm-platglance { padding: 28px 0 !important; }
  .hrm-platglance .hrm-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .hrm-platglance .hrm-stat { padding: 16px 14px 14px; }
  .hrm-platglance .hrm-stat b { font-size: 22px; margin-bottom: 6px; white-space: nowrap; }
  .hrm-platglance .hrm-stat span { font-size: 13.5px; line-height: 1.4; }
  .hrm-archcard { padding: 20px 18px 18px; }
}

/* ===== Online Support (page 106, wp-pages/support_build.py) =====
   Standard Divi modules since 2026-10-23 (William: editors must be able to work in the Visual Builder): Text for prose
   and lists, Blurb for every card, Button for every action. The card look lives here, keyed off the module/row/column
   CSS classes. Conventions an editor should know:
   - channel cards (.hrm-supch columns): Blurb + Button per column; the Blurb's FIRST paragraph is the address line;
   - support package / Support Code (.hrm-suphow Blurbs): the FIRST paragraph is the small tag pill beside the title;
   - downloads (.hrm-supdl Blurbs): an h4 per item, a paragraph, then a list of links ("label (size)"). */

/* each section: a heading row, then card rows; close Divi's row padding between them (the heading's bottom margin is the gap) */
.hrm-plat .hrm-supheadrow.et_pb_row { padding-bottom: 0 !important; }
.hrm-plat .hrm-supheadrow .hrm-sechead { margin-bottom: 2.75% !important; }  /* the gap Divi's module margin gave when heading and cards shared a row */
.hrm-plat .hrm-supchrow.et_pb_row, .hrm-plat .hrm-supfactrow.et_pb_row, .hrm-plat .hrm-supdlrow.et_pb_row { padding-top: 0 !important; }
.hrm-plat .hrm-supdlrow.et_pb_row:not(:last-child) { padding-bottom: 16px !important; }

/* card rows are CSS grids; Divi's float widths/margins on the columns are structural, hence !important */
.hrm-supchrow.et_pb_row, .hrm-supfactrow.et_pb_row, .hrm-supdlrow.et_pb_row { display: grid; gap: 16px; }
.hrm-supchrow.et_pb_row { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.hrm-supfactrow.et_pb_row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hrm-supdlrow.et_pb_row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hrm-supchrow.et_pb_row::after, .hrm-supfactrow.et_pb_row::after, .hrm-supdlrow.et_pb_row::after { content: none; display: none; }
.hrm-supchrow > .et_pb_column, .hrm-supfactrow > .et_pb_column, .hrm-supdlrow > .et_pb_column { width: auto !important; margin: 0 !important; float: none !important; display: flex; flex-direction: column; min-width: 0; }
.hrm-supfactrow > .et_pb_column > .et_pb_blurb, .hrm-supdlrow > .et_pb_column > .et_pb_blurb { flex: 1 1 auto; }
.hrm-plat .hrm-supch-blurb .et_pb_blurb_content, .hrm-plat .hrm-suphow .et_pb_blurb_content,
.hrm-plat .hrm-supfact .et_pb_blurb_content, .hrm-plat .hrm-supdl .et_pb_blurb_content { max-width: none; text-align: left; }
.hrm-plat .hrm-supch-blurb .et-pb-icon, .hrm-plat .hrm-supfact .et-pb-icon, .hrm-plat .hrm-supdl .et-pb-icon { animation: none !important; opacity: 1 !important; line-height: 1; }

/* icon tile (channel cards and the hours cards) */
.hrm-plat .hrm-supch-blurb .et_pb_main_blurb_image .et_pb_image_wrap, .hrm-plat .hrm-supfact .et_pb_main_blurb_image .et_pb_image_wrap { display: flex; margin: 0; width: 46px; height: 46px; border-radius: 12px; background: color-mix(in srgb, var(--hrm-primary) 12%, transparent); align-items: center; justify-content: center; }
html.hrm-dark .hrm-plat .hrm-supch-blurb .et_pb_main_blurb_image .et_pb_image_wrap, html.hrm-dark .hrm-plat .hrm-supfact .et_pb_main_blurb_image .et_pb_image_wrap { background: rgba(255, 255, 255, 0.08); }

/* the four channels: each column is the card (Blurb + Button) */
.hrm-supchrow > .et_pb_column.hrm-supch { background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 14px; padding: 24px 22px 22px !important; }
.hrm-supchrow > .et_pb_column.hrm-supch--main { border-color: var(--hrm-primary); box-shadow: inset 0 3px 0 var(--hrm-link); }
.hrm-plat .hrm-supch .et_pb_blurb { margin: 0 !important; }
.hrm-plat .hrm-supch-blurb .et_pb_main_blurb_image { margin: 0 0 16px; text-align: left; width: auto !important; }
.hrm-page.hrm-plat .hrm-supch-blurb .et_pb_module_header { font-size: 19px; margin: 0; padding: 0; line-height: 1.25; }
.hrm-page.hrm-plat .hrm-supch-blurb .et_pb_blurb_description p { font-size: 15px; line-height: 1.58; color: var(--hrm-muted); margin: 0 0 18px; padding: 0; }
.hrm-page.hrm-plat .hrm-supch-blurb .et_pb_blurb_description p:first-child { font-family: Outfit, Inter, sans-serif; font-weight: 600; font-size: 15.5px; color: var(--hrm-primary); margin: 4px 0 10px; line-height: 1.35; overflow-wrap: anywhere; }
.hrm-page .hrm-supch .et_pb_button_module_wrapper { display: block; margin: auto 0 0 !important; }
.hrm-page.hrm-plat .hrm-supch .et_pb_button.hrm-btn { padding: 11px 20px !important; font-size: 14.5px !important; }
.hrm-page.hrm-plat .hrm-supch .et_pb_button.hrm-btn--outline { padding: 10px 19px !important; }
.hrm-page.hrm-plat .et_pb_button.hrm-btn--outline { background: transparent !important; color: var(--hrm-primary) !important; border: 1.5px solid var(--hrm-primary) !important; }
.hrm-page.hrm-plat .et_pb_button.hrm-btn--outline:hover { background: var(--hrm-hover) !important; }

/* hero and closing band: Button modules, spaced as the former button rows (the lead's module margin is the gap above the
   hero buttons; in the band the line has no bottom margin and the buttons sit 26px below it) */
.hrm-page.hrm-plat .et_pb_column .et_pb_button_module_wrapper { margin-bottom: 0 !important; }
.hrm-plathero .hrm-h1wrap + .hrm-lead + .et_pb_button_module_wrapper { margin-top: 0; }
.hrm-page.hrm-plat.hrm-ctaband .hrm-sub { margin-bottom: 0 !important; }
.hrm-page.hrm-plat.hrm-ctaband .hrm-sub p { margin-bottom: 0; padding-bottom: 0; }
.hrm-page.hrm-plat.hrm-ctaband .et_pb_button_module_wrapper { margin: 26px 3px 0; }  /* 3 + 3 + the word space = 10px apart */
.hrm-page.hrm-plathero .et_pb_button_module_wrapper { margin-right: 6px; }  /* 6 + the word space = 10px apart (2026-10-25; was 4px) */

/* what to include */
.hrm-supinclude .et_pb_row { display: flex; align-items: flex-start; gap: 48px; }
.hrm-supinclude .hrm-checklist { gap: 10px; }
.hrm-page.hrm-plat .hrm-supinclude .hrm-checklist li { font-size: 16.5px; line-height: 1.5; }
.hrm-page.hrm-plat .hrm-supinclude .hrm-prose p { margin: 0; padding: 0; }
.hrm-supinclude .hrm-prose h2 { margin-bottom: 12px; }
.hrm-plat .hrm-suplist.et_pb_text { margin-bottom: 0 !important; }
.hrm-page.hrm-plat .hrm-suplist ul { padding-bottom: 0 !important; }
.hrm-page.hrm-plat .hrm-supnote.et_pb_text { margin-top: 45px; padding: 16px 18px; border-radius: 12px; border: 1px solid color-mix(in srgb, var(--hrm-primary) 35%, transparent); background: color-mix(in srgb, var(--hrm-primary) 7%, transparent); }
.hrm-page.hrm-plat .hrm-supnote p { font-size: 15px; line-height: 1.6; color: var(--hrm-ink); margin: 0; padding: 0; }

/* support package / Support Code: Blurb cards; title and the first paragraph (the tag) share a line */
.hrm-plat .et_pb_blurb.hrm-suphow { background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 14px; padding: 22px; margin: 0 0 16px !important; }
.hrm-plat .et_pb_blurb.hrm-suphow:last-child { margin-bottom: 0 !important; }
/* spacing: lines are 6px apart (title / tag when they wrap); the paragraph margins below are the old ones less those 6px */
.hrm-suphow .et_pb_blurb_container { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 6px 10px; padding: 0; }
.hrm-suphow .et_pb_blurb_description { display: contents; }
.hrm-suphow .et_pb_blurb_description > * { flex: 0 0 100%; }
.hrm-page.hrm-plat .hrm-suphow .et_pb_module_header { font-size: 18px; line-height: 1.3; margin: 0; padding: 0; flex: 0 1 auto; }
.hrm-page.hrm-plat .hrm-suphow .et_pb_blurb_description p { font-size: 15px; line-height: 1.6; color: var(--hrm-ink); margin: 0 0 4px; padding: 0; }
.hrm-page.hrm-plat .hrm-suphow .et_pb_blurb_description > p:nth-child(2) { margin-top: 2px; }
.hrm-page.hrm-plat .hrm-suphow .et_pb_blurb_description p:last-child { margin-bottom: 0; }
.hrm-page.hrm-plat .hrm-suphow .et_pb_blurb_description > p:first-child { flex: none; font-family: Inter, sans-serif; font-size: 11px; font-weight: 700; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; color: var(--hrm-plat-accent); border: 1px solid currentColor; border-radius: 999px; padding: 2px 8px; margin: 0; }
.hrm-page.hrm-plat .hrm-suphow .et_pb_blurb_description p:has(> img) { margin-bottom: 8px; }
.hrm-suphow .et_pb_blurb_description img { display: block; width: 100%; max-width: 441px; height: auto; border-radius: 10px; border: 1px solid var(--hrm-line); background: #fff; }
.hrm-suphow strong, .hrm-suphow b { font-weight: 600; }

/* hours / account manager / release notes: Blurbs with the icon on the left */
.hrm-plat .et_pb_blurb.hrm-supfact { background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 14px; padding: 22px; margin: 0 !important; }
.hrm-plat .hrm-supfact .et_pb_blurb_content { display: flex; flex-direction: row; gap: 16px; align-items: flex-start; justify-content: flex-start; }
.hrm-plat .hrm-supfact .et_pb_main_blurb_image { display: block; width: 46px !important; flex: none; margin: 0; }
.hrm-plat .hrm-supfact .et_pb_blurb_container { display: block; padding: 0; min-width: 0; }
.hrm-page.hrm-plat .hrm-supfact .et_pb_module_header { font-size: 17.5px; margin: 0 0 4px; padding: 0; line-height: 1.3; }
.hrm-page.hrm-plat .hrm-supfact .et_pb_blurb_description p { font-size: 15px; line-height: 1.55; color: var(--hrm-muted); margin: 0; padding: 0; }
.hrm-page.hrm-plat .hrm-supfact p strong { color: var(--hrm-ink); font-weight: 600; }
.hrm-supfact a, .hrm-supdl .et_pb_blurb_description p a, .hrm-supnote a, .hrm-suphow a { color: var(--hrm-primary); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }

/* downloads: a Blurb per group; icon inline before the title, then h4 / paragraph / link list per item */
.hrm-plat .et_pb_blurb.hrm-supdl { background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 14px; padding: 22px 24px; margin: 0 !important; }
.hrm-plat .hrm-supdl .et_pb_blurb_content { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; column-gap: 10px; }
.hrm-plat .hrm-supdl .et_pb_main_blurb_image { margin: 0; width: auto !important; flex: none; }
.hrm-plat .hrm-supdl .et_pb_main_blurb_image .et_pb_image_wrap { display: block; }
.hrm-plat .hrm-supdl .et-pb-icon { font-size: 20px !important; }
.hrm-plat .hrm-supdl .et_pb_blurb_container { display: contents; }
.hrm-page.hrm-plat .hrm-supdl .et_pb_module_header { font-size: 18px; line-height: 1.3; margin: 0; padding: 0; flex: 1 1 0; min-width: 0; }
.hrm-plat .hrm-supdl .et_pb_blurb_description { flex: 0 0 100%; margin-top: 12px; }
.hrm-page.hrm-plat .hrm-supdl .et_pb_blurb_description h4 { font-family: Outfit, Inter, sans-serif; font-weight: 600; font-size: 15.5px; line-height: 1.535; letter-spacing: normal; color: var(--hrm-ink); margin: 0; padding: 0; }
.hrm-page.hrm-plat .hrm-supdl .et_pb_blurb_description p { font-size: 14.5px; line-height: 1.55; color: var(--hrm-muted); margin: 2px 0 0; padding: 0; }
.hrm-page.hrm-plat .hrm-supdl .et_pb_blurb_description ul { list-style: none !important; display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 6px 0 14px !important; padding: 0 !important; }
.hrm-page.hrm-plat .hrm-supdl .et_pb_blurb_description ul:last-child { margin-bottom: 0 !important; }
.hrm-page.hrm-plat .hrm-supdl .et_pb_blurb_description li { list-style: none !important; margin: 0; padding: 0; font-size: 14.5px; line-height: 1.55; color: var(--hrm-muted); }
.hrm-supdl .et_pb_blurb_description li::before { content: ""; display: inline-block; width: 15px; height: 15px; margin-right: 6px; vertical-align: -2px; background: var(--hrm-primary);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5M12 15V3M4 21h16'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5M12 15V3M4 21h16'/%3E%3C/svg%3E") center / contain no-repeat; }
.hrm-supdl .et_pb_blurb_description li a { color: var(--hrm-primary); font-weight: 600; text-decoration: none; }
.hrm-supdl .et_pb_blurb_description li a:hover { text-decoration: underline; }

@media (max-width: 1100px) {
  .hrm-supchrow.et_pb_row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
  /* Divi drops its module margin below 981px; the old layout then had these gaps */
  .hrm-plat .hrm-supheadrow .hrm-sechead { margin-bottom: 28px !important; }
  .hrm-plathero .hrm-h1wrap + .hrm-lead + .et_pb_button_module_wrapper { margin-top: 26px; }
  .hrm-supinclude .et_pb_row { display: block; }
  .hrm-supinclude .et_pb_column > .hrm-suphow:first-child { margin-top: 24px !important; }
  .hrm-supfactrow.et_pb_row, .hrm-supdlrow.et_pb_row { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .hrm-supchrow.et_pb_row { grid-template-columns: 1fr; gap: 12px; }
  .hrm-supchrow > .et_pb_column.hrm-supch { padding: 20px 18px 18px !important; }
  .hrm-plat .et_pb_blurb.hrm-supdl { padding: 20px 18px; }
}

html.hrm-dark .hrm-plat .hrm-badge--soon { color: #0b1829; }

/* ===== Module pages, v2 layout (page_build.build_v2, `layout: v2` in content/<page>.md; 2026-10-27) =====
   Employee self-service (88), Payroll & integration (114), Reporting & exporting (118). Short product pages on standard
   modules: compact hero, three numbered benefit cards (the Why HR Manage card: .hrm-why-reasons/.hrm-whycard in
   company.css), six capability Blurbs, one spotlight (text + the page's only screenshot, or a checklist panel), four
   "works with" links, testimonial + logo line, FAQ, closing band. No icons (William, 2026-10-26). */

/* heading rows above card rows: the heading's bottom margin is the gap */
.hrm-plat .hrm-modhead.et_pb_row { padding-bottom: 0 !important; }
.hrm-plat .hrm-modhead .hrm-sechead { margin-bottom: 28px !important; }
.hrm-page.hrm-plat.hrm-mod-why { padding: 64px 0 44px !important; }

/* capability cards: a CSS grid of plain Blurbs, a short accent bar instead of an icon */
.hrm-page.hrm-plat.hrm-mod-caps { padding: 64px 0 48px !important; }
.hrm-plat .hrm-modcaprow.et_pb_row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding-top: 0 !important; padding-bottom: 16px !important; }
.hrm-plat .hrm-modcaprow.et_pb_row:last-child { padding-bottom: 0 !important; }
.hrm-modcaprow.et_pb_row::after, .hrm-modworksrow.et_pb_row::after { content: none; display: none; }
.hrm-modcaprow > .et_pb_column, .hrm-modworksrow > .et_pb_column { width: auto !important; margin: 0 !important; float: none !important; display: flex; flex-direction: column; min-width: 0; }
.hrm-modcaprow > .et_pb_column > .et_pb_blurb, .hrm-modworksrow > .et_pb_column > .et_pb_blurb { flex: 1 1 auto; }
.hrm-plat .et_pb_blurb.hrm-modcap { background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 14px; padding: 22px 22px 20px; margin: 0 !important; }
.hrm-plat .et_pb_blurb.hrm-modcap::before { content: ""; display: block; width: 28px; height: 3px; border-radius: 2px; background: var(--hrm-link); margin-bottom: 14px; }
.hrm-plat .hrm-modcap .et_pb_blurb_content { max-width: none; text-align: left; }
.hrm-plat .hrm-modcap .et_pb_blurb_container { padding: 0; }
.hrm-page.hrm-plat .hrm-modcap .et_pb_module_header { font-family: Outfit, Inter, sans-serif; font-size: 18px; font-weight: 700; line-height: 1.3; color: var(--hrm-ink); margin: 0; padding: 0 0 6px; }
.hrm-page.hrm-plat .hrm-modcap .et_pb_blurb_description p { font-size: 15px; line-height: 1.58; color: var(--hrm-muted); margin: 0; padding: 0; }

/* feature blocks (William, 2026-10-27: "too compact"): six Blurbs, two per row; title, paragraph, ticked list.
   Editors write an ordinary paragraph and bulleted list in the Blurb body; the ticks come from here. */
.hrm-plat .hrm-modfeatrow.et_pb_row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; padding-top: 0 !important; padding-bottom: 20px !important; }
.hrm-plat .hrm-modfeatrow.et_pb_row:last-child { padding-bottom: 0 !important; }
.hrm-modfeatrow.et_pb_row::after { content: none; display: none; }
.hrm-modfeatrow > .et_pb_column { width: auto !important; margin: 0 !important; float: none !important; display: flex; flex-direction: column; min-width: 0; }
.hrm-modfeatrow > .et_pb_column > .et_pb_blurb { flex: 1 1 auto; }
.hrm-plat .et_pb_blurb.hrm-modfeat { background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 14px; padding: 28px 30px 26px; margin: 0 !important; }
.hrm-plat .et_pb_blurb.hrm-modfeat::before { content: ""; display: block; width: 32px; height: 3px; border-radius: 2px; background: var(--hrm-link); margin-bottom: 16px; }
.hrm-plat .hrm-modfeat .et_pb_blurb_content { max-width: none; text-align: left; }
.hrm-plat .hrm-modfeat .et_pb_blurb_container { padding: 0; }
.hrm-page.hrm-plat .hrm-modfeat .et_pb_module_header { font-family: Outfit, Inter, sans-serif; font-size: 21px; font-weight: 700; line-height: 1.25; color: var(--hrm-ink); margin: 0; padding: 0 0 10px; }
.hrm-page.hrm-plat .hrm-modfeat .et_pb_blurb_description p { font-size: 16px; line-height: 1.62; color: var(--hrm-muted); margin: 0 0 14px; padding: 0; }
.hrm-page.hrm-plat .hrm-modfeat .et_pb_blurb_description ul { list-style: none !important; margin: 0 !important; padding: 14px 0 0 !important; display: grid; gap: 9px; border-top: 1px solid var(--hrm-line); }
.hrm-page.hrm-plat .hrm-modfeat .et_pb_blurb_description li { list-style: none !important; position: relative; margin: 0; padding: 0 0 0 32px; font-size: 15.5px; line-height: 1.5; color: var(--hrm-ink); }
.hrm-modfeat .et_pb_blurb_description li::before { content: "\2713"; position: absolute; left: 0; top: 0; width: 22px; height: 22px; border-radius: 50%; background: rgba(130, 194, 48, 0.2); color: #3f6a12; font-weight: 800; font-size: 13px; text-align: center; line-height: 22px; }
html.hrm-dark .hrm-modfeat .et_pb_blurb_description li::before { color: var(--hrm-link); }

/* spotlight: two columns; the right one holds the screenshot (Image module, lightbox) or the checklist panel */
.hrm-page.hrm-plat.hrm-mod-spot { padding: 72px 0 !important; }
.hrm-mod-spot .hrm-modspotrow.et_pb_row { display: flex; align-items: center; gap: 56px; }
.hrm-mod-spot .hrm-modspotrow.et_pb_row::after { content: none; display: none; }
.hrm-mod-spot .hrm-modspotrow > .et_pb_column { width: auto !important; margin: 0 !important; float: none !important; flex: 1 1 0; min-width: 0; }
.hrm-mod-spot--shot .hrm-modspotrow > .et_pb_column:first-child { flex: 0 1 40%; }
.hrm-mod-spot--shot .hrm-modspotrow > .et_pb_column:last-child { flex: 1 1 60%; }
.hrm-mod-spot .hrm-modspot-text h2 { margin: 0 0 16px !important; }
.hrm-page.hrm-plat .hrm-modspot-text p { font-size: 17px; line-height: 1.65; color: var(--hrm-ink); margin: 0 0 14px; padding: 0; }
.hrm-page.hrm-plat .hrm-modspot-text p:last-child { margin-bottom: 0; }
.hrm-plat .et_pb_image.hrm-modshot { margin: 0 !important; }
.hrm-modshot img { display: block; width: 100%; height: auto; border-radius: 12px; border: 1px solid var(--hrm-line); box-shadow: 0 18px 50px rgba(12, 24, 40, 0.16); background: #fff; cursor: zoom-in; }
html.hrm-dark .hrm-modshot img { border-color: rgba(255, 255, 255, 0.14); box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45); }
.hrm-plat .hrm-modpanel.et_pb_text { background: var(--hrm-rail); border: 1px solid var(--hrm-line); border-radius: 14px; padding: 26px 28px; }
html.hrm-dark .hrm-plat .hrm-modpanel.et_pb_text { background: rgba(255, 255, 255, 0.04); }
.hrm-page.hrm-plat .hrm-modpanel p.hrm-modpanel-head { font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--hrm-muted); margin: 0; padding: 0; }
.hrm-page.hrm-plat .hrm-modpanel .hrm-checklist { margin-top: 14px; padding-bottom: 0 !important; gap: 10px; }
.hrm-page.hrm-plat .hrm-modpanel .hrm-checklist li { font-size: 16.5px; line-height: 1.5; padding-bottom: 0; }

/* showcase sections (page_build `## Showcase:`): text + a Slider module, one Slide per screenshot ("Design" / "AI assist" /
   "Result"); manual only (no autoplay), arrows always visible, dots below. Alternate showcases flip sides. */
.hrm-mod-show--flip .hrm-modspotrow.et_pb_row { flex-direction: row-reverse; }
.hrm-mod-show .hrm-modshow-text ul { list-style: none !important; margin: 4px 0 0 !important; padding: 0 !important; display: grid; gap: 9px; }
.hrm-page.hrm-plat.hrm-mod-show .hrm-modshow-text li { list-style: none !important; position: relative; margin: 0; padding: 0 0 0 32px; font-size: 16px; line-height: 1.5; color: var(--hrm-ink); }
.hrm-mod-show .hrm-modshow-text li::before { content: "\2713"; position: absolute; left: 0; top: 0; width: 22px; height: 22px; border-radius: 50%; background: rgba(130, 194, 48, 0.2); color: #3f6a12; font-weight: 800; font-size: 13px; text-align: center; line-height: 22px; }
html.hrm-dark .hrm-mod-show .hrm-modshow-text li::before { color: var(--hrm-link); }
.hrm-plat .et_pb_slider.hrm-modslider { margin: 0 !important; background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 16px; overflow: hidden; box-shadow: 0 18px 50px rgba(12, 24, 40, 0.12); }
html.hrm-dark .hrm-plat .et_pb_slider.hrm-modslider { box-shadow: 0 18px 50px rgba(0, 0, 0, 0.4); }
.hrm-modslider .et_pb_slide { background: transparent !important; padding: 0 !important; }
.hrm-modslider .et_pb_slide .et_pb_container { width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; padding: 16px 16px 44px !important; margin: 0 !important; }
.hrm-modslider .et_pb_slider_container_inner { display: flex !important; flex-direction: column-reverse; width: 100%; }
.hrm-modslider .et_pb_slide_image { display: block !important; position: static !important; width: 100% !important; float: none !important; margin: 0 !important; top: auto !important; transform: none !important; }
.hrm-modslider .et_pb_slide_image img { display: block; width: 100% !important; height: auto !important; max-height: none !important; border-radius: 10px; border: 1px solid var(--hrm-line); background: #fff; box-shadow: none !important; }
.hrm-modslider .et_pb_slide_description { display: flex !important; flex-wrap: wrap; align-items: center; gap: 6px 12px; width: 100% !important; float: none !important; padding: 0 0 12px !important; margin: 0 !important; text-align: left !important; text-shadow: none !important; }
.hrm-page.hrm-plat .hrm-modslider .et_pb_slide_title { font-family: Inter, sans-serif; font-size: 11.5px !important; font-weight: 700; line-height: 1.3 !important; letter-spacing: 0.08em; text-transform: uppercase; color: var(--hrm-primary) !important; background: color-mix(in srgb, var(--hrm-primary) 10%, transparent); border: 1px solid color-mix(in srgb, var(--hrm-primary) 30%, transparent); border-radius: 999px; padding: 4px 11px !important; margin: 0 !important; text-shadow: none !important; }
html.hrm-dark .hrm-page.hrm-plat .hrm-modslider .et_pb_slide_title { color: var(--hrm-link) !important; background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.18); }
.hrm-modslider .et_pb_slide_content { margin: 0 !important; }
.hrm-page.hrm-plat .hrm-modslider .et_pb_slide_content p { font-size: 14.5px !important; line-height: 1.4; color: var(--hrm-muted) !important; margin: 0; padding: 0; text-shadow: none !important; }
.hrm-modslider .et-pb-slider-arrows a { opacity: 1 !important; top: calc(50% + 14px); width: 40px; height: 40px; margin-top: -20px; border-radius: 50%; background: var(--hrm-back); color: #fff !important; font-size: 30px; line-height: 40px; text-align: center; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25); transition: background-color 0.15s; }
.hrm-modslider .et-pb-slider-arrows a::before { line-height: 40px; }
.hrm-modslider .et-pb-slider-arrows a:hover { background: var(--hrm-primary); }
.hrm-modslider .et-pb-arrow-prev, .et_pb_slider:hover.hrm-modslider .et-pb-arrow-prev { left: 24px !important; }
.hrm-modslider .et-pb-arrow-next, .et_pb_slider:hover.hrm-modslider .et-pb-arrow-next { right: 24px !important; }
.hrm-modslider .et-pb-controllers { bottom: 14px; }
.hrm-modslider .et-pb-controllers a { width: 9px; height: 9px; background: var(--hrm-line) !important; opacity: 1; }
.hrm-modslider .et-pb-controllers a.et-pb-active-control { background: var(--hrm-primary) !important; }
html.hrm-dark .hrm-modslider .et-pb-controllers a { background: rgba(255, 255, 255, 0.25) !important; }
html.hrm-dark .hrm-modslider .et-pb-controllers a.et-pb-active-control { background: var(--hrm-link) !important; }

/* cards sections (page_build `## Cards:`): each column is the card; optional logo Image module on a plate, then a Blurb
   whose first paragraph may be the tag pill. Logo styles: --plate (white plate, any logo) and --sagebadge (crops the
   Sage Tech Partner graphic 2025/03/HRMSageTechPartner.png, 2000x1500, to its badge; replace when a clean badge exists). */
.hrm-plat .hrm-modcardrow.et_pb_row { display: grid; gap: 16px; padding-top: 0 !important; }
.hrm-plat .hrm-modcardrow--2.et_pb_row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hrm-plat .hrm-modcardrow--3.et_pb_row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hrm-plat .hrm-modcardrow--4.et_pb_row { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.hrm-modcardrow.et_pb_row::after { content: none; display: none; }
.hrm-modcardrow > .et_pb_column.hrm-modcardcol { width: auto !important; margin: 0 !important; float: none !important; display: flex; flex-direction: column; min-width: 0; background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 14px; padding: 24px 22px 22px !important; }
.hrm-plat .hrm-modcardcol .et_pb_module { margin: 0 !important; }
.hrm-plat .hrm-modcardcol .et_pb_image.hrm-modlogo { margin: 0 0 16px !important; text-align: left; }
.hrm-modlogo--plate .et_pb_image_wrap { display: inline-flex; align-items: center; height: 46px; padding: 8px 12px; background: #fff; border: 1px solid var(--hrm-line); border-radius: 10px; }
.hrm-modlogo--plate img { height: 28px !important; width: auto !important; max-width: 200px; object-fit: contain; }
.hrm-modlogo--sagebadge .et_pb_image_wrap { display: block; width: 192px; height: 44px; overflow: hidden; border-radius: 10px; background: #000; }
.hrm-modlogo--sagebadge img { width: 400px !important; max-width: none !important; height: auto !important; margin: -251px 0 0 -200px; }
.hrm-plat .hrm-modcard .et_pb_blurb_content { max-width: none; text-align: left; }
.hrm-plat .hrm-modcard .et_pb_blurb_container { padding: 0; }
.hrm-page.hrm-plat .hrm-modcard .et_pb_module_header { font-family: Outfit, Inter, sans-serif; font-size: 19px; font-weight: 700; line-height: 1.25; color: var(--hrm-ink); margin: 0; padding: 0 0 8px; }
.hrm-page.hrm-plat .hrm-modcard .et_pb_blurb_description p { font-size: 15px; line-height: 1.58; color: var(--hrm-muted); margin: 0 0 10px; padding: 0; }
.hrm-page.hrm-plat .hrm-modcard .et_pb_blurb_description p:last-child { margin-bottom: 0; }
.hrm-page.hrm-plat .hrm-modcard .et_pb_blurb_description p.hrm-modcard-tag { display: inline-block; font-family: Inter, sans-serif; font-size: 11px; font-weight: 700; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; color: var(--hrm-plat-accent); border: 1px solid currentColor; border-radius: 999px; padding: 3px 9px; margin: 0 0 12px; }
@media (max-width: 1100px) {
  .hrm-plat .hrm-modcardrow--4.et_pb_row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
  .hrm-mod-show--flip .hrm-modspotrow.et_pb_row { display: block; }
}
@media (max-width: 760px) {
  .hrm-plat .hrm-modcardrow.et_pb_row { grid-template-columns: 1fr !important; gap: 12px; }
  .hrm-modslider .et_pb_slide .et_pb_container { padding: 12px 12px 40px !important; }
  .hrm-modslider .et-pb-slider-arrows a { width: 34px; height: 34px; margin-top: -17px; font-size: 26px; line-height: 34px; }
  .hrm-modslider .et-pb-slider-arrows a::before { line-height: 34px; }
  .hrm-modslider .et-pb-arrow-prev, .et_pb_slider:hover.hrm-modslider .et-pb-arrow-prev { left: 14px !important; }
  .hrm-modslider .et-pb-arrow-next, .et_pb_slider:hover.hrm-modslider .et-pb-arrow-next { right: 14px !important; }
}

/* works with: four linked Blurbs in a grid (card look from style.css .hrm-works .hrm-link) */
.hrm-page.hrm-plat.hrm-mod-works { padding: 64px 0 56px !important; }
html.hrm-dark .hrm-page.hrm-plat.hrm-mod-works { background: var(--hrm-back-2) !important; }
.hrm-mod-works { background: var(--hrm-rail) !important; }
.hrm-mod-works.hrm-mod-works--plain { background: var(--hrm-bg) !important; }
html.hrm-dark .hrm-page.hrm-plat.hrm-mod-works.hrm-mod-works--plain { background: var(--hrm-back) !important; }
.hrm-plat .hrm-modworksrow.et_pb_row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; padding-top: 0 !important; padding-bottom: 0 !important; }
.hrm-mod-works .et_pb_blurb.hrm-link { background: var(--hrm-panel); margin: 0 !important; border-radius: 14px; }
.hrm-mod-works .et_pb_blurb.hrm-link:hover { border-color: var(--hrm-primary); }
.hrm-mod-works .hrm-link .et_pb_module_header::after { content: " \2192"; }

/* proof: testimonial over the logo line (company.css .hrm-logoline) */
.hrm-page.hrm-mod-proof { padding: 60px 0 40px !important; }
.hrm-mod-proof .hrm-logoline.et_pb_row { margin-top: 18px; }
.hrm-mod-proof .hrm-quote .et_pb_testimonial_description_inner::before { content: "\201C"; display: block; font-family: Outfit, Georgia, serif; font-size: 64px; line-height: 0.6; color: var(--hrm-link); margin: 0 auto 10px; text-align: center; }  /* Divi's own quote glyph sat on the text; it is switched off in the module */

/* FAQ: heading left, accordion right */
.hrm-page.hrm-plat.hrm-mod-faq { padding: 64px 0 !important; }
.hrm-mod-faq .hrm-modfaqrow.et_pb_row { display: flex; align-items: flex-start; gap: 48px; }
.hrm-mod-faq .hrm-modfaqrow.et_pb_row::after { content: none; display: none; }
.hrm-mod-faq .hrm-modfaqrow > .et_pb_column { margin: 0 !important; float: none !important; }
.hrm-mod-faq .hrm-modfaqrow > .et_pb_column:first-child { width: auto !important; flex: 0 1 32%; }
.hrm-mod-faq .hrm-modfaqrow > .et_pb_column:last-child { width: auto !important; flex: 1 1 68%; min-width: 0; }
.hrm-plat.hrm-mod-faq .hrm-sechead { margin-bottom: 0; }
.hrm-plat.hrm-mod-faq .et_pb_toggle:last-child { margin-bottom: 0 !important; }

@media (max-width: 980px) {
  .hrm-page.hrm-plat.hrm-mod-why, .hrm-page.hrm-plat.hrm-mod-caps, .hrm-page.hrm-plat.hrm-mod-works, .hrm-page.hrm-plat.hrm-mod-faq { padding: 44px 0 !important; }
  .hrm-page.hrm-plat.hrm-mod-spot { padding: 48px 0 !important; }
  .hrm-plat .hrm-modcaprow.et_pb_row { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-bottom: 16px !important; }
  .hrm-plat .hrm-modworksrow.et_pb_row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hrm-plat .hrm-modfeatrow.et_pb_row { gap: 16px; padding-bottom: 16px !important; }
  .hrm-mod-spot .hrm-modspotrow.et_pb_row, .hrm-mod-faq .hrm-modfaqrow.et_pb_row { display: block; }
  .hrm-mod-spot .hrm-modspotrow > .et_pb_column + .et_pb_column { margin-top: 28px !important; }
  .hrm-mod-faq .hrm-modfaqrow > .et_pb_column + .et_pb_column { margin-top: 24px !important; }
}
@media (max-width: 760px) {
  .hrm-plat .hrm-modfeatrow.et_pb_row { grid-template-columns: 1fr; gap: 12px; padding-bottom: 12px !important; }
}
@media (max-width: 560px) {
  .hrm-plat .hrm-modcaprow.et_pb_row, .hrm-plat .hrm-modworksrow.et_pb_row { grid-template-columns: 1fr; gap: 12px; }
  .hrm-plat .et_pb_blurb.hrm-modfeat { padding: 22px 20px 20px; }
  .hrm-page.hrm-plat .hrm-modfeat .et_pb_module_header { font-size: 19px; }
  .hrm-plat .hrm-modcaprow.et_pb_row { padding-bottom: 12px !important; }
  .hrm-plat .et_pb_blurb.hrm-modcap { padding: 18px 18px 16px; }
  .hrm-plat .hrm-modpanel.et_pb_text { padding: 20px 20px; }
}

/* v2 Partner section (2026-10-27): the partner's own profile text beside its logo (PaySpace asked for their wording) */
.hrm-mod-partner .hrm-modpartnerrow.et_pb_row { display: flex; align-items: flex-start; gap: 36px; }
.hrm-mod-partner .hrm-modpartnerrow .et_pb_column { margin-right: 0 !important; }
.hrm-plat .et_pb_image.hrm-modpartner-logo { margin: 6px 0 0 !important; text-align: left; }
.hrm-mod-partner .hrm-modlogo--plate .et_pb_image_wrap { height: auto; padding: 14px 18px; }
.hrm-mod-partner .hrm-modlogo--plate img { height: 44px !important; max-width: 240px; }
.hrm-page.hrm-plat .hrm-modpartner-text h2 { margin: 0 0 14px !important; }
.hrm-page.hrm-plat .hrm-modpartner-text p { font-size: 16.5px; line-height: 1.65; color: var(--hrm-ink); margin: 0 0 12px; max-width: 70ch; }
.hrm-page.hrm-plat .hrm-modpartner-text p.hrm-modpartner-note { font-size: 13.5px; color: var(--hrm-muted); margin-top: 16px; }
@media (max-width: 980px) {
  .hrm-mod-partner .hrm-modpartnerrow.et_pb_row { display: block; }
  .hrm-plat .et_pb_image.hrm-modpartner-logo { margin: 0 0 18px !important; }
}
/* two partner panels side by side (2026-10-27) */
.hrm-mod-partner .hrm-modpartnerrow--two.et_pb_row { display: flex; align-items: stretch; gap: 24px; padding-top: 0 !important; }
.hrm-mod-partner .hrm-modpartnercol { flex: 1 1 0; min-width: 0; padding: 26px 28px; border-radius: 14px; background: var(--hrm-panel); border: 1px solid var(--hrm-line); }
.hrm-mod-partner .hrm-modpartnercol .et_pb_image.hrm-modpartner-logo { margin: 0 0 16px !important; }
.hrm-page.hrm-plat .hrm-modpartnercol .hrm-modpartner-text h3 { font-family: Outfit, Inter, sans-serif; font-size: 21px; font-weight: 700; color: var(--hrm-ink); margin: 0 0 10px; }
.hrm-page.hrm-plat .hrm-modpartnercol .hrm-modpartner-text p { font-size: 15.5px; line-height: 1.6; }
.hrm-mod-partner .hrm-modhead.et_pb_row { padding-bottom: 0 !important; }
.hrm-mod-partner .hrm-modpartnerrow--one.et_pb_row { padding-top: 0 !important; }
@media (max-width: 980px) {
  .hrm-mod-partner .hrm-modpartnerrow--two.et_pb_row { display: block; }
  .hrm-mod-partner .hrm-modpartnercol + .hrm-modpartnercol { margin-top: 16px; }
}
.hrm-page.hrm-plat .hrm-modpartner-text p.hrm-modcard-tag { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--hrm-primary); background: rgba(68, 123, 180, .12); border-radius: 999px; padding: 4px 10px; margin: 0 0 10px; max-width: none; }
html.hrm-dark .hrm-page.hrm-plat .hrm-modpartner-text p.hrm-modcard-tag { color: var(--hrm-link); background: rgba(255, 255, 255, .08); }
/* partner panels: the Sage badge (a CSS crop of the old 2000x1500 graphic) sits on a plate the same height as the Deel plate
   (2026-10-27). Module-level sizing cannot change this crop; a clean badge image + the plate style would replace it. */
.hrm-mod-partner .hrm-modlogo--sagebadge .et_pb_image_wrap { box-sizing: border-box; width: 320px; height: 74px; padding: 4px 16px; border-radius: 10px; background: #000; border: 1px solid var(--hrm-line); }
.hrm-mod-partner .hrm-modlogo--sagebadge img { width: 600px !important; margin: -376px 0 0 -300px; }  /* the badge crop scaled 1.5x: 288x66 inside the 74px plate */
/* logo style "badge" (2026-10-27): the image is already a badge with its own background, so no white plate; it stands alone at
   the plate's height so it lines up with a plated logo beside it */
.hrm-modlogo--badge .et_pb_image_wrap { display: inline-block; height: 74px; padding: 0; background: transparent; border: 0; }
.hrm-modlogo--badge img { height: 74px !important; width: auto !important; max-width: none; object-fit: contain; }
/* logo style "corner" (2026-10-27, William): a small logo pinned to the top-right of a card (SimplePay, SAP) */
.hrm-plat .hrm-modcardcol { position: relative; }
.hrm-plat .hrm-modcardcol .et_pb_image.hrm-modlogo--corner { position: absolute; top: 18px; right: 18px; margin: 0 !important; z-index: 2; width: auto; }
.hrm-modlogo--corner .et_pb_image_wrap { display: inline-flex; align-items: center; height: 42px; padding: 6px 10px; background: #fff; border: 1px solid var(--hrm-line); border-radius: 8px; }
.hrm-modlogo--corner img { height: 28px !important; width: auto !important; max-width: 110px; object-fit: contain; }
.hrm-plat .hrm-modcardcol:has(.hrm-modlogo--corner) .hrm-modcard .et_pb_module_header,
.hrm-plat .hrm-modcardcol:has(.hrm-modlogo--corner) .hrm-modcard .hrm-modcard-tag { max-width: calc(100% - 130px); }

/* ---- Line icons on v2 feature blocks and works-with cards (Job Profiling, 2026-10-27) ----
   Optional: a content file adds **Icon:** to a feature block or [Icon: url] to a works-with line; pages without icons are unchanged. */
.hrm-plat .et_pb_blurb.hrm-modfeat--icon::before { display: none; }
.hrm-plat .hrm-modfeat--icon .et_pb_blurb_content, .hrm-mod-works .hrm-link--icon .et_pb_blurb_content { text-align: left; }
.hrm-plat .hrm-modfeat--icon .et_pb_main_blurb_image { display: block; width: 52px !important; max-width: 52px; margin: 0 0 16px !important; line-height: 0; text-align: left; }
.hrm-plat .hrm-modfeat--icon .et_pb_main_blurb_image .et_pb_image_wrap, .hrm-mod-works .hrm-link--icon .et_pb_main_blurb_image .et_pb_image_wrap { display: block; margin: 0; }
.hrm-plat .hrm-modfeat--icon .et_pb_main_blurb_image img { width: 52px !important; height: 52px; object-fit: contain; }
.hrm-mod-works .hrm-link--icon .et_pb_main_blurb_image { display: block; width: 40px !important; max-width: 40px; margin: 0 0 12px !important; line-height: 0; text-align: left; }
.hrm-mod-works .hrm-link--icon .et_pb_main_blurb_image img { width: 40px !important; height: 40px; object-fit: contain; }

/* ---- Contact Us block (page_build.contact_section, 2026-10-27, William: no page links to the demo-request page; every
   Book a demo button scrolls to #contact). Form card from company.css .hrm-co-contactform; this is the two-column layout. ---- */
.hrm-page.hrm-co.hrm-mod-contact { padding: 72px 0 !important; }
.hrm-mod-contact .hrm-contacttext h2 { margin: 0 0 12px; }
.hrm-mod-contact .hrm-contacttext .hrm-lede { margin: 0; }
.hrm-mod-contact .hrm-contacttext .hrm-checklist { margin-top: 20px; }
.hrm-mod-contact .hrm-contacttext .hrm-checklist li { font-size: 16px; line-height: 1.5; }
.hrm-mod-contact .hrm-formwrap { flex: 1; display: flex; flex-direction: column; }
.hrm-mod-contact .hrm-formwrap .et_pb_text_inner { flex: 1; display: flex; flex-direction: column; }
@media (max-width: 980px) {
  .hrm-mod-contact .et_pb_row { display: block; }
  .hrm-mod-contact .hrm-formwrap { margin-top: 28px !important; }
  .hrm-page.hrm-co.hrm-mod-contact { padding: 48px 0 !important; }
}

/* ---------- Workflows page: "Use cases" band (Divi Tabs, wp-pages/workflow_usecases_patch.py, 2026-10-27).
   Tabs become pill buttons; the active panel is a card with numbered steps, each led by its activity type. ---------- */
.hrm-plat .et_pb_tabs.hrm-usecases { border: 0; background: transparent; border-radius: 0; overflow: visible; }
.hrm-plat .hrm-usecases .et_pb_tabs_controls { display: flex; flex-wrap: wrap; gap: 8px; background: transparent !important; border: 0; margin: 0 0 18px; padding: 0; }
.hrm-plat .hrm-usecases .et_pb_tabs_controls::after { content: none; display: none; }
.hrm-plat .hrm-usecases .et_pb_tabs_controls li { float: none; border: 1px solid var(--hrm-line) !important; border-radius: 999px; background: var(--hrm-panel) !important; margin: 0; padding: 0; transition: background .15s, border-color .15s; }
.hrm-plat .hrm-usecases .et_pb_tabs_controls li a { display: block; padding: 9px 18px !important; font-family: Inter, sans-serif; font-size: 14.5px; font-weight: 600; line-height: 1.3; color: var(--hrm-ink) !important; }
.hrm-plat .hrm-usecases .et_pb_tabs_controls li:hover { border-color: var(--hrm-primary) !important; background: var(--hrm-hover) !important; }
.hrm-plat .hrm-usecases .et_pb_tabs_controls li.et_pb_tab_active { background: var(--hrm-primary) !important; border-color: var(--hrm-primary) !important; }
.hrm-plat .hrm-usecases .et_pb_tabs_controls li.et_pb_tab_active a { color: #fff !important; }
html.hrm-dark .hrm-plat .hrm-usecases .et_pb_tabs_controls li.et_pb_tab_active a { color: #0b1829 !important; }
.hrm-plat .hrm-usecases .et_pb_all_tabs { background: var(--hrm-panel) !important; border: 1px solid var(--hrm-line); border-radius: 14px; }
.hrm-plat .hrm-usecases .et_pb_tab { padding: 28px 30px 26px !important; background: transparent !important; }
.hrm-page.hrm-plat .hrm-usecases p.hrm-uc-intro { font-size: 18px; line-height: 1.55; color: var(--hrm-ink); margin: 0 0 18px; padding: 0; max-width: 760px; }
.hrm-page.hrm-plat .hrm-usecases ol.hrm-uc-steps { list-style: none !important; counter-reset: hrmuc; margin: 0 !important; padding: 0 !important; display: grid; gap: 12px; }
.hrm-page.hrm-plat .hrm-usecases ol.hrm-uc-steps li { list-style: none !important; counter-increment: hrmuc; position: relative; margin: 0; padding: 2px 0 0 44px; font-size: 15.5px; line-height: 1.55; color: var(--hrm-ink); }
.hrm-usecases ol.hrm-uc-steps li::before { content: counter(hrmuc); position: absolute; left: 0; top: 0; width: 28px; height: 28px; border-radius: 50%; background: var(--hrm-primary); color: #fff; font-weight: 700; font-size: 13.5px; line-height: 28px; text-align: center; }
html.hrm-dark .hrm-usecases ol.hrm-uc-steps li::before { color: #0b1829; }
.hrm-usecases .hrm-uc-act { display: inline-block; font-size: 11.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--hrm-plat-accent); border: 1px solid currentColor; border-radius: 999px; padding: 2px 9px; margin: 0 8px 0 0; vertical-align: 1px; white-space: nowrap; }
.hrm-page.hrm-plat .hrm-usecases p.hrm-uc-outcome { margin: 22px 0 0; padding: 14px 0 0; border-top: 1px solid var(--hrm-line); font-size: 15.5px; font-weight: 600; color: var(--hrm-ink); }
@media (max-width: 767px) {
  .hrm-plat .hrm-usecases .et_pb_tab { padding: 22px 18px 20px !important; }
  .hrm-plat .hrm-usecases .et_pb_tabs_controls li a { padding: 8px 14px !important; font-size: 14px; }
}
/* Use cases band, two strips (2026-10-28): "In HR" above "Beyond HR", each a small heading over its own tabs. */
.hrm-plat .hrm-uc-striphead { margin: 0 0 14px !important; }
.hrm-page.hrm-plat .hrm-uc-striphead h3 { font-family: Outfit, Inter, sans-serif; font-size: 22px; font-weight: 700; line-height: 1.25; color: var(--hrm-ink); margin: 0; padding: 0; }
.hrm-page.hrm-plat .hrm-uc-striphead p { font-size: 15.5px; color: var(--hrm-muted); margin: 4px 0 0; padding: 0; }
.hrm-plat .hrm-usecases-row--next.et_pb_row { margin-top: 44px; }
@media (max-width: 767px) { .hrm-plat .hrm-usecases-row--next.et_pb_row { margin-top: 32px; } }
/* Dark mode: a plain Works band is var(--hrm-back), the same as the proof band after it; deepen the proof band there
   so the two do not merge (Workflows page, 2026-10-28). Light mode is unaffected. */
html.hrm-dark .hrm-mod-works--plain + .hrm-mod-proof { background: var(--hrm-back-deep) !important; }

/* Showcase sliders keep one box size (William 2026-10-30: the page must not jump between screens). Divi shows only the active
   slide (the rest are display:none), so the slider took each slide's own height. Every slide is stacked in one grid cell
   instead: the box is as tall as the tallest slide, and a smaller screen sits centred. Divi's fade still runs (it animates
   opacity); slides neither active nor mid-fade are hidden with visibility so they cannot catch the pointer. */
.hrm-modslider .et_pb_slides { display: grid !important; }
.hrm-modslider .et_pb_slides > .et_pb_slide { grid-area: 1 / 1; display: flex !important; flex-direction: column; justify-content: center; }
.hrm-modslider .et_pb_slide:not(.et-pb-active-slide):not(.et_slide_transition) { visibility: hidden; }

/* Screens as a printed sheet lying on a desk (William's pick 2026-10-30, option C). Section class `hrm-shot--paper`, set by
   **Style:** paper on a Showcase. The sheet lifts flat while the pointer is over the slider, which also pauses autoplay.
   perspective() has to sit in the image's own transform: `perspective` on an ancestor only reaches its direct children. */
.hrm-plat.hrm-shot--paper .et_pb_slider.hrm-modslider {
  border: 0; box-shadow: none;
  background: linear-gradient(180deg, color-mix(in srgb, var(--hrm-primary) 6%, #f4f6f9) 0%, color-mix(in srgb, var(--hrm-primary) 14%, #e8edf3) 100%);
}
html.hrm-dark .hrm-plat.hrm-shot--paper .et_pb_slider.hrm-modslider { background: linear-gradient(180deg, var(--hrm-back-2) 0%, var(--hrm-back-deep) 100%); }
.hrm-shot--paper .hrm-modslider .et_pb_slide .et_pb_container { padding: 40px 48px 64px !important; }
.hrm-shot--paper .hrm-modslider .et_pb_slide .et_pb_slide_image {
  padding: 0 !important; border-radius: 2px;
  transform: perspective(1400px) rotateX(34deg) rotateZ(-7deg) scale(0.95) !important; transform-origin: 50% 70%;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08), 0 30px 40px -10px rgba(12, 24, 40, 0.38), 0 60px 80px -30px rgba(12, 24, 40, 0.3);
  transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.6s;
}
.hrm-shot--paper .hrm-modslider:hover .et_pb_slide .et_pb_slide_image { transform: perspective(1400px) rotateX(0) rotateZ(0) scale(1) !important; box-shadow: 0 24px 50px rgba(12, 24, 40, 0.25); }
.hrm-shot--paper .hrm-modslider .et_pb_slide_image img { border: 0 !important; border-radius: 0 !important; }
@media (max-width: 980px) {
  .hrm-shot--paper .hrm-modslider .et_pb_slide .et_pb_container { padding: 24px 20px 50px !important; }
}/* ==========================================================================================================
   Blog posts + article listings (2026-10-23). Auto-enqueued after style.css (functions.php → hrm_child_enqueue_area_css).
   Palette variables only (--hrm-ink, --hrm-muted, --hrm-line, --hrm-bg, --hrm-panel, --hrm-rail, --hrm-primary,
   --hrm-link, --hrm-back*), so light, dark and the named palettes all work without extra rules.

   Where the markup comes from:
   - Single posts render through Theme Builder body layout 1630 (rebuilt by wp-pages/post_template.py) with the
     sections .hrm-post-head (back link, title, date + reading time, featured image), .hrm-post-body (the post
     content), .hrm-post-more (Divi Blog module: 3 more articles), .hrm-post-offer (module tiles) and
     .hrm-post-contact (Cognito form). The post content itself is migrated Divi 4 markup with no colours of its own,
     so the rules below restyle Divi's defaults (white sections, #666 text, #333 headings, Open Sans).
   - Listing pages (/news/published-articles/, /news/) are legacy Divi pages flagged _hrm_template=v7, which puts
     body.hrm-v7-page on them; their sections carry no hrm-* class, which is how they are told apart from the
     builder pages.
   - Every Divi Blog module in grid mode (.et_pb_posts .et_grid_module) is drawn as the home page's cards.
   ========================================================================================================== */

/* ---------- canvas: posts and legacy v7 pages take the palette surface ---------- */
body.single-post, body.single-post #page-container, body.single-post #et-main-area, body.single-post #main-content { background: var(--hrm-bg) !important; }
body.single-post .et-l--body .et_pb_section:not([class*="hrm-post-"]),
body.hrm-v7-page .et-l--post .et_pb_section:not([class*="hrm-"]) { background-color: transparent !important; }
body.single-post .et-l--body .et_pb_post_content .et_pb_section { background-color: transparent !important; background-image: none !important; }
body.single-post .et-l--body .et_pb_section.hrm-post-head, body.single-post .et-l--body .et_pb_section.hrm-post-body { background-color: transparent !important; }

/* ---------- typography: Outfit headings, Inter body, palette colours ---------- */
body.single-post .et-l--body,
body.hrm-v7-page .et-l--post .et_pb_section:not([class*="hrm-"]) { font-family: Inter, "Open Sans", Arial, sans-serif; color: var(--hrm-ink); }
body.single-post .et-l--body :is(h1, h2, h3, h4, h5, h6),
body.single-post .et-l--body .et_pb_module_header,
body.hrm-v7-page .et-l--post .et_pb_section:not([class*="hrm-"]) :is(h1, h2, h3, h4, h5, h6) {
  font-family: Outfit, Inter, "Open Sans", sans-serif !important; color: var(--hrm-ink) !important; letter-spacing: -0.01em; font-weight: 700;
}
body.single-post .et-l--body :is(p, li, td, th, dd, dt, blockquote, figcaption),
body.hrm-v7-page .et-l--post .et_pb_section:not([class*="hrm-"]) :is(p, li, td, th) { color: var(--hrm-ink); }
body.single-post .et-l--body .et_pb_post_content a:not(.et_pb_button):not(.more-link):not(.entry-featured-image-url),
body.hrm-v7-page .et-l--post .et_pb_section:not([class*="hrm-"]) .et_pb_text a { color: var(--hrm-primary); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
body.single-post .et-l--body .et_pb_post_content a:not(.et_pb_button):hover { color: var(--hrm-primary-d); }
html.hrm-dark body.single-post .et-l--body .et_pb_post_content a:not(.et_pb_button):hover { color: #fff; }

/* ---------- post head ---------- */
body.single-post .hrm-post-head { padding: 44px 0 8px !important; }
body.single-post .hrm-post-head .et_pb_row { padding: 0 !important; width: 90%; max-width: 820px; }
body.single-post .hrm-post-head .hrm-post-tools,
body.single-post .hrm-post-head .et_pb_title_container { max-width: 820px; margin-left: auto; margin-right: auto; }
body.single-post .hrm-post-head .hrm-post-tools { margin-bottom: 14px; }
.hrm-post-back { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--hrm-link) !important; text-decoration: none; }
.hrm-post-back::before { content: "\2190"; font-size: 14px; letter-spacing: 0; }
.hrm-post-back:hover { color: var(--hrm-link-d) !important; }
html.hrm-dark .hrm-post-back:hover { color: #fff !important; }
body.single-post .hrm-post-head .et_pb_post_title { margin: 0 !important; display: block; }
body.single-post .hrm-post-head h1.entry-title {
  font-size: clamp(30px, 3.6vw, 46px) !important; line-height: 1.12 !important; padding: 0 0 12px; margin: 0; text-wrap: balance;
}
body.single-post .hrm-post-head .et_pb_title_meta_container { color: var(--hrm-muted) !important; font-size: 14px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; padding: 0; margin: 0; }
body.single-post .hrm-post-head .et_pb_title_meta_container .published { color: var(--hrm-muted); }
body.single-post .hrm-post-head .hrm-readtime::before { content: "\00b7"; margin: 0 8px 0 2px; }
body.single-post .hrm-post-head .et_pb_title_featured_container { margin-top: 26px; }
body.single-post .hrm-post-head .et_pb_title_featured_container img {
  width: 100%; height: auto; display: block; border-radius: 14px; border: 1px solid var(--hrm-line); box-shadow: var(--hrm-shadow);
}

/* ---------- post body: a readable measure ---------- */
body.single-post .hrm-post-body { padding: 30px 0 24px !important; }
/* text rows (one full-width column) and classic content keep an ~80-character measure (820px); rows the 2023-24 posts
   built with 2-4 columns (text beside a video, icon tiles) get the full 1080px so their columns are not squeezed */
body.single-post .hrm-post-body > .et_pb_row { width: 90%; max-width: 1080px; padding: 0 !important; }
body.single-post .hrm-post-body .et_pb_post_content .et_pb_section { padding: 0 !important; margin: 0 !important; }
body.single-post .hrm-post-body .et_pb_post_content .et_pb_row { width: 100% !important; max-width: 820px !important; margin-left: auto !important; margin-right: auto !important; padding: 10px 0 !important; }
body.single-post .hrm-post-body .et_pb_post_content .et_pb_row:has(> .et_pb_column:not(.et_pb_column_4_4)) { max-width: none !important; }
body.single-post .hrm-post-body .et_pb_post_content > :not(.et-l) { max-width: 820px; margin-left: auto; margin-right: auto; }
body.single-post .hrm-post-body .et_pb_post_content .et_pb_module { margin-bottom: 18px; }
body.single-post .hrm-post-body .et_pb_post_content :is(p, li) { font-size: 17px; line-height: 1.72; }
body.single-post .hrm-post-body .et_pb_post_content p { padding-bottom: 0; margin-bottom: 1.05em; }
body.single-post .hrm-post-body .et_pb_post_content h1 { font-size: 32px !important; line-height: 1.2 !important; padding: 0 0 10px; }
body.single-post .hrm-post-body .et_pb_post_content h2 { font-size: clamp(24px, 2.4vw, 30px) !important; line-height: 1.2 !important; padding: 18px 0 10px; }
body.single-post .hrm-post-body .et_pb_post_content h3 { font-size: 21px !important; line-height: 1.3 !important; padding: 12px 0 8px; }
body.single-post .hrm-post-body .et_pb_post_content h4 { font-size: 18px !important; line-height: 1.35 !important; padding: 10px 0 6px; }
body.single-post .hrm-post-body .et_pb_post_content :is(ul, ol) { padding: 0 0 1em 1.3em !important; }
body.single-post .hrm-post-body .et_pb_post_content li { margin-bottom: 6px; }
body.single-post .hrm-post-body .et_pb_post_content li::marker { color: var(--hrm-link); }
body.single-post .hrm-post-body .et_pb_post_content strong, body.single-post .hrm-post-body .et_pb_post_content b { color: var(--hrm-ink); }
body.single-post .hrm-post-body .et_pb_post_content blockquote { border-left: 4px solid var(--hrm-link); background: var(--hrm-rail); padding: 14px 20px; border-radius: 0 10px 10px 0; margin: 0 0 1.2em; }
/* images: rounded, never wider than the column */
body.single-post .hrm-post-body .et_pb_post_content img { max-width: 100%; height: auto; border-radius: 10px; }
body.single-post .hrm-post-body .et_pb_post_content .et_pb_main_blurb_image img { border-radius: 0; }
/* videos: the old embeds carry width:600px; float:left inline; make every iframe a responsive 16:9 */
body.single-post .hrm-post-body .et_pb_post_content iframe[src*="youtube"],
body.single-post .hrm-post-body .et_pb_post_content iframe[src*="youtu.be"],
body.single-post .hrm-post-body .et_pb_post_content iframe[src*="vimeo"] {
  float: none !important; display: block; width: 100% !important; max-width: 100%; height: auto !important; aspect-ratio: 16 / 9; border: 0; border-radius: 12px; margin: 6px 0 18px;
}
body.single-post .hrm-post-body .et_pb_post_content .et_pb_video { border-radius: 12px; overflow: hidden; }
/* dividers */
body.single-post .et-l--body .et_pb_divider::before { border-top-color: var(--hrm-line) !important; }
/* blurbs (2023-era "why choose" posts): icon left, text right */
body.single-post .hrm-post-body .et_pb_blurb .et_pb_module_header { font-size: 20px !important; padding-bottom: 6px; }
body.single-post .hrm-post-body .et_pb_blurb .et_pb_main_blurb_image { margin-bottom: 12px; }
body.single-post .hrm-post-body .et_pb_blurb_position_left .et_pb_main_blurb_image { width: 96px !important; }
body.single-post .hrm-post-body .et_pb_blurb_position_left .et_pb_main_blurb_image img { width: 96px !important; }
@media (max-width: 767px) {
  /* phones: icon above the text instead of a 128px-wide icon column */
  body.single-post .hrm-post-body .et_pb_blurb_position_left .et_pb_blurb_content { display: block !important; }
  body.single-post .hrm-post-body .et_pb_blurb_position_left .et_pb_main_blurb_image { display: block !important; width: 64px !important; margin: 0 0 12px !important; }
  body.single-post .hrm-post-body .et_pb_blurb_position_left .et_pb_main_blurb_image img { width: 64px !important; }
  body.single-post .hrm-post-body .et_pb_blurb_position_left .et_pb_blurb_container { display: block !important; padding-left: 0 !important; }
}
/* buttons inside posts: the site green button */
body.single-post .et-l--body .et_pb_post_content .et_pb_button {
  background: var(--hrm-link) !important; color: #0b1829 !important; border: 0 !important; border-radius: var(--hrm-btn-radius) !important;
  padding: 12px 24px !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important; font-family: Inter, sans-serif !important;
}
body.single-post .et-l--body .et_pb_post_content .et_pb_button:hover { background: var(--hrm-link-d) !important; padding: 12px 24px !important; }
body.single-post .et-l--body .et_pb_post_content .et_pb_button::after { display: none !important; }
/* galleries */
body.single-post .hrm-post-body .et_pb_gallery_image { border-radius: 10px; overflow: hidden; border: 1px solid var(--hrm-line); }
/* tables inside posts */
body.single-post .hrm-post-body .et_pb_post_content table { border-color: var(--hrm-line) !important; }
body.single-post .hrm-post-body .et_pb_post_content :is(td, th) { border-color: var(--hrm-line) !important; }
/* the Cognito logo in the 2025 Cognito post has a dark navy logotype: lift it on dark surfaces */
html.hrm-dark body.single-post .hrm-post-body .et_pb_post_content svg [class^="i-logotype"] { fill: var(--hrm-ink); }

/* ---------- "More articles" ---------- */
body.single-post .hrm-post-more { background: var(--hrm-rail) !important; padding: 56px 0 48px !important; border-top: 1px solid var(--hrm-line); }
body.single-post .hrm-post-more .et_pb_row { width: 90%; max-width: 1080px; padding: 0 !important; }
body.single-post .hrm-post-morehead { margin-bottom: 22px !important; }
body.single-post .hrm-post-morehead p { padding: 0; margin: 0; }
body.single-post .hrm-post-morehead h2 { font-size: clamp(26px, 3vw, 34px) !important; line-height: 1.15 !important; padding: 0; margin: 0; }
body.single-post .hrm-post-more .et_pb_blog { margin-bottom: 18px !important; }
.hrm-post-all { margin: 0; padding: 0 !important; }
.hrm-post-all a { font-weight: 600; color: var(--hrm-primary) !important; text-decoration: none; }
.hrm-post-all a::after { content: " \2192"; }
.hrm-post-all a:hover { text-decoration: underline; }

/* ---------- "See what we're offering" tiles → cards ---------- */
body.single-post .hrm-post-offer { background: var(--hrm-bg) !important; padding: 56px 0 32px !important; }
body.single-post .hrm-post-offer .et_pb_row { width: 90%; max-width: 1080px; padding-top: 0 !important; padding-bottom: 0 !important; }
body.single-post .hrm-post-offer .et_pb_row + .et_pb_row { margin-top: 0; }
body.single-post .hrm-post-offer .et_pb_divider { display: none; }
body.single-post .hrm-post-offer .et_pb_row:first-child .et_pb_text { max-width: 760px; margin-bottom: 24px !important; }
body.single-post .hrm-post-offer .et_pb_row:first-child h2 { font-size: clamp(26px, 3vw, 34px) !important; line-height: 1.15 !important; padding-bottom: 10px; }
body.single-post .hrm-post-offer .et_pb_row:first-child p { color: var(--hrm-muted); font-size: 17px; line-height: 1.6; }
body.single-post :is(.hrm-post-offer, .hrm-post-body) .et_pb_row_4col:has(.et_clickable) { display: flex; gap: 16px; }
body.single-post :is(.hrm-post-offer, .hrm-post-body) .et_pb_row_4col:has(.et_clickable) > .et_pb_column { margin: 0 0 16px !important; width: auto !important; flex: 1 1 0; display: flex; }
body.single-post :is(.hrm-post-offer, .hrm-post-body) .et_pb_row_4col .et_pb_text.et_clickable {
  width: 100%; background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 14px; padding: 22px 20px 18px; margin: 0 !important;
  transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s;
}
body.single-post :is(.hrm-post-offer, .hrm-post-body) .et_pb_row_4col .et_pb_text.et_clickable:hover { border-color: var(--hrm-primary); transform: translateY(-2px); box-shadow: var(--hrm-shadow); }
body.single-post :is(.hrm-post-offer, .hrm-post-body) .et_pb_row_4col .et_pb_text.et_clickable h3 { font-size: 17px !important; line-height: 1.3 !important; padding: 0 0 6px; }
body.single-post :is(.hrm-post-offer, .hrm-post-body) .et_pb_row_4col .et_pb_text.et_clickable h3:first-child { padding: 0 0 10px; }
body.single-post :is(.hrm-post-offer, .hrm-post-body) .et_pb_row_4col .et_pb_text.et_clickable img { width: 72px !important; height: 72px !important; object-fit: contain; border-radius: 0 !important; }
body.single-post :is(.hrm-post-offer, .hrm-post-body) .et_pb_row_4col .et_pb_text.et_clickable, body.single-post :is(.hrm-post-offer, .hrm-post-body) .et_pb_row_4col .et_pb_text.et_clickable p { color: var(--hrm-muted); font-size: 14.5px; line-height: 1.5; }
@media (max-width: 980px) {
  body.single-post :is(.hrm-post-offer, .hrm-post-body) .et_pb_row_4col:has(.et_clickable) { flex-wrap: wrap; }
  body.single-post :is(.hrm-post-offer, .hrm-post-body) .et_pb_row_4col:has(.et_clickable) > .et_pb_column { flex: 1 1 calc(50% - 8px); }
}
@media (max-width: 560px) {
  body.single-post :is(.hrm-post-offer, .hrm-post-body) .et_pb_row_4col:has(.et_clickable) > .et_pb_column { flex-basis: 100%; }
}

/* ---------- contact band + Cognito form ---------- */
body.single-post .hrm-post-contact { background: var(--hrm-rail) !important; padding: 56px 0 48px !important; border-top: 1px solid var(--hrm-line); }
body.single-post .hrm-post-contact .et_pb_row { width: 90%; max-width: 820px; padding: 0 !important; }
body.single-post .hrm-post-contact .et_pb_divider { display: none; }
body.single-post .hrm-post-contact h2 { font-size: clamp(26px, 3vw, 34px) !important; line-height: 1.15 !important; padding-bottom: 8px; }
body.single-post .hrm-post-contact .et_pb_text p { color: var(--hrm-muted); font-size: 17px; }
/* Cognito keeps its look in CSS variables on .cog-<id>; a longer selector wins over them */
body .et-l .cog-cognito.cog-form, body .et_pb_post_content .cog-cognito.cog-form {
  --font-family: Inter, "Open Sans", Arial, sans-serif; --heading__font-family: Outfit, Inter, sans-serif; --header__font-family: Outfit, Inter, sans-serif;
  --button-primary__font-family: Inter, sans-serif; --button-secondary__font-family: Inter, sans-serif;
  --border-radius: 8px; --button-primary__border-radius: var(--hrm-btn-radius); --button-secondary__border-radius: var(--hrm-btn-radius);
  --button-primary__color: #0b1829; --button-primary__font-weight: 600; --button-primary__font-size: 1.07em;
  --form__background-color: transparent; --font-size: 15px;
}
/* Dark scheme only on theme-aware pages (v7 pages and posts). The old Divi 4 product pages keep white sections in dark
   mode, so their form must keep Cognito's light look there (William, 2026-10-23: form unusable in dark mode). */
html.hrm-dark body:is(.hrm-v7-page, .single-post) .et-l .cog-cognito.cog-form, html.hrm-dark body:is(.hrm-v7-page, .single-post) .et_pb_post_content .cog-cognito.cog-form {
  --color: var(--hrm-ink); --heading__color: var(--hrm-ink); --header__color: var(--hrm-ink); --label__color: var(--hrm-ink);
  --input__background-color: var(--hrm-panel); --input__color: var(--hrm-ink); --input__border-color: rgba(255, 255, 255, 0.18);
  --background-hsl: 210, 20%, 30%; --checkable__border-color: rgba(255, 255, 255, 0.3);
  --button-secondary__background-color: transparent; --primary-reverse: #0b1829; --highlight-reverse: #e8eef5;
}
html.hrm-dark body:is(.hrm-v7-page, .single-post) .et-l .cog-cognito.cog-form :is(.cog-label, .cog-heading, .cog-html, .cog-content, .el-radio__label, .el-checkbox__label, .cog-choice__label) { color: var(--hrm-ink); }
html.hrm-dark body:is(.hrm-v7-page, .single-post) .et-l .cog-cognito.cog-form :is(input, textarea, select, .el-input__inner, .el-textarea__inner) { background-color: var(--hrm-panel) !important; color: var(--hrm-ink) !important; }

/* ---------- Divi Blog module (grid) → cards, everywhere ---------- */
.et_pb_posts .et_pb_blog_posts.et_grid_module { display: grid; gap: 20px !important; }
.et_pb_posts .et_grid_module .et_pb_post {
  display: flex; flex-direction: column; padding: 0 !important; margin: 0 !important; overflow: hidden;
  background: var(--hrm-panel) !important; border: 1px solid var(--hrm-line) !important; border-radius: 14px !important;
  transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s;
}
.et_pb_posts .et_grid_module .et_pb_post:hover { border-color: var(--hrm-primary) !important; transform: translateY(-2px); box-shadow: var(--hrm-shadow); }
.et_pb_posts .et_grid_module .et_pb_image_container { margin: 0 !important; border-radius: 0 !important; overflow: hidden; }
.et_pb_posts .et_grid_module .et_pb_image_container a, .et_pb_posts .et_grid_module .et_pb_image_container img { display: block; border-radius: 0 !important; }
.et_pb_posts .et_grid_module .et_pb_image_container img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; height: auto; }
.et_pb_posts .et_grid_module .et_pb_post .et_overlay { display: none !important; }
.et_pb_posts .et_grid_module .et_pb_post .entry-title { padding: 18px 20px 0 !important; margin: 0 !important; font-family: Outfit, Inter, sans-serif !important; font-size: 19px !important; line-height: 1.3 !important; font-weight: 700 !important; }
.et_pb_posts .et_grid_module .et_pb_post .entry-title a { color: var(--hrm-ink) !important; text-decoration: none !important; }
.et_pb_posts .et_grid_module .et_pb_post:hover .entry-title a { color: var(--hrm-primary) !important; }
.et_pb_posts .et_grid_module .et_pb_post .post-meta { padding: 6px 20px 0 !important; margin: 0 !important; font-size: 13px !important; color: var(--hrm-muted) !important; }
.et_pb_posts .et_grid_module .et_pb_post .post-meta a, .et_pb_posts .et_grid_module .et_pb_post .post-meta span { color: var(--hrm-muted) !important; }
.et_pb_posts .et_grid_module .et_pb_post .post-content { padding: 10px 20px 20px; display: flex; flex-direction: column; flex: 1 1 auto; }
.et_pb_posts .et_grid_module .et_pb_post .post-content-inner { flex: 1 1 auto; }
.et_pb_posts .et_grid_module .et_pb_post .post-content p { font-family: Inter, sans-serif; font-size: 15px !important; line-height: 1.55 !important; color: var(--hrm-muted) !important; padding: 0; }
.et_pb_posts .et_grid_module .et_pb_post .more-link {
  margin-top: 14px; font-size: 0 !important; color: var(--hrm-primary) !important; text-decoration: none !important; align-self: flex-start;
}
.et_pb_posts .et_grid_module .et_pb_post .more-link::after { content: "Read article \2192"; font-size: 14px; font-weight: 600; font-family: Inter, sans-serif; }
/* pagination ("« Older Entries" / "Next Entries »") as outline buttons */
.et_pb_posts .pagination { margin-top: 26px; padding: 0; display: flex; justify-content: space-between; gap: 12px; }
.et_pb_posts .pagination .alignleft, .et_pb_posts .pagination .alignright { float: none; }
.et_pb_posts .pagination a {
  display: inline-block; padding: 10px 20px; border-radius: var(--hrm-btn-radius); border: 1.5px solid var(--hrm-primary); color: var(--hrm-primary) !important;
  font-weight: 600; font-size: 14px; text-decoration: none; font-family: Inter, sans-serif;
}
.et_pb_posts .pagination a:hover { background: var(--hrm-hover); }
@media (max-width: 980px) {
  .et_pb_posts .et_pb_blog_posts.et_grid_module { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 640px) {
  .et_pb_posts .et_pb_blog_posts.et_grid_module { grid-template-columns: 1fr !important; }
}

/* ---------- legacy listing pages (/news/published-articles/, /news/) flagged v7 ---------- */
body.hrm-v7-page .et-l--post > .et_builder_inner_content > .et_pb_fullwidth_section:first-child:not([class*="hrm-"]) .et_pb_fullwidth_image img {
  width: 100%; height: clamp(180px, 26vw, 340px); object-fit: cover; display: block;
}
body.hrm-v7-page .et-l--post .et_pb_section:not([class*="hrm-"]) .et_pb_post_title h1.entry-title {
  font-size: clamp(30px, 3.6vw, 44px) !important; line-height: 1.12 !important; padding-bottom: 6px;
}
body.hrm-v7-page .et-l--post .et_pb_section:not([class*="hrm-"]) .et_pb_post_title { margin-bottom: 26px !important; }
body.hrm-v7-page .et-l--post .et_pb_section:not([class*="hrm-"]) .et_pb_text :is(p, li) { font-size: 16px; line-height: 1.7; }
/* the releases table on /news/ */
body.hrm-v7-page .et-l--post .et_pb_section:not([class*="hrm-"]) table {
  border: 1px solid var(--hrm-line) !important; border-collapse: separate; border-spacing: 0; border-radius: 12px; overflow: hidden; background: var(--hrm-panel); margin: 18px 0; width: 100%;
}
body.hrm-v7-page .et-l--post .et_pb_section:not([class*="hrm-"]) :is(td, th) { border: 0 !important; border-top: 1px solid var(--hrm-line) !important; padding: 10px 16px !important; text-align: left; }
body.hrm-v7-page .et-l--post .et_pb_section:not([class*="hrm-"]) thead th { border-top: 0 !important; background: var(--hrm-rail); font-family: Outfit, Inter, sans-serif; font-weight: 700; }
body.hrm-v7-page .et-l--post .et_pb_section:not([class*="hrm-"]) tbody tr:hover td { background: var(--hrm-hover); }

/* ---------- phones: Divi's 80% rows waste a fifth of a 390px screen ---------- */
@media (max-width: 767px) {
  body.single-post .et-l--body > .et_builder_inner_content > .et_pb_section > .et_pb_row,
  body.hrm-v7-page .et-l--post .et_pb_section:not([class*="hrm-"]) > .et_pb_row { width: calc(100% - 40px) !important; }
  body.single-post .hrm-post-head { padding-top: 28px !important; }
  body.single-post .hrm-post-body .et_pb_post_content :is(p, li) { font-size: 16.5px; }
  body.single-post :is(.hrm-post-more, .hrm-post-offer, .hrm-post-contact) { padding: 40px 0 32px !important; }
}

/* ---------- 2023-24 posts that already carry the module tiles and the Cognito contact form in their own content ----------
   (1577, 1660, 1778, 1888, 1899 and the 1569 draft): the template's copies would repeat them, so hide the template's. */
body.single-post:has(.hrm-post-body script[src*="cognitoforms.com"]) .et-l--body .et_pb_section.hrm-post-offer,
body.single-post:has(.hrm-post-body script[src*="cognitoforms.com"]) .et-l--body .et_pb_section.hrm-post-contact { display: none !important; }
body.single-post .hrm-post-body .et_pb_post_content .et_pb_row_4col:has(.et_clickable) { max-width: 1080px !important; }

/* the listing's grid sits on the rail surface so the cards read as cards (as on the home page's module grid) */
body.hrm-v7-page .et-l--post .et_pb_section.et_pb_section:not([class*="hrm-"]):has(.et_pb_posts) { background-color: var(--hrm-rail) !important; padding-top: 48px !important; }/* ---------- Resources hub (page 1061, wp-pages/resources_build.py, 2026-10-28): cards reuse the product pages'
   "works with" card style (platform.css); this only adds the three-across row and the group spacing. ---------- */
.hrm-plat .hrm-modworksrow.hrm-resrow--3.et_pb_row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hrm-page.hrm-plat.hrm-res-group { padding: 56px 0 !important; }
@media (max-width: 980px) { .hrm-plat .hrm-modworksrow.hrm-resrow--3.et_pb_row { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .hrm-plat .hrm-modworksrow.hrm-resrow--3.et_pb_row { grid-template-columns: 1fr; } }/* ---------- Support pages: FAQ (page 93, wp-pages/faq_build.py) and System Requirements (page 102, wp-pages/sysreq_build.py)
   Added 2026-10-23. Palette variables only, so dark mode and the named palettes apply without extra rules.
   Selectors start with .hrm-page where they set p/li colours: style.css has html.hrm-dark .hrm-page p { color: ink }. */

/* shared: single-column hero without the screenshot column */
.hrm-faqhero h1, .hrm-reqhero h1 { max-width: 18ch; }
.hrm-faqhero .hrm-lead p, .hrm-reqhero .hrm-lead p { max-width: 60ch; }
.hrm-faqpage .et_pb_module, .hrm-req .et_pb_module { margin-bottom: 0; }
.hrm-page [hidden] { display: none !important; }

/* ===== FAQ ===== */
.hrm-faqpage { background: var(--hrm-bg) !important; padding: 56px 0 72px !important; }
.hrm-faqx { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 56px; align-items: start; }

/* topic index (sticky on desktop). Divi's script puts an inline overflow-y:hidden on #page-container, which makes it a
   scroll container and kills position:sticky; on this page clip instead (clip does not create a scroll container). */
#page-container:has(.hrm-faqx) { overflow-x: clip !important; overflow-y: visible !important; }
.hrm-faqx-nav { position: sticky; top: 120px; display: flex; flex-direction: column; gap: 2px; }
body.admin-bar .hrm-faqx-nav { top: 152px; }
.hrm-page .hrm-faqx p.hrm-faqx-navhead { font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--hrm-muted); margin: 0 0 8px; padding: 0 12px; line-height: 1.4; }
.hrm-faqx-nav > a { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 8px; color: var(--hrm-ink); font-weight: 600; font-size: 15px; line-height: 1.3; text-decoration: none; transition: background 0.12s, color 0.12s; }
.hrm-faqx-nav > a:hover { background: var(--hrm-hover); color: var(--hrm-primary); }
.hrm-faqx-nav > a span { flex: none; font-size: 12px; font-weight: 600; color: var(--hrm-muted); background: var(--hrm-rail); border: 1px solid var(--hrm-line); border-radius: 999px; padding: 1px 8px; }
.hrm-page .hrm-faqx p.hrm-faqx-navnote { margin: 18px 0 0; padding: 16px 12px 0; border-top: 1px solid var(--hrm-line); font-size: 14px; line-height: 1.5; color: var(--hrm-muted); }
.hrm-faqx-navnote a { color: var(--hrm-primary); font-weight: 600; }

/* filter + open/close all */
.hrm-faqx-tools { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.hrm-faqx-search { flex: 1; display: flex; align-items: center; gap: 10px; border: 1px solid var(--hrm-line); border-radius: 999px; padding: 0 18px; background: var(--hrm-panel); color: var(--hrm-muted); transition: border-color 0.12s, box-shadow 0.12s; cursor: text; }
.hrm-faqx-search:focus-within { border-color: var(--hrm-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--hrm-primary) 22%, transparent); }
.hrm-faqx-search svg { flex: none; }
.hrm-faqx .hrm-faqx-search input { flex: 1; min-width: 0; border: 0 !important; background: transparent !important; box-shadow: none !important; outline: none; padding: 13px 0 !important; margin: 0; font: inherit; font-size: 16px !important; color: var(--hrm-ink) !important; }
.hrm-faqx .hrm-faqx-search input::placeholder { color: var(--hrm-muted); opacity: 1; }
.hrm-faqx-all { flex: none; display: flex; gap: 2px; }
.hrm-faqx-all button { background: none; border: 0; border-radius: 8px; padding: 8px 10px; font: inherit; font-size: 14px; font-weight: 600; color: var(--hrm-primary); cursor: pointer; }
.hrm-faqx-all button:hover { background: var(--hrm-hover); }

/* groups */
.hrm-faqx-group { margin-top: 36px; scroll-margin-top: 130px; }
body.admin-bar .hrm-faqx-group { scroll-margin-top: 162px; }
.hrm-faqx-group header { margin-bottom: 14px; }
.hrm-page .hrm-faqx-group h2 { font-size: 26px; margin: 0; padding: 0; }
.hrm-page .hrm-faqx-group header p { font-size: 15px; color: var(--hrm-muted); margin: 4px 0 0; padding: 0; }
.hrm-faqx-list { border: 1px solid var(--hrm-line); border-radius: 14px; background: var(--hrm-panel); overflow: hidden; }

/* items: native <details>, no height animation (William: the old accordion felt slow) */
.hrm-faqx-item + .hrm-faqx-item { border-top: 1px solid var(--hrm-line); }
.hrm-faqx-item > summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 18px 22px; font-family: Outfit, Inter, "Open Sans", sans-serif; font-weight: 600; font-size: 17.5px; line-height: 1.35; color: var(--hrm-ink); transition: background 0.12s; }
.hrm-faqx-item > summary::-webkit-details-marker { display: none; }
.hrm-faqx-item > summary::marker { content: ""; }
.hrm-faqx-item > summary:hover { background: var(--hrm-hover); }
.hrm-faqx-item > summary:focus-visible { outline: 2px solid var(--hrm-primary); outline-offset: -2px; }
.hrm-faqx-chev { flex: none; width: 28px; height: 28px; padding: 4px; border-radius: 999px; color: var(--hrm-muted); background: var(--hrm-rail); transition: transform 0.15s ease, color 0.15s; }
.hrm-faqx-item[open] { box-shadow: inset 3px 0 0 var(--hrm-link); }
.hrm-faqx-item[open] > summary { color: var(--hrm-primary); }
.hrm-faqx-item[open] .hrm-faqx-chev { transform: rotate(180deg); color: var(--hrm-primary); }
.hrm-faqx-a { padding: 0 22px 18px; max-width: 72ch; }
.hrm-page .hrm-faqx-a p, .hrm-page .hrm-faqx-a li { font-size: 16px; line-height: 1.65; color: var(--hrm-ink); }
.hrm-page .hrm-faqx-a p { margin: 0 0 12px; padding: 0; }
.hrm-faqx-a > :last-child { margin-bottom: 0 !important; }
.hrm-faqx-a ul { list-style: disc !important; padding: 0 0 0 22px !important; margin: 0 0 12px; }
.hrm-faqx-a li { padding: 2px 0; }
.hrm-faqx-a a { color: var(--hrm-primary); text-decoration: underline; text-underline-offset: 2px; }
.hrm-page .hrm-faqx p.hrm-faqx-none { margin-top: 28px; padding: 22px; border: 1px dashed var(--hrm-line); border-radius: 14px; background: var(--hrm-rail); color: var(--hrm-muted); font-size: 16px; text-align: center; }
.hrm-faqx-none a { color: var(--hrm-primary); font-weight: 600; }

@media (max-width: 980px) {
  .hrm-faqpage { padding: 32px 0 48px !important; }
  .hrm-faqx { grid-template-columns: 1fr; gap: 20px; }
  .hrm-faqx-nav, body.admin-bar .hrm-faqx-nav { position: static; flex-direction: row; flex-wrap: wrap; gap: 8px; }
  .hrm-page .hrm-faqx p.hrm-faqx-navhead, .hrm-page .hrm-faqx p.hrm-faqx-navnote { display: none; }
  .hrm-faqx-nav > a { border: 1px solid var(--hrm-line); border-radius: 999px; padding: 7px 8px 7px 14px; font-size: 14px; background: var(--hrm-panel); }
  .hrm-faqx-group, body.admin-bar .hrm-faqx-group { scroll-margin-top: 90px; }
}
@media (max-width: 560px) {
  .hrm-faqx-tools { flex-wrap: wrap; gap: 4px; }
  .hrm-faqx-search { flex-basis: 100%; }
  .hrm-faqx-all { margin-left: auto; }
  .hrm-faqx-item > summary { padding: 16px 16px; font-size: 16.5px; gap: 12px; }
  .hrm-faqx-a { padding: 0 16px 16px; }
  .hrm-page .hrm-faqx-group h2 { font-size: 23px; }
}

/* ===== System requirements ===== */
.hrm-req { background: var(--hrm-bg) !important; padding: 64px 0 !important; }
.hrm-req--alt { background: var(--hrm-rail) !important; }
html.hrm-dark .hrm-req--alt { background: var(--hrm-back-2) !important; }
.hrm-reqglance { background: var(--hrm-rail) !important; padding: 44px 0 !important; }
html.hrm-dark .hrm-reqglance { background: var(--hrm-back-2) !important; }
.hrm-reqglance .et_pb_module { margin-bottom: 0; }
.hrm-reqglance .hrm-stat b { font-size: clamp(28px, 2.4vw, 38px); }
.hrm-req .hrm-sechead { max-width: 760px; margin-bottom: 26px; }
.hrm-page .hrm-req .hrm-sechead h2 { margin: 0; padding: 0; }
.hrm-page .hrm-req .hrm-sechead p { font-size: 18px; color: var(--hrm-muted); margin: 10px 0 0; padding: 0; }

.hrm-reqcard { border: 1px solid var(--hrm-line); border-radius: 14px; background: var(--hrm-panel); overflow: hidden; }
.hrm-reqtable { width: 100%; border-collapse: collapse; border: 0 !important; margin: 0 !important; table-layout: fixed; }
.hrm-reqtable col.hrm-reqcol-item { width: 24%; }
.hrm-reqtable th, .hrm-reqtable td { border: 0 !important; text-align: left; vertical-align: top; padding: 16px 20px !important; font-size: 15.5px; line-height: 1.55; color: var(--hrm-ink) !important; }  /* Divi's entry-content table rules set #555 */
.hrm-reqtable thead th { background: var(--hrm-rail); font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--hrm-muted) !important; padding-top: 12px !important; padding-bottom: 12px !important; }
html.hrm-dark .hrm-reqtable thead th { background: rgba(255, 255, 255, 0.04); }
.hrm-reqtable tbody tr + tr th, .hrm-reqtable tbody tr + tr td { border-top: 1px solid var(--hrm-line) !important; }
.hrm-reqtable thead + tbody tr:first-child th, .hrm-reqtable thead + tbody tr:first-child td { border-top: 1px solid var(--hrm-line) !important; }
.hrm-reqtable tbody th { font-family: Outfit, Inter, "Open Sans", sans-serif; font-weight: 600; font-size: 16.5px; }
.hrm-reqtable tbody th .hrm-reqitem { display: flex; align-items: center; gap: 12px; }
.hrm-reqtable tbody th img { width: 32px; height: 32px; flex: none; object-fit: contain; }
.hrm-reqtable td b { font-weight: 600; }
.hrm-reqtable td small { display: block; color: var(--hrm-muted) !important; font-size: 14px; margin-top: 4px; line-height: 1.45; }
.hrm-reqtable .hrm-reqnew { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; background: var(--hrm-link); color: #0b1829; border-radius: 999px; padding: 2px 7px; margin-left: 6px; vertical-align: 2px; }

.hrm-reqnote { display: flex; gap: 14px; align-items: flex-start; margin-top: 16px; padding: 16px 20px; border-radius: 12px; border: 1px solid color-mix(in srgb, var(--hrm-primary) 35%, transparent); background: color-mix(in srgb, var(--hrm-primary) 8%, transparent); }
.hrm-reqnote svg { flex: none; color: var(--hrm-primary); margin-top: 3px; }
.hrm-page .hrm-reqnote p { margin: 0; padding: 0; font-size: 15px; line-height: 1.6; color: var(--hrm-ink); }

@media (max-width: 980px) {
  .hrm-req { padding: 44px 0 !important; }
}
/* phones: each requirement becomes a small card; the column names come from data-label */
@media (max-width: 680px) {
  .hrm-reqtable, .hrm-reqtable tbody, .hrm-reqtable tr, .hrm-reqtable th, .hrm-reqtable td { display: block; width: 100%; }
  .hrm-reqtable colgroup, .hrm-reqtable thead { display: none; }
  .hrm-reqtable tbody tr { padding: 14px 16px; }
  .hrm-reqtable tbody tr + tr { border-top: 1px solid var(--hrm-line); }
  .hrm-reqtable tbody tr + tr th, .hrm-reqtable tbody tr + tr td, .hrm-reqtable thead + tbody tr:first-child th, .hrm-reqtable thead + tbody tr:first-child td { border-top: 0 !important; }
  .hrm-reqtable th, .hrm-reqtable td { padding: 0 !important; }
  .hrm-reqtable tbody th { margin-bottom: 8px; }
  .hrm-reqtable td + td { margin-top: 8px; }
  .hrm-reqtable td[data-label]::before { content: attr(data-label); display: block; font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--hrm-muted); margin-bottom: 2px; }
}
.hrm-reqnote a { color: var(--hrm-primary); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 560px) {
  .hrm-reqglance { padding: 28px 0 !important; }
  .hrm-reqglance .hrm-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .hrm-reqglance .hrm-stat { padding: 16px 14px 14px; }
  .hrm-reqglance .hrm-stat b { font-size: 22px; margin-bottom: 6px; white-space: nowrap; }
  .hrm-reqglance .hrm-stat span { font-size: 13.5px; line-height: 1.4; }
}

/* System requirements › at-a-glance cards as Blurb modules in a 4-column row (2026-10-23) */
.hrm-reqglance .hrm-statsrow.et_pb_row { display: flex; flex-wrap: wrap; align-items: stretch; }
.hrm-reqglance .hrm-statsrow .et_pb_column { display: flex; }
.hrm-reqglance .et_pb_blurb.hrm-stat { width: 100%; background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 12px; padding: 22px 22px 20px; margin-bottom: 0; }
.hrm-reqglance .hrm-stat .et_pb_blurb_content { max-width: none; text-align: left; }
.hrm-reqglance .hrm-stat .et_pb_module_header { font-family: Outfit, Inter, sans-serif; font-weight: 700; font-size: clamp(30px, 2.6vw, 42px); line-height: 1; letter-spacing: -0.02em; color: var(--hrm-primary); padding: 0 0 10px; }
.hrm-reqglance .hrm-stat .et_pb_module_header small { font-size: 0.5em; color: var(--hrm-link); font-weight: 700; letter-spacing: 0; }
.hrm-reqglance .hrm-stat .et_pb_blurb_description, .hrm-reqglance .hrm-stat .et_pb_blurb_description p { color: var(--hrm-muted); font-size: 15px; line-height: 1.45; margin: 0; }
@media (max-width: 980px) {
  .hrm-reqglance .hrm-statsrow .et_pb_column { margin-bottom: 14px; }
}

/* FAQ hero centred (2026-10-23, William: the left-aligned hero with nothing on the right looked crowded to the left) */
.hrm-faqhero .et_pb_column { text-align: center; }
.hrm-faqhero .hrm-h1wrap h1 { max-width: 20ch; margin-left: auto; margin-right: auto; }
.hrm-faqhero .hrm-lead p { max-width: 60ch; margin-left: auto; margin-right: auto; }
.hrm-faqhero .et_pb_button_module_wrapper { margin: 22px 5px 0; }

/* ===== Current version (page 1364, wp-pages/version_build.py, 2026-10-23) =====
   Sections: hrm-ver-hero (compact hero), hrm-ver-glance (Blurb stat cards), hrm-ver-new (Blurb highlight cards),
   hrm-ver-details (Text + Accordion), hrm-ver-v6 (version 6.3.3.6: Text + Image modules), then the shared hrm-ctaband. */
.hrm-ver-hero .et_pb_column { text-align: center; }
.hrm-ver .et_pb_row { padding-top: 0 !important; padding-bottom: 0 !important; }
.hrm-page.hrm-ver-glance { padding: 44px 0 !important; }
.hrm-ver .et_pb_module.hrm-sechead { margin-bottom: 28px !important; }  /* Divi zeroes a column's last module; rows here have no padding */
.hrm-page.hrm-ver-details, .hrm-page.hrm-ver-new, .hrm-page.hrm-ver-v6 { padding: 64px 0 !important; }
html.hrm-dark .hrm-ver-glance, html.hrm-dark .hrm-ver-details { background: var(--hrm-back-2) !important; }

/* outline button on light sections (the shared .hrm-page .et_pb_button.hrm-btn rule outranks .hrm-btn--outline) */
.hrm-ver .et_pb_button.hrm-btn--outline { background: transparent !important; color: var(--hrm-primary) !important; border: 1.5px solid var(--hrm-primary) !important; }
.hrm-ver .et_pb_button.hrm-btn--outline:hover { background: var(--hrm-hover) !important; }

/* at a glance */
.hrm-ver-glance .hrm-statsrow.et_pb_row { display: flex; flex-wrap: wrap; align-items: stretch; }
.hrm-ver-glance .hrm-statsrow .et_pb_column { display: flex; }
.hrm-ver-glance .et_pb_blurb.hrm-stat { width: 100%; background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 12px; padding: 22px 22px 20px; margin-bottom: 0; }
.hrm-ver-glance .hrm-stat .et_pb_blurb_content { max-width: none; text-align: left; }
.hrm-ver-glance .hrm-stat .et_pb_module_header { font-family: Outfit, Inter, sans-serif; font-weight: 700; font-size: clamp(30px, 2.6vw, 42px); line-height: 1; letter-spacing: -0.02em; color: var(--hrm-primary); padding: 0 0 10px; }
.hrm-ver-glance .hrm-stat .et_pb_module_header small { font-size: 0.5em; color: var(--hrm-link); font-weight: 700; letter-spacing: 0; }
.hrm-page.hrm-ver-glance .hrm-stat .et_pb_blurb_description, .hrm-page.hrm-ver-glance .hrm-stat .et_pb_blurb_description p { color: var(--hrm-muted); font-size: 15px; line-height: 1.45; margin: 0; }

/* highlight cards (Blurb with an image icon) */
.hrm-ver-new .hrm-ver-cards.et_pb_row { display: flex; flex-wrap: wrap; align-items: stretch; }
.hrm-ver-new .hrm-ver-cards .et_pb_column { display: flex; margin-bottom: 20px; }
.hrm-ver-new .et_pb_blurb.hrm-ver-card { width: 100%; background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 14px; padding: 22px; margin-bottom: 0; transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s; }
.hrm-ver-new .et_pb_blurb.hrm-ver-card:hover { border-color: var(--hrm-primary); transform: translateY(-2px); box-shadow: var(--hrm-shadow); }
.hrm-ver-new .hrm-ver-card .et_pb_blurb_content { max-width: none; display: flex; gap: 16px; align-items: flex-start; text-align: left; }
.hrm-ver-new .hrm-ver-card .et_pb_main_blurb_image { flex: none; width: 40px; margin: 2px 0 0; }
.hrm-ver-new .hrm-ver-card .et_pb_main_blurb_image img { width: 40px; height: 40px; object-fit: contain; }
.hrm-ver-new .hrm-ver-card .et_pb_blurb_container { min-width: 0; padding-left: 0; }
.hrm-ver-new .hrm-ver-card .et_pb_module_header { font-family: Outfit, Inter, sans-serif; font-size: 18px; font-weight: 700; color: var(--hrm-ink); padding: 0 0 6px; }
.hrm-page.hrm-ver-new .hrm-ver-card .et_pb_blurb_description p { font-size: 15px; line-height: 1.6; color: var(--hrm-muted); margin: 0; }

/* details: side text + accordion */
.hrm-ver-details .hrm-ver-detailrow.et_pb_row { display: flex; align-items: flex-start; gap: 48px; }
.hrm-ver-details .hrm-ver-detailrow .et_pb_column { margin-right: 0 !important; }
.hrm-ver-details .hrm-sechead { margin-bottom: 20px; }
.hrm-ver-details .hrm-sechead h2 { font-size: clamp(26px, 2.4vw, 32px); }
.hrm-ver-aside.et_pb_text { margin-top: 30px; padding-top: 22px; border-top: 1px solid var(--hrm-line); }
.hrm-page .hrm-ver-aside h3 { font-size: 18px; margin: 0 0 8px; padding: 0; color: var(--hrm-ink); }
.hrm-page .hrm-ver-aside p + h3 { margin-top: 20px; }
.hrm-page .hrm-ver-aside p { font-size: 15.5px; line-height: 1.6; color: var(--hrm-muted); margin: 0 0 10px; padding: 0; }
.hrm-page .hrm-ver-aside p b { color: var(--hrm-ink); }
.hrm-ver-aside a, .hrm-ver-acc a { color: var(--hrm-primary); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.hrm-ver-acc.et_pb_accordion { border: 1px solid var(--hrm-line); border-radius: 14px; background: var(--hrm-panel); overflow: hidden; }
.hrm-ver-acc .et_pb_toggle { border: 0 !important; border-radius: 0; background: var(--hrm-panel) !important; margin: 0 !important; padding: 0 !important; }
.hrm-ver-acc .et_pb_toggle + .et_pb_toggle { border-top: 1px solid var(--hrm-line) !important; }
.hrm-ver-acc .et_pb_toggle_title { font-family: Outfit, Inter, "Open Sans", sans-serif; font-weight: 600; font-size: 17.5px !important; line-height: 1.35 !important; color: var(--hrm-ink) !important; padding: 18px 56px 18px 22px !important; cursor: pointer; }
.hrm-ver-acc .et_pb_toggle_title:hover { background: var(--hrm-hover); }
.hrm-ver-acc .et_pb_toggle_title::before { right: 22px !important; color: var(--hrm-muted) !important; }
.hrm-ver-acc .et_pb_toggle_open { box-shadow: inset 3px 0 0 var(--hrm-link); }
.hrm-ver-acc .et_pb_toggle_open .et_pb_toggle_title, .hrm-ver-acc .et_pb_toggle_open .et_pb_toggle_title::before { color: var(--hrm-primary) !important; }
.hrm-ver-acc .et_pb_toggle_content { padding: 0 22px 18px !important; }
.hrm-ver-acc .et_pb_toggle_content ul { list-style: disc !important; padding: 0 0 0 22px !important; margin: 0; }
.hrm-page .hrm-ver-acc .et_pb_toggle_content li { font-size: 15.5px; line-height: 1.6; color: var(--hrm-ink); padding: 3px 0; }

/* version 6.3.3.6 */
.hrm-ver-v6 .hrm-sechead { margin-bottom: 18px; }
.hrm-ver-prose { max-width: 760px; }
.hrm-page .hrm-ver-prose p { font-size: 16.5px; line-height: 1.65; color: var(--hrm-ink); margin: 0 0 12px; padding: 0; }
.hrm-page .hrm-ver-sub h3 { font-size: 18px; margin: 28px 0 14px; padding: 0; color: var(--hrm-ink); }
.hrm-ver-v6 .hrm-ver-shots .et_pb_column { margin-bottom: 20px; }
.hrm-ver-v6 .et_pb_image.hrm-ver-shot { margin-bottom: 0; }
.hrm-ver-v6 .hrm-ver-shot img { border: 1px solid var(--hrm-line); border-radius: 10px; background: var(--hrm-panel); }
.hrm-ver-v6 .hrm-ver-shot a:hover img { border-color: var(--hrm-primary); }
.hrm-ver-v6foot .et_pb_button_module_wrapper { margin-top: 10px; }

@media (max-width: 980px) {
  .hrm-page.hrm-ver-details, .hrm-page.hrm-ver-new, .hrm-page.hrm-ver-v6 { padding: 44px 0 !important; }
  .hrm-ver-glance .hrm-statsrow .et_pb_column, .hrm-ver-new .hrm-ver-cards .et_pb_column { margin-bottom: 14px; }
  .hrm-ver-details .hrm-ver-detailrow.et_pb_row { display: block; }
  .hrm-ver-details .hrm-ver-side { margin-bottom: 28px; }
  .hrm-ver-v6 .hrm-ver-shots.et_pb_row { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .hrm-ver-v6 .hrm-ver-shots.et_pb_row::after { display: none; }
  .hrm-ver-v6 .hrm-ver-shots .et_pb_column { width: 48% !important; margin-right: 0 !important; }
  .hrm-ver-v6 .hrm-ver-shots .et_pb_column:empty, .hrm-ver-v6 .hrm-ver-shots .et_pb_column_empty { display: none; }
}
@media (max-width: 560px) {
  .hrm-page.hrm-ver-glance { padding: 28px 0 !important; }
  .hrm-ver-glance .hrm-statsrow.et_pb_row { justify-content: space-between; }
  .hrm-ver-glance .hrm-statsrow.et_pb_row::after { display: none; }  /* Divi's clearfix would be a flex item */
  .hrm-ver-glance .hrm-statsrow .et_pb_column { width: 48.5% !important; margin: 0 0 10px !important; }
  .hrm-ver-glance .et_pb_blurb.hrm-stat { padding: 16px 14px 14px; }
  .hrm-ver-glance .hrm-stat .et_pb_module_header { font-size: 24px; white-space: nowrap; padding-bottom: 6px; }
  .hrm-page.hrm-ver-glance .hrm-stat .et_pb_blurb_description p { font-size: 13.5px; line-height: 1.4; }
  .hrm-ver-acc .et_pb_toggle_title { font-size: 16.5px !important; padding: 16px 48px 16px 16px !important; }
  .hrm-ver-acc .et_pb_toggle_title::before { right: 16px !important; }
  .hrm-ver-acc .et_pb_toggle_content { padding: 0 16px 16px !important; }
}input[type="checkbox"].cmplz-category { width: initial; -webkit-appearance: checkbox;}input[type="checkbox"].cmplz-category:checked::before { content: '';}.cmplz-cookiebanner { box-sizing: border-box;}:root { --cmplz_banner_width: 400px; --cmplz_banner_background_color: #1f2428; --cmplz_banner_border_color: #f2f2f2; --cmplz_banner_border_width: 0px 0px 0px 0px ; --cmplz_banner_border_radius: 12px 12px 12px 12px; --cmplz_banner_margin: 10px; --cmplz_categories-height: 110px; --cmplz_title_font_size: 15px; --cmplz_text_line_height: calc(var(--cmplz_text_font_size) * 1.5); --cmplz_text_color: #e6e6e6; --cmplz_hyperlink_color: #d6e8bd; --cmplz_text_font_size: 10px; --cmplz_link_font_size: 10px; --cmplz_category_body_font_size: 10px; --cmplz_button_accept_background_color: #8bc53f; --cmplz_button_accept_border_color: #8bc53f; --cmplz_button_accept_text_color: #ffffff; --cmplz_button_deny_background_color: #f9f9f9; --cmplz_button_deny_border_color: #f2f2f2; --cmplz_button_deny_text_color: #222222; --cmplz_button_settings_background_color: #f9f9f9; --cmplz_button_settings_border_color: #f2f2f2; --cmplz_button_settings_text_color: #333333; --cmplz_button_border_radius: 6px 6px 6px 6px; --cmplz_button_font_size: 15px; --cmplz_category_header_always_active_color: green; --cmplz_category_header_title_font_size: 14px; --cmplz_category_header_active_font_size: 12px; --cmplz-manage-consent-height: 50px; --cmplz-manage-consent-offset: -35px; --cmplz_slider_active_color: #8bc53f; --cmplz_slider_inactive_color: #555; --cmplz_slider_bullet_color: #ffffff;}body.cmplz-banner-active *:not(.cmplz-cookiebanner):not(.cmplz-cookiebanner *) { pointer-events: none !important; user-select: none !important;}.cmplz-cookiebanner * { pointer-events: auto !important; user-select: auto !important;}#cmplz-manage-consent .cmplz-manage-consent { margin: unset; z-index: 9998; color: var(--cmplz_text_color); background-color: var(--cmplz_banner_background_color); border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; line-height: initial; position: fixed; bottom: var(--cmplz-manage-consent-offset); min-width: 100px; height: var(--cmplz-manage-consent-height); right: 40px; padding: 15px; cursor: pointer; animation: mc_slideOut 0.5s forwards;}#cmplz-manage-consent .cmplz-manage-consent:active { outline: none; border: none;}#cmplz-manage-consent .cmplz-manage-consent.cmplz-dismissed { display: none;}#cmplz-manage-consent .cmplz-manage-consent:hover,#cmplz-manage-consent .cmplz-manage-consent:focus { animation: mc_slideIn 0.5s forwards; animation-delay: 0;}@-webkit-keyframes mc_slideIn { 100% { bottom: 0; }}@keyframes mc_slideIn { 100% { bottom: 0; }}@-webkit-keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-header .cmplz-title { display: none; }}.cmplz-cookiebanner { max-height: calc(100vh - 20px); overflow-y: auto; position: fixed; height: auto; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); grid-template-rows: minmax(0, 1fr); z-index: 99999; background: var(--cmplz_banner_background_color);}.cmplz-cookiebanner a { transition: initial;}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn.tcf { display: none;}.cmplz-cookiebanner.cmplz-dismissed { display: none;}.cmplz-cookiebanner .cmplz-body { width: 100%; grid-column: span 3; overflow-y: auto; overflow-x: hidden; max-height: 55vh;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar { width: 5px; background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-thumb { background-color: var(--cmplz_button_accept_background_color); border-radius: 10px;}@media (min-width: 350px) { .cmplz-cookiebanner .cmplz-body { min-width: 300px; }}@media (max-height: 400px) { .cmplz-cookiebanner { height: calc(100vh - 20px); display: flex; flex-direction: column; overflow: hidden; gap: 1px; grid-row-gap: 1px; padding: 7px 12px !important; zoom: 0.6; } .cmplz-cookiebanner .cmplz-body { flex: 1; min-height: 0; overflow-y: auto; max-height: none; margin-top: 15px !important; } .cmplz-cookiebanner .cmplz-header, .cmplz-cookiebanner .cmplz-divider, .cmplz-cookiebanner .cmplz-links, .cmplz-cookiebanner .cmplz-buttons, .cmplz-cookiebanner .cmplz-documents { flex-shrink: 0; } .cmplz-cookiebanner .cmplz-header { margin-bottom: 15px !important; max-height: 10px; } .cmplz-close { zoom: 0.6 !important; } .cmplz-cookiebanner .cmplz-buttons { gap: 1px !important; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { height: 15vh !important; min-height: unset !important; padding: 0 !important; white-space: nowrap !important; font-size: 1.1rem !important; line-height: 14px !important; zoom: 0.5 !important; } .cmplz-cookiebanner .cmplz-documents, .cmplz-cookiebanner .cmplz-information { zoom: 0.5 !important; }}@media (max-height: 400px) and (max-width: 768px) { .cmplz-cookiebanner { gap: 1px; }}.cmplz-cookiebanner { border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); padding: 15px 20px; display: grid; grid-gap: 10px;}.cmplz-cookiebanner .cmplz-divider { margin-left: -20px; margin-right: -20px;}.cmplz-cookiebanner .cmplz-header { grid-template-columns: 100px 1fr 100px; align-items: center; display: grid; grid-column: span 3;}@media (max-width: 399px) { .cmplz-cookiebanner .cmplz-header { grid-template-columns: auto 1fr auto; }}.cmplz-cookiebanner .cmplz-logo svg { max-height: 35px; width: inherit;}.cmplz-cookiebanner .cmplz-logo img { max-height: 40px; width: inherit;}.cmplz-cookiebanner .cmplz-title { justify-self: center; grid-column-start: 2; font-size: var(--cmplz_title_font_size); color: var(--cmplz_text_color); font-weight: 500;}.cmplz-cookiebanner .cmplz-close { line-height: 20px; justify-self: end; grid-column-start: 3; font-size: 20px; cursor: pointer; width: 20px; height: 20px; color: var(--cmplz_text_color);}.cmplz-cookiebanner .cmplz-close svg { width: 20px; height: 20px;}.cmplz-cookiebanner .cmplz-close:hover { text-decoration: none; line-height: initial; font-size: 18px;}.cmplz-cookiebanner .cmplz-message { word-wrap: break-word; font-size: var(--cmplz_text_font_size); line-height: var(--cmplz_text_line_height); color: var(--cmplz_text_color); margin-bottom: 5px;}.cmplz-cookiebanner .cmplz-message a { color: var(--cmplz_hyperlink_color);}.cmplz-cookiebanner .cmplz-message,.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-links,.cmplz-cookiebanner .cmplz-buttons,.cmplz-cookiebanner .cmplz-divider { grid-column: span 3;}.cmplz-cookiebanner .cmplz-categories.cmplz-tcf .cmplz-category .cmplz-category-header { grid-template-columns: 1fr auto;}.cmplz-cookiebanner .cmplz-categories .cmplz-category { background-color: rgba(239, 239, 239, 0.5);}.cmplz-cookiebanner .cmplz-categories .cmplz-category:not(:last-child) { margin-bottom: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header { display: grid; grid-template-columns: 1fr auto 15px; grid-template-rows: minmax(0, 1fr); align-items: center; grid-gap: 10px; padding: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title { font-weight: 500; grid-column-start: 1; justify-self: start; font-size: var(--cmplz_category_header_title_font_size); color: var(--cmplz_text_color); margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active { font-size: var(--cmplz_category_header_active_font_size); font-weight: 500; color: var(--cmplz_category_header_always_active_color);}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox { display: flex; align-items: center; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox input[data-category=cmplz_functional] { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open { cursor: pointer; content: ''; transform: rotate(0deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-size: cover; height: 18px; width: 18px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description { font-size: var(--cmplz_category_body_font_size); color: var(--cmplz_text_color); margin: 0; max-width: 100%; padding: 10px;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-category .cmplz-category-header { grid-template-columns: 1fr!important; }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-message { margin-right: 5px; }}.cmplz-cookiebanner .cmplz-buttons { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn { min-height: 45px; padding: 10px; margin: initial; width: 100%; white-space: nowrap; border-radius: var(--cmplz_button_border_radius); cursor: pointer; font-size: var(--cmplz_button_font_size); font-weight: 500; text-decoration: none; line-height: 20px; text-align: center; flex: initial;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover { text-decoration: none;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept { background-color: var(--cmplz_button_accept_background_color); border: 1px solid var(--cmplz_button_accept_border_color); color: var(--cmplz_button_accept_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny { background-color: var(--cmplz_button_deny_background_color); border: 1px solid var(--cmplz_button_deny_border_color); color: var(--cmplz_button_deny_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-manage-options { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn { display: flex; align-items: center; justify-content: center; padding: initial;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-links.cmplz-information { display: initial; text-align: center; }}.cmplz-cookiebanner .cmplz-links { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-links.cmplz-information { justify-content: space-between;}.cmplz-cookiebanner .cmplz-links.cmplz-documents { justify-content: center;}.cmplz-cookiebanner .cmplz-links .cmplz-link { color: var(--cmplz_hyperlink_color); font-size: var(--cmplz_link_font_size); text-decoration: underline; margin: 0;}.cmplz-cookiebanner .cmplz-links .cmplz-link.cmplz-read-more-purposes { display: none;}.cmplz-cookiebanner .cmplz-links ul { margin: 0; padding: 0; list-style: none; display: flex; gap: var(--cmplz_banner_margin); justify-content: center;}.cmplz-categories .cmplz-category .cmplz-description-statistics-anonymous { display: none;}.cmplz-categories .cmplz-category .cmplz-description-statistics { display: block;}.cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-categories .cmplz-category .cmplz-category-toggle[aria-expanded="true"] .cmplz-icon.cmplz-open { transform: rotate(180deg);}.cmplz-cookiebanner { top: initial; left: 10px; bottom: 10px; transform: initial;}@media (min-width: 768px) { .cmplz-cookiebanner { min-width: var(--cmplz_banner_width); max-width: 100%; display: grid; grid-row-gap: 10px; }}@media (max-width: 768px) { .cmplz-cookiebanner { left: initial; right: initial; bottom: 0; width: 100%; } .cmplz-cookiebanner .cmplz-buttons { flex-direction: column; }}@media (min-width: 768px) { .cmplz-message, .cmplz-categories { width: calc(var(--cmplz_banner_width) - 42px); }}#cmplz-manage-consent .cmplz-manage-consent { left: 40px; right: initial;}.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-save-preferences,.cmplz-cookiebanner .cmplz-link.cmplz-manage-options,.cmplz-cookiebanner .cmplz-manage-vendors,.cmplz-cookiebanner .cmplz-read-more,.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options { display: none;}.cmplz-cookiebanner .cmplz-categories.cmplz-fade-in { animation: fadeIn 1s; -webkit-animation: fadeIn 1s; -moz-animation: fadeIn 1s; -o-animation: fadeIn 1s; -ms-animation: fadeIn 1s; display: block;}@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}.cmplz-cookiebanner .cmplz-links.cmplz-information { display: none;}.cmplz-cookiebanner { animation: fadeIn 2s; -webkit-animation: fadeIn 2s; -moz-animation: fadeIn 2s; -o-animation: fadeIn 2s; -ms-animation: fadeIn 2s;}@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}.cmplz-cookiebanner .cmplz-preferences,.cmplz-manage-consent-container .cmplz-preferences { display: none;}.cmplz-cookiebanner .cmplz-statistics:not(.cmplz-tcf),.cmplz-manage-consent-container .cmplz-statistics:not(.cmplz-tcf) { display: none;}.cmplz-deny { display: none;}.cmplz-cookiebanner .cmplz-title { display: none;}@media (max-width: 768px) { #cmplz-manage-consent .cmplz-manage-consent { display: none; }}.cmplz-logo { display: none !important;}.cmplz-cookiebanner .cmplz-close { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox { position: relative;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox { opacity: 0; margin: 0; margin-top: -10px; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; position: absolute; z-index: 1; top: 0px; left: 0px; width: 40px; height: 20px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label:before { box-shadow: 0 0 0 2px #245fcc;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before { display: block; background-color: var(--cmplz_slider_active_color); content: ""; padding-left: 6px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label:after { left: 14px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label { position: relative; padding-left: 30px; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before,.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { box-sizing: border-box; position: absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: background-color 0.3s, left 0.3s;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before { display: block; content: ""; color: #fff; box-sizing: border-box; font-family: 'FontAwesome', sans-serif; padding-left: 23px; font-size: 12px; line-height: 20px; background-color: var(--cmplz_slider_inactive_color); left: 0px; top: -7px; height: 15px; width: 28px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { display: block; content: ""; letter-spacing: 20px; background: var(--cmplz_slider_bullet_color); left: 4px; top: -5px; height: 11px; width: 11px;}.cmplz-cookiebanner { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}#cmplz-manage-consent .cmplz-manage-consent { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show:hover { transition-duration: 1s; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;}.cmplz-cookiebanner .cmplz-divider.cmplz-divider-header { height: 0;}.cmplz-categories .cmplz-category .cmplz-description-statistics-anonymous { display: block;}.cmplz-categories .cmplz-category .cmplz-description-statistics { display: none;}.cmplz-cookiebanner { padding: 8px 10px !important; max-width: 440px !important; border-radius: 12px !important; }.cmplz-cookiebanner .cmplz-header { display: none !important; }.cmplz-cookiebanner .cmplz-message { font-size: 12px !important; line-height: 1.45 !important; margin: 0 0 4px !important; }.cmplz-cookiebanner .cmplz-buttons { gap: 10px !important; }.cmplz-cookiebanner .cmplz-buttons .cmplz-btn { width: auto !important; min-height: 0 !important; height: 32px !important; line-height: 1 !important; padding: 0 16px !important; font-size: 13px !important; font-weight: 600 !important; border-radius: 999px !important; flex: 0 0 auto !important; }.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept { background: #82c230 !important; border-color: #82c230 !important; color: #0b1829 !important; }.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences,.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences { background: transparent !important; border: 1px solid rgba(255,255,255,0.35) !important; color: #e8eef5 !important; }.cmplz-cookiebanner .cmplz-links { margin-top: 4px !important; font-size: 12px !important; }.cmplz-cookiebanner .cmplz-links a { color: #9fb3c8 !important; }.cmplz-cookiebanner .cmplz-buttons { justify-content: center !important; }.cmplz-cookiebanner .cmplz-message,.cmplz-cookiebanner .cmplz-links { text-align: center !important; }