.elementor-28 .elementor-element.elementor-element-3d5c76a:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-3d5c76a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev.thecanyonscollection.com/wp-content/uploads/2026/01/room_1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-28 .elementor-element.elementor-element-3d5c76a > .elementor-container{min-height:700px;}.elementor-28 .elementor-element.elementor-element-3d5c76a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-28 .elementor-element.elementor-element-3d5c76a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-28 .elementor-element.elementor-element-38136cd > .elementor-container{max-width:1200px;}.elementor-28 .elementor-element.elementor-element-38136cd{margin-top:50px;margin-bottom:50px;}.elementor-28 .elementor-element.elementor-element-e6b1a1c{text-align:center;}.elementor-28 .elementor-element.elementor-element-6c46fa29{--divider-border-style:solid;--divider-color:#7D6D4F;--divider-border-width:2px;}.elementor-28 .elementor-element.elementor-element-6c46fa29 .elementor-divider-separator{width:13%;margin:0 auto;margin-center:0;}.elementor-28 .elementor-element.elementor-element-6c46fa29 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-28 .elementor-element.elementor-element-74f9c62{text-align:center;}.elementor-28 .elementor-element.elementor-element-74f9c62 p{margin-block-end:0px;}.elementor-28 .elementor-element.elementor-element-73217db1{margin-top:0px;margin-bottom:70px;padding:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-3fda9e52 > .elementor-element-populated{margin:15px 15px 15px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;padding:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-439d831a:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-439d831a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev.thecanyonscollection.com/wp-content/uploads/2026/01/room_7.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-28 .elementor-element.elementor-element-439d831a > .elementor-background-overlay{background-color:#000000;opacity:0.24;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-28 .elementor-element.elementor-element-439d831a:hover > .elementor-background-overlay{background-color:#000000;opacity:0.5;}.elementor-28 .elementor-element.elementor-element-439d831a > .elementor-container{min-height:500px;}.elementor-28 .elementor-element.elementor-element-439d831a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 20px 20px 20px;}.elementor-28 .elementor-element.elementor-element-6b85a573 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-768a058a .elementor-heading-title{color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-ad3f4bb > .elementor-element-populated{margin:15px 15px 15px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;padding:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-52ad843:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-52ad843 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev.thecanyonscollection.com/wp-content/uploads/2026/01/canyonslodge_7-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-28 .elementor-element.elementor-element-52ad843 > .elementor-background-overlay{background-color:#000000;opacity:0.24;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-28 .elementor-element.elementor-element-52ad843:hover > .elementor-background-overlay{background-color:#000000;opacity:0.5;}.elementor-28 .elementor-element.elementor-element-52ad843 > .elementor-container{min-height:500px;}.elementor-28 .elementor-element.elementor-element-52ad843{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 20px 20px 20px;}.elementor-28 .elementor-element.elementor-element-816e3af > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-c41be62 .elementor-heading-title{color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px) and (min-width:768px){.elementor-28 .elementor-element.elementor-element-3fda9e52{width:100%;}.elementor-28 .elementor-element.elementor-element-ad3f4bb{width:100%;}}@media(max-width:1024px){.elementor-28 .elementor-element.elementor-element-3d5c76a > .elementor-container{min-height:400px;}.elementor-28 .elementor-element.elementor-element-e6b1a1c .elementor-heading-title{font-size:34px;}.elementor-28 .elementor-element.elementor-element-6c46fa29 .elementor-divider-separator{width:20%;}.elementor-28 .elementor-element.elementor-element-74f9c62{font-size:18px;}.elementor-28 .elementor-element.elementor-element-439d831a > .elementor-container{min-height:300px;}.elementor-28 .elementor-element.elementor-element-52ad843 > .elementor-container{min-height:300px;}}@media(max-width:767px){.elementor-28 .elementor-element.elementor-element-3d5c76a > .elementor-container{min-height:350px;}.elementor-28 .elementor-element.elementor-element-e6b1a1c .elementor-heading-title{font-size:31px;}.elementor-28 .elementor-element.elementor-element-6c46fa29 .elementor-divider-separator{width:30%;}.elementor-28 .elementor-element.elementor-element-768a058a .elementor-heading-title{line-height:30px;}.elementor-28 .elementor-element.elementor-element-c41be62 .elementor-heading-title{line-height:30px;}}/* Start custom CSS for section, class: .elementor-element-38136cd *//* Prevent any overflow when the image zooms */ .elementor-28 .elementor-element.elementor-element-3fda9e52 > .elementor-element-populated, .elementor-28 .elementor-element.elementor-element-ad3f4bb > .elementor-element-populated { overflow: hidden; } /* Target ONLY the background image layers (no zoom or lift on the card itself) */ .elementor-28 .elementor-element.elementor-element-439d831a:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-439d831a > .elementor-motion-effects-container > .elementor-motion-effects-layer, .elementor-28 .elementor-element.elementor-element-52ad843:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-52ad843 > .elementor-motion-effects-container > .elementor-motion-effects-layer { transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); } /* ZOOM ONLY the image on hover */ .elementor-28 .elementor-element.elementor-element-3fda9e52 > .elementor-element-populated:hover ~ * .elementor-element-439d831a:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-3fda9e52 > .elementor-element-populated:hover .elementor-element-439d831a > .elementor-motion-effects-container > .elementor-motion-effects-layer, .elementor-28 .elementor-element.elementor-element-ad3f4bb > .elementor-element-populated:hover ~ * .elementor-element-52ad843:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-ad3f4bb > .elementor-element-populated:hover .elementor-element-52ad843 > .elementor-motion-effects-container > .elementor-motion-effects-layer, /* Main hover trigger: when hovering the card container */ .elementor-28 .elementor-element.elementor-element-3fda9e52:hover .elementor-element-439d831a:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-3fda9e52:hover .elementor-element-439d831a > .elementor-motion-effects-container > .elementor-motion-effects-layer, .elementor-28 .elementor-element.elementor-element-ad3f4bb:hover .elementor-element-52ad843:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-ad3f4bb:hover .elementor-element-52ad843 > .elementor-motion-effects-container > .elementor-motion-effects-layer { transform: scale(1.04); /* Adjust this: 1.15 = gentle, 1.25 = strong zoom */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-768a058a */.text{ text-shadow: 0 0 2px #2d282d, 0 0 2px #2d282d, 0 0 2px #2d282d, 0 0 2px #2d282d, 0 0 3px #2d282d, 0 0 3px #2d282d, 0 0 6px #2d282d; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c41be62 */.text{ text-shadow: 0 0 2px #2d282d, 0 0 2px #2d282d, 0 0 2px #2d282d, 0 0 2px #2d282d, 0 0 3px #2d282d, 0 0 3px #2d282d, 0 0 6px #2d282d; }/* End custom CSS */