/*
Theme Name: Hello Elementor Child
Theme URI: https://alumascroofing.newsoftdemo.info
Description: Child theme of Hello Elementor for Alumasc Roofing. Houses site-specific customizations safely above the parent theme so parent updates don't overwrite them.
Author: Nethues
Template: hello-elementor
Version: 1.0.8
Requires PHP: 7.4
Text Domain: hello-elementor-child
*/

/* Add child-theme CSS overrides below this line. */
body { overflow-x:hidden; }

/* Sustainable Solutions page (1734): smaller category hexes + tighter gap on mobile only.
   Overrides the shortcode's inline --fc-size / --fc-gap so both image and plain hexes scale. */
@media (max-width: 767px){
	body.page-id-1734 .alc-fc-icons{ --fc-size:56px !important; --fc-gap:15px !important; }
}

/* Case Study "Systems in Use" carousel arrows: green circle, supplied chevron,
   50x50, vertically centred on the image (image height clamp(320,30vw,450) -> centre clamp(160,15vw,225)). */
body.single-case_study .elementor-widget-loop-carousel .elementor-swiper-button{
	width:50px; height:50px; border-radius:50%; background:#2FAC66;
	top:clamp(160px,15vw,225px) !important; transform:translateY(-50%) !important;
	display:flex; align-items:center; justify-content:center; transition:background .2s;
}
body.single-case_study .elementor-widget-loop-carousel .elementor-swiper-button-prev{ left:20px !important; }
body.single-case_study .elementor-widget-loop-carousel .elementor-swiper-button-next{ right:20px !important; }
body.single-case_study .elementor-widget-loop-carousel .elementor-swiper-button:hover{ background:#268a52; }
body.single-case_study .elementor-widget-loop-carousel .elementor-swiper-button svg{ display:none; }
body.single-case_study .elementor-widget-loop-carousel .elementor-swiper-button::after{
	content:""; width:11px; height:20px; background:no-repeat center/contain;
	background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2711%27 height=%2720%27 viewBox=%270 0 11 20%27 fill=%27none%27%3E%3Cpath d=%27M8.81025 10.0536C8.70222 10.1315 8.61382 10.1802 8.53525 10.2582C5.8049 12.9761 3.07454 15.6941 0.334359 18.3926C0.0102521 18.7141 -0.0584979 19.0453 0.0790021 19.4739C0.275431 20.0584 1.15936 20.1753 1.61114 19.7175C2.76025 18.5582 3.91918 17.4184 5.06829 16.2786C6.92454 14.4374 8.78079 12.5962 10.6272 10.7452C11.0004 10.3653 11.1183 9.87822 10.8531 9.53726C10.5683 9.18655 10.2442 8.86507 9.92007 8.54359C9.41918 8.03701 8.90847 7.53044 8.38793 7.02386C8.22097 6.85825 8.03436 6.71212 7.8674 6.54651C7.3665 6.03994 6.86561 5.50414 6.3549 4.99756C5.55936 4.20847 4.754 3.43887 3.94865 2.64978C3.15311 1.87043 2.34775 1.08134 1.57186 0.282509C1.07097 -0.233808 0.187038 -0.0194879 0.0200736 0.691666C-0.0584979 1.03263 0.0593593 1.36385 0.324538 1.62688C1.03168 2.31855 1.729 3.01997 2.42632 3.72138C4.53793 5.80613 6.63972 7.90063 8.81025 10.0536Z%27 fill=%27white%27/%3E%3C/svg%3E");
}
body.single-case_study .elementor-widget-loop-carousel .elementor-swiper-button-prev::after{ transform:rotate(180deg); }

/* Case Study gallery lightbox prev/next: same green circle + supplied chevron as the Systems arrows. */
body.single-case_study .alc-csg-lb-prev, body.single-case_study .alc-csg-lb-next{ background:#2FAC66 !important; border:0 !important; }
body.single-case_study .alc-csg-lb-prev:hover, body.single-case_study .alc-csg-lb-next:hover{ background:#268a52 !important; }
body.single-case_study .alc-csg-lb-prev::before, body.single-case_study .alc-csg-lb-next::before{
	content:"" !important; border:0 !important; width:11px !important; height:20px !important; margin:0 !important; transform:none;
	background:no-repeat center/contain;
	background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2711%27 height=%2720%27 viewBox=%270 0 11 20%27 fill=%27none%27%3E%3Cpath d=%27M8.81025 10.0536C8.70222 10.1315 8.61382 10.1802 8.53525 10.2582C5.8049 12.9761 3.07454 15.6941 0.334359 18.3926C0.0102521 18.7141 -0.0584979 19.0453 0.0790021 19.4739C0.275431 20.0584 1.15936 20.1753 1.61114 19.7175C2.76025 18.5582 3.91918 17.4184 5.06829 16.2786C6.92454 14.4374 8.78079 12.5962 10.6272 10.7452C11.0004 10.3653 11.1183 9.87822 10.8531 9.53726C10.5683 9.18655 10.2442 8.86507 9.92007 8.54359C9.41918 8.03701 8.90847 7.53044 8.38793 7.02386C8.22097 6.85825 8.03436 6.71212 7.8674 6.54651C7.3665 6.03994 6.86561 5.50414 6.3549 4.99756C5.55936 4.20847 4.754 3.43887 3.94865 2.64978C3.15311 1.87043 2.34775 1.08134 1.57186 0.282509C1.07097 -0.233808 0.187038 -0.0194879 0.0200736 0.691666C-0.0584979 1.03263 0.0593593 1.36385 0.324538 1.62688C1.03168 2.31855 1.729 3.01997 2.42632 3.72138C4.53793 5.80613 6.63972 7.90063 8.81025 10.0536Z%27 fill=%27white%27/%3E%3C/svg%3E");
}
body.single-case_study .alc-csg-lb-prev::before{ transform:rotate(180deg); }
/* Show lightbox arrows only on hover of the image (devices with a real pointer); always visible on touch. */
@media (hover:hover){
	body.single-case_study .alc-csg-lb-prev, body.single-case_study .alc-csg-lb-next{ opacity:0; transition:opacity .25s ease; }
	body.single-case_study .alc-csg-lb-frame:hover .alc-csg-lb-prev, body.single-case_study .alc-csg-lb-frame:hover .alc-csg-lb-next{ opacity:1; }
}