* {
font-variant-ligatures: none;
}
#amour-elementor-site{
--peach: #FF9951;
--pink: #FC7497;
--input-hov-glow: rgb(252, 116, 151, 50%);
--page-item-gap: 120px;
/* Icons */
--footer-icon-small: url("../media/svg/amour-logo-ftr-small.svg");
--calendar: url(data:image/svg+xml,%3Csvg%20width%3D%2239%22%20height%3D%2242%22%20viewBox%3D%220%200%2039%2042%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.25%2014.1676H37.3474M9.27164%201.25V5.55588M29.3257%201.25V5.55588M7.26623%2020.6265H11.2771M17.2933%2020.6265H21.3041M27.3203%2020.6265H31.3312M7.26623%2027.0853H11.2771M17.2933%2027.0853H21.3041M27.3203%2027.0853H31.3312M7.26623%2033.5441H11.2771M17.2933%2033.5441H21.3041M27.3203%2033.5441H31.3312M7.66731%2040.0029H30.9301C33.1763%2040.0029%2034.2996%2040.0029%2035.1575%2039.5336C35.9121%2039.1209%2036.5258%2038.4621%2036.9102%2037.6519C37.3474%2036.7309%2037.3474%2035.525%2037.3474%2033.1135V12.4453C37.3474%2010.0338%2037.3474%208.82801%2036.9102%207.90693C36.5258%207.09672%2035.9121%206.438%2035.1575%206.0252C34.2996%205.55588%2033.1763%205.55588%2030.9301%205.55588H7.66731C5.42105%205.55588%204.2979%205.55588%203.43995%206.0252C2.68525%206.438%202.07168%207.09672%201.68716%207.90693C1.25%208.82801%201.25%2010.0338%201.25%2012.4453V33.1135C1.25%2035.525%201.25%2036.7309%201.68716%2037.6519C2.07168%2038.4621%202.68525%2039.1209%203.43995%2039.5336C4.2979%2040.0029%205.42103%2040.0029%207.66731%2040.0029Z%22%20stroke%3D%22black%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E);
--arrow: url("data:image/svg+xml,");
--plus: url("data:image/svg+xml,");
font-family: "Roboto";
}
#amour-elementor-site .wrap{
width: 100vw;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
#amour-elementor-site .ctnr{
display: flex;
align-items: center;
justify-content: center;
}
#amour-elementor-site, #amour-elementor-site *, #amour-elementor-site*::before, #amour-elementor-site *::before, #amour-elementor-site*::after, #amour-elementor-site *::after{
box-sizing: border-box;
font-variant-ligatures: none;
}
#amour-elementor-site{
padding: 0;
margin: 0;
background-color: black;
overflow-x: hidden;
}
#amour-elementor-site.no-scroll::before{
content: "";
display: block;
position: fixed;
top: 0;
width: 100vw;
height: 100vh;
background-color: rgb(255,0,0,0.5);
z-index: 9999;
overflow: hidden;
}
/* Navigation */
#amour-elementor-site .nav {
position: fixed;
top: 0;
z-index: 999;
width: 100%;
/* background-color: rgb(255 255 255 / 10%); */
background-image: linear-gradient(rgb(0, 0, 0, 85%), transparent);
height: 142px;
display: flex;
align-items: center;
justify-content: center;
transition: ease 0.5s !important;
}
#amour-elementor-site .nav .nav-btn{
display: none;
}
#amour-elementor-site .nav .nav-inner .nav-btn-mobile{
display: none;
}
/* Nav Scrolling */
#amour-elementor-site .nav.no-tr.scroll *{
transition: none !important;
}
#amour-elementor-site .nav.scroll .nav-nav{
/*transform: scale(0.8);*/
gap: 25px !important;
}
#amour-elementor-site .nav.scroll{
height: calc(142px * 0.75);
}
#amour-elementor-site .nav.scroll .nav-nav a{
font-size: 11px;
}
#amour-elementor-site .nav.scroll #booking-btn{
padding: 13px 20px 13px calc(0px + 49px);
font-size: 13px;
margin-right: 6px;
border-radius: 58px;
background-size: 18px;
}
#amour-elementor-site .nav .nav-nav{
display: flex;
align-items: center;
justify-content: center;
transform-origin: 100% 50%;
transition: ease 0.5s !important;
gap: 25px;
}
#amour-elementor-site .nav.scroll .logo img{
width: 50px !important;
}
#amour-elementor-site .nav .nav-inner{
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
width: 1210px;
/* transition: ease 0.5s; */
}
#amour-elementor-site .nav-inner::before{
position: absolute;
content: "";
width: 1070px;
height: 1070px;
left: -718px;
bottom: -325px;
background-image: radial-gradient(#FFB877 -129.4px, transparent 475.6px);
pointer-events: none;
user-select: none;
opacity: 0.3;
z-index: 998;
}
#amour-elementor-site .nav #booking-btn {
font-size: 15px;
font-family: "Roboto Serif";
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
background-color: white;
border: none;
border-radius: 57px;
padding: 14px 25px 14px calc(12px + 45px);
cursor: pointer;
background-image: var(--calendar);
background-repeat: no-repeat;
background-position: 8% 50%;
background-size: 21px;
margin-right: 4px;
transition: ease 0.5s !important;
color: black !important;
}
#booking-btn {
background-color: white !important;
}
#amour-elementor-site .nav .nav-inner .logo img{
display: flex;
width: 60px;
margin: -8px;
transition: ease 0.5s !important;
}
#amour-elementor-site .nav .nav-nav{
display: flex;
gap: 28px;
margin-right: -5px;
}
#amour-elementor-site .nav .nav-nav a {
padding: 4px;
font-size: 12px;
text-decoration: none;
font-family: "Roboto Serif";
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
color: #FFDBBA;
transition: ease 0.5s !important;
cursor: pointer;
}
#amour-elementor-site .nav .nav-inner .ee{
position: fixed;
width: 1080px;
height: 100000px;
/*background-color: rgb(255, 255, 255, 0.1); */
pointer-events: none;
user-select: none;
}
@media (max-width: 1080px){#amour-elementor-site .page-item.hero .hero-img{
width: 500px !important;
}
#amour-elementor-site .page-item.hero .headline-contain .spaced-label{
font-size: 0.35em;
}
#amour-elementor-site .page-item.hero .hero-img-contain{
margin-top: 3px;
}
#amour-elementor-site .page-item.hero .headline{
font-size: 68px !important;
line-height: 60px !important;
}}
@media (max-width: 1030px){#amour-elementor-site .page-item.hero .hero-img{
width: 480px !important;
}
#amour-elementor-site .page-item.hero .headline-contain .spaced-label{
font-size: 8.35px !important;
}
#amour-elementor-site .page-item.hero .hero-img-contain{
margin-top: 2px;
}
#amour-elementor-site .page-item .subject-line{
font-size: 13px !important;
}
#amour-elementor-site .page-item.hero .headline{
font-size: 65px !important;
line-height: 58px !important;
}}
@media (max-width: 535px){#amour-elementor-site .page-item.services .headline.scroll-headline{
width: 404px !important;
}}
@media (max-width: 1040px){#amour-elementor-site .page-item.services .subject-line{
width: 530px !important;
}}
@media (max-width: 1200px){#amour-elementor-site .page-item.services .subject-line{
width: 500px !important;
}}
@media (max-width: 520px){/* Hero Section */
#amour-elementor-site .page-item.hero .headline{
font-size: 51px !important;
line-height: 46px !important;
margin-top: 0px;
width: 400px !important;
}
#amour-elementor-site .page-item.hero .hero-img{
width: 310px !important;
}
#amour-elementor-site .page-item.hero #booking-btn{
width: 277px !important;
padding: 18px 0px 18px 44px !important;
background-position: 10% 50% !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline{
margin-top: -38px;
width: 391px !important;
}
/* About Section */
#amour-elementor-site .page-item.about .subject-line{
width: 286px !important;
}
#amour-elementor-site .page-item.about .about-img{
width: 322px !important;
}
/* Services Section */
#amour-elementor-site .page-item.services .services-img{
width: 300px !important;
margin-right: -20px !important;
}
/* Contact Section */
#amour-elementor-site .page-item.contact .contact-form{
width: 321px !important;
}
#amour-elementor-site .page-item.contact .subject-line{
width: 340px !important;
}}
@media (max-width: 1260px){#amour-elementor-site .nav .nav-inner{
width: 100%;
margin-left: 82px;
margin-right: 82px;
/*background: red;*/
}
#amour-elementor-site .page-item{
width: 100%;
max-width: none !important;
padding-left: 82px;
padding-right: 82px;
}
#amour-elementor-site .page-item .services.inner{
padding-left: 0px !important;
padding-right: 0px !important;
}
#amour-elementor-site .page-item.services .services-img-contain .subject-line{
left: 100px !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline .scroll-headline-inner{
width: 100% !important;
}}
@media (max-width: 1220px){/* Contact Section */
#amour-elementor-site .page-item.contact .contact-form{
width: 470px !important;
}
#amour-elementor-site .page-item.contact .subject-line{
width: 383px;
}
#amour-elementor-site .page-item.contact .office-info{
display: flex;
flex-direction: column;
gap: 35px;
width: 400px;
}}
@media (max-width: 1165px){#amour-elementor-site .page-item.about .about-img{
width: 50% !important;
/*transform: none !important;*/
}
#amour-elementor-site .page-item.about .text-contain{
display: flex;
width: 408px !important;
display: block;
}
#amour-elementor-site .page-item.contact .contact-form{
width: 437px !important;
}
#amour-elementor-site .page-item.contact .contact-form label{
font-size: 11px !important;
}
#amour-elementor-site .page-item.contact .contact-form .section{
width: 48.3% !important;
}
#amour-elementor-site .page-item.contact .info-contain{
width: 412px !important;
}
#amour-elementor-site .page-item.contact .hours{
width: 400px !important;
}
#amour-elementor-site .page-item .subject-line{
font-size: 14px !important;
}}
@media (max-width: 1135px){#amour-elementor-site .page-item.contact .contact-form{
width: 420px !important;
}
#amour-elementor-site .page-item.about .headline, #amour-elementor-site .page-item.contact .headline{
font-size: 63px !important;
}
#amour-elementor-site .page-item.contact .sub-headline{
font-size: 41px !important;
}
#amour-elementor-site .page-item .subject-line{
font-size: 13px !important;
}
#amour-elementor-site .page-item.contact .info-contain{
width: 384px !important;
}
#amour-elementor-site .page-item.contact .contact-form{
width: 395px !important;
}
#amour-elementor-site .page-item.contact .hours{
}}
@media (max-width: 1055px){#amour-elementor-site .page-item.contact .contact-form{
width: 360px !important;
}
#amour-elementor-site .page-item.contact .info-contain{
width: 370px !important;
}}
@media (max-width: 1160px){#amour-elementor-site .page-item.services .headline.scroll-headline .scroll-headline-inner{
width: 569px !important;
}
#amour-elementor-site .page-item.services .services-img{
width: 107.8% !important;
height: auto !important;
margin-right: -30px !important;
}}
@media (max-width: 1080px){#amour-elementor-site .nav{
height: calc(142px * 0.75);
}
#amour-elementor-site .nav .logo img{
width: 50px !important;
}
#amour-elementor-site .nav .nav-nav{
/*transform: scale(0.8);*/
gap: 35px !important;
}
#amour-elementor-site .nav{
height: calc(142px * 0.75);
}
#amour-elementor-site .nav .nav-nav a{
font-size: 11px;
}
#amour-elementor-site .nav #booking-btn{
padding: 13px 20px 13px calc(0px + 49px);
font-size: 13px;
margin-right: 6px;
border-radius: 8px;
background-size: 18px;
}
#amour-elementor-site .page-item.services .services-img{
width: 359px !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline .scroll-headline-inner{
width: 100% !important;
}}
@media (max-width: 925px){#amour-elementor-site .nav .nav-nav{
display: none;
}
#amour-elementor-site .nav .nav-inner{
width: 100%;
margin-left: 52px;
margin-right: 52px;
}
#amour-elementor-site .nav .nav-btn{
--nav-btn-size: 50px;
width: var(--nav-btn-size);
height: var(--nav-btn-size);
}
#amour-elementor-site .nav .nav-inner .nav-btn{
display: flex;
cursor: pointer;
z-index: 999;
}
#amour-elementor-site .nav .nav-inner .nav-btn-mobile{
display: flex;
position: absolute;
user-select: none;
}
#amour-elementor-site .nav .nav-inner .fade-out-anim ~ .nav-btn-mobile .link-menu{
display: block !important;
animation: out 0.25s ease !important;
}
#amour-elementor-site .nav .nav-inner .nav-btn.toggled ~ .nav-btn-mobile .link-menu{
display: block !important;
animation: link-menu-fadein 0.25s ease !important;
}
#amour-elementor-site .nav .nav-inner .toggled ~ .nav-btn-mobile .link-menu .link-contain .link{
animation: link-menu-text-fadein 0.3s ease;
}
#amour-elementor-site .nav .nav-inner .toggled ~ .nav-btn-mobile .links > .link-contain:nth-of-type(2) .link, #amour-elementor-site .nav .nav-inner .toggled ~ .nav-btn-mobile .links > .link-contain:nth-of-type(4) .link{
animation: link-menu-text-fadein-2 0.3s ease !important;
}
@keyframes link-menu-text-fadein{
from {
transform: translateX(-30px);
}
to {
transform: translateX(0px);
}
}
@keyframes link-menu-text-fadein-2{
from {
transform: translateX(30px);
}
to {
transform: translateX(0px);
}
}
@keyframes out{
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes link-menu-fadein{
from {
background-color: rgb(0, 0, 0, 0);
}
to {
background-color: rgb(0, 0, 0, var(--bg-op));
}
}
@keyframes link-menu-fadeout{
from {
background-color: rgb(0, 0, 0, 0);
}
to {
background-color: rgb(0, 0, 0, var(--bg-op));
}
}
#amour-elementor-site .nav .nav-inner .nav-btn-mobile .link-menu{
--bg-op: 0.95;
display: none !important;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgb(0, 0, 0, var(--bg-op));
/*overflow: scroll;*/
overflow-x: hidden;
}
#amour-elementor-site .nav .nav-inner .nav-btn-mobile .link-menu .links .link-contain{
width: 100%;
}
#amour-elementor-site .nav .nav-inner .nav-btn-mobile .link-menu .links{
display: flex;
flex-direction: column;
align-items: center;
margin-top: 110px;
}
#amour-elementor-site .nav .nav-inner .nav-btn-mobile .link-menu input#booking-btn{
width: 100%;
padding: 23px 20px 23px 20px;
margin: 0;
font-size: 21px;
border-radius: 8px;
background-image: none !important;
}
#amour-elementor-site .nav .nav-inner .nav-btn-mobile .link-menu .links .book *{
color: white;
font-size: 60px;
}
#amour-elementor-site .nav .nav-inner .nav-btn-mobile .link-menu .links .link-contain{
position: relative;
}
#amour-elementor-site .nav .nav-inner .nav-btn-mobile .link-menu .links .link-contain .hover-item{
width: 100%;
overflow: hidden;
}
#amour-elementor-site .nav .nav-inner .nav-btn-mobile .link-menu .links .link-contain .hover-item, #amour-elementor-site .nav .nav-inner .nav-btn-mobile .link-menu .links .link-contain .hover-item .contain{
display: flex;
height: 100%;
pointer-events: none;
top: 0;
position: absolute;
justify-content: center;
overflow: hidden;
}
#amour-elementor-site .nav .nav-inner .nav-btn-mobile .link-menu .links .link-contain.book .hover-item .contain{
background-color: white;
}
#amour-elementor-site .link-contain.book .hover-item .contain *{
color: black !important;
}
#amour-elementor-site .nav .nav-inner .nav-btn-mobile .link-menu .links .link-contain .hover-item .contain{
display: flex;
align-items: center;
justify-content: center;
background-color: var(--peach);
width: 0%;
height: 100%;
pointer-events: none;
top: 0;
position: absolute;
transition: 0.4s ease;
text-decoration: none;
font-size: 58px;
text-transform: lowercase;
font-family: "playfair display sc";
font-weight: 600;
letter-spacing: -2px;
color: white;
}
#amour-elementor-site .nav .nav-inner .nav-btn-mobile .link:hover ~ .hover-item .contain{
width: 100% !important;
}
#amour-elementor-site .nav .nav-inner .nav-btn-mobile .link-menu .links a{
position: relative;
background-image: linear-gradient(90deg, var(--peach) 20%, white);
color: transparent;
background-clip: text;
--padding: 8px;
padding-top: var(--padding);
padding-bottom: var(--padding);
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 58px;
text-transform: lowercase;
font-family: "playfair display sc";
font-weight: 600;
letter-spacing: -2px;
}
/* Navigation Main */
#amour-elementor-site .nav .nav-inner .logo{
z-index: 999;
}}
/* Mobile Layout #1 */
@media (max-width: 990px){/* Navigation */
#amour-elementor-site .nav .nav-nav{
/*transform: scale(0.8);*/
gap: 28px !important;
}
#amour-elementor-site .nav{
height: calc(142px * 0.75);
}
#amour-elementor-site .nav .nav-nav a{
font-size: 10.5px;
}
/* Hero Section */
#amour-elementor-site .page-item.hero{
display: flex;
flex-direction: column-reverse;
align-items: center !important;
justify-content: center !important;
padding-top: 109px !important;
margin-bottom: 100px;
/* padding-top: 0 !important; */
}
#amour-elementor-site .page-item.hero #booking-btn{
margin-top: 40px !important;
width: 313px !important;
}
#amour-elementor-site .page-item.hero .headline-contain .spaced-label{
display: none !important;
}
#amour-elementor-site .page-item.hero > .text-contain{
max-width: 400px;
display: flex;
align-items: center;
flex-direction: column;
}
#amour-elementor-site .page-item.hero .hero-img{
width: 419px !important;
margin-right: 6px !important;
margin-top: 0px !important;
}
#amour-elementor-site .page-item .headline-contain{
margin-bottom: none !important;
}
#amour-elementor-site .page-item.hero .headline{
font-size: 54px;
line-height: 50px;
}
#amour-elementor-site .page-item.services > .subject-line{
display: block !important;
width: 380px;
text-align: center !important;
margin-top: 12px;
font-size: 14.8px;
}
#amour-elementor-site .page-item.hero .headline, #amour-elementor-site .page-item.hero .subject-line{
text-align: center !important;
}
/* Services Section */
#amour-elementor-site .page-item.services{
display: flex;
flex-direction: column;
align-items: center;
}
#amour-elementor-site .page-item.services.inner{
width: 100%;
margin-top: 146px !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline{
max-width: 550px;
height: 200px !important;
margin-top: -22px;
}
#amour-elementor-site .page-item.services .headline-contain{
gap: 0px !important;
align-items: center;
}
#amour-elementor-site .page-item.services .headline.scroll-headline .scroll-headline-inner{
margin-top: 0px !important;
transform: scale(1.0);
/*width: 900px !important;*/
transition: transform 0s !important;
transform: none !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline .scroll-headline-inner .service > .line:nth-of-type(1){
transform: translateX(40px);
}
/* remove subject line from inside of services img */
#amour-elementor-site .page-item.services .services-img-contain .subject-line{
display: none !important;
}
#amour-elementor-site .page-item.services > .subject-line{
display: block !important;
width: 380px;
text-align: center !important;
margin-top: 12px;
font-size: 14.8px;
}
#amour-elementor-site .page-item.services .services-img{
margin-top: 180px !important;
transform: none !important;
width: 396px !important;
}
/* About Section */
#amour-elementor-site .page-item.about{
flex-direction: column-reverse;
align-items: center;
margin-top: 250px !important;
}
#amour-elementor-site .page-item.about .headline{
font-size: 70px !important
}
#amour-elementor-site .page-item.about .text-contain{
align-items: center !important;
justify-content: center;
}
#amour-elementor-site .page-item.about .subject-line{
text-align: center !important;
width: 370px;
}
#amour-elementor-site .page-item.about .subject-line p:nth-of-type(1){
margin-top: 0.8em;
margin-bottom: 19px;
}
#amour-elementor-site .page-item.about .subject-line p{
/* width: 470px !important; */
}
#amour-elementor-site .page-item.about .about-img{
transform: none !important;
margin-top: 35px;
margin-right: -25px;
width: 447px !important;
}
#amour-elementor-site .page-item.about .headline.scroll-headline.ol{
display: none !important;
}
/* Contact */
#amour-elementor-site .page-item.contact{
flex-direction: column !important;
gap: 50px !important;
}
#amour-elementor-site .page-item.contact .headline{
font-size: 64px !important;
}
#amour-elementor-site .page-item.contact .info-contain{
width: 100% !important;
align-items: center !important;
justify-content: center !important;
}
#amour-elementor-site .page-item.contact .info-contain .text-contain{
display: flex;
flex-direction: column;
align-items: center;
}
#amour-elementor-site .page-item.contact .subject-line{
width: 100%;
text-align: center;
}
#amour-elementor-site .page-item.contact .text-contain.hours .subject-line{
font-size: 13.5px;
}
#amour-elementor-site .page-item.contact .contact-meta{
justify-content: center;
gap: 15px !important;
}
#amour-elementor-site .page-item.contact .get-contact{
display: flex;
flex-direction: column;
align-items: center;
}
#amour-elementor-site .page-item.contact .subject-line{
width: 470px !important;
}
#amour-elementor-site .page-item.contact .sub-headline{
display: flex;
flex-direction: column;
align-items: center;
max-width: 467px !important;
width: auto !important;
}
#amour-elementor-site .page-item.contact .contact-form{
width: 100% !important;
align-items: center;
padding-top: none !important;
gap: 25px !important;
}
#amour-elementor-site .page-item.contact .contact-form .section{
flex-direction: column !important;
gap: 25px !important;
width: 100% !important;
}
#amour-elementor-site .page-item.contact .office-info .links{
justify-content: center !important;
}
/* Footer */
#amour-elementor-site .page-item.footer{
margin-top: 90px !important;
height: 250px !important;
}
#amour-elementor-site .page-item.footer .logo{
display: none !important;
}
#amour-elementor-site .page-item.footer .logo.small{
display: block !important;
}
#amour-elementor-site .page-item.footer .copyright{
display: flex;
align-items: start;
flex-direction: column;
margin-bottom: 20px;
}
/* Testimonials Section */
#amour-elementor-site .page-item.testimonials .reviews .contain{
height: calc(420px * 3.0) !important;
}
#amour-elementor-site .page-item.testimonials .reviews .contain .chunks .reviews-chunk{
flex-direction: column;
}
#amour-elementor-site .page-item.testimonials .reviews .contain .chunks{
overflow: visible !important;
}
#amour-elementor-site .page-item.testimonials .reviews .contain{
width: 470px !important;
flex-direction: column; !important;
}
#amour-elementor-site .page-item.testimonials .reviews .btns{
right: auto !important;
height: 0;
bottom: 0;
}
#amour-elementor-site .page-item.testimonials .reviews .btns .btn{
margin: 20px;
}
#amour-elementor-site .page-item.testimonials .reviews .btns .btn:hover, #amour-elementor-site .page-item.testimonials .reviews .btns .btn:hover svg{
transform: none !important;
}}
/* Mobile Layout #2 */
@media (max-width: 990px){/* ALIGNMENT */
#amour-elementor-site .nav .nav-inner .ee{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
#amour-elementor-site .nav .nav-inner .ee::before{
/*.nav .nav-inner .ee::after { */
content: "";
background-color: rgb(255, 0, 0,0.1);
display: block;
/*width: 370px;*/
/*width: 65%;*/
width: 55%;
height: 100%;
position: absolute;
}
/*.nav .nav-inner .ee::after {
width: 42%;
}*/
/* Hero Section */
#amour-elementor-site .page-item.hero .hero-img{
width: 430px !important;
}
#amour-elementor-site .page-item.hero .headline{
font-size: 70px !important;
line-height: 63px !important;
margin-top: 0px;
}
#amour-elementor-site .page-item.hero .subject-line{
font-size: 13.4px !important;
width: 420px !important;
}
#amour-elementor-site .page-item.hero #booking-btn{
margin-top: 40px !important;
width: 407px !important;
}
/* Contact Page */
#amour-elementor-site .page-item.contact{
align-items: center;
}
#amour-elementor-site .page-item.contact .subject-line{
width: 431px;
text-align: center;
}
#amour-elementor-site .page-item.contact .contact-form{
width: 470px !important;
}
/* Services Page */
#amour-elementor-site .page-item.services.inner{
padding-top: 0 !important;
}
#amour-elementor-site .page-item.services .headline-contain .spaced-label{
margin-bottom: 65px !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline{
display: flex;
align-items: center !important;
justify-content: center !important;
margin-top: -38px;
width: 580px !important;
height: auto !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline .subject-line-contain{
display: flex;
align-items: center;
justify-content: center;
width: auto !important;
height: auto !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline .subject-line{
position: static !important;
text-align: center;
margin-top: 1em !important;
}
#amour-elementor-site .page-item.services .services-img{
width: 428px !important;
margin-right: -42px !important;
}
#amour-elementor-site .page-item.services svg text{
}
/*.page-item.services .service.ol g.anim-contain.c2 text {
}*/
#amour-elementor-site .page-item.services .line:nth-of-type(1) g.anim-contain.c1{
transform: translateX(140px);
}
#amour-elementor-site .page-item.services .line:nth-of-type(2) g.anim-contain.c1{
transform: translateX(36px);
}
#amour-elementor-site .page-item.services .line:nth-of-type(1) g.anim-contain.c2{
transform: translateX(12px);
}
#amour-elementor-site .page-item.services .line:nth-of-type(2) g.anim-contain.c2{
transform: translateX(152px);
}
#amour-elementor-site .page-item.services .line:nth-of-type(1) g.anim-contain.c3{
transform: translateX(47px);
}
#amour-elementor-site .page-item.services .line:nth-of-type(2) g.anim-contain.c3{
transform: translateX(132px);
}
#amour-elementor-site .page-item.services .line:nth-of-type(1) g.anim-contain.c4{
transform: translateX(47px);
}
#amour-elementor-site .page-item.services .line:nth-of-type(2) g.anim-contain.c4{
transform: translateX(158px);
}
/* About Section */
#amour-elementor-site .page-item.about{
padding-top: 0px !important;
}
#amour-elementor-site .page-item.about .headline{
font-size: 74px;
}
#amour-elementor-site .page-item.about .subject-line{
text-align: center !important;
width: 470px;
}
#amour-elementor-site .page-item.about .headline{
font-size: 60px;
}
#amour-elementor-site .page-item.about .about-img{
width: 447px !important;
}}
/* Mobile Layout #3 */
@media (max-width: 773px){/* ALIGNMENT */
#amour-elementor-site .nav .nav-inner .ee{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
#amour-elementor-site .nav .nav-inner .ee::before{
/*.nav .nav-inner .ee::after { */
content: "";
background-color: rgb(255, 0, 0,0.1);
display: block;
/*width: 370px;*/
/*width: 65%;*/
width: 55%;
height: 100%;
position: absolute;
}
/* Hero Section */
#amour-elementor-site .page-item.hero .hero-img{
width: 365px !important;
}
#amour-elementor-site .page-item.hero .headline{
font-size: 60px !important;
line-height: 55px !important;
margin-top: -6px;
}
#amour-elementor-site .page-item.hero .subject-line{
font-size: 13.4px !important;
width: 420px !important;
}
#amour-elementor-site .page-item.hero #booking-btn{
margin-top: 40px !important;
width: 407px !important;
}
/* Contact Page */
#amour-elementor-site .page-item.contact{
align-items: center;
}
#amour-elementor-site .page-item.contact .subject-line{
width: 418px !important;
text-align: center;
}
#amour-elementor-site .page-item.contact .contact-form{
width: 410px !important;
}
/* Services Page */
#amour-elementor-site .page-item.services.inner{
transform: translateY(-55px)
}
#amour-elementor-site .page-item.about .text-contain, #amour-elementor-site .page-item.contact{
margin-top: -25px;
}
#amour-elementor-site .page-item.services .services-img{
width: 376px !important;
transform: translateY(60px) !important;
}
#amour-elementor-site .page-item.services .headline-contain .spaced-label{
margin-bottom: 64px !important;
}
#amour-elementor-site .page-item.services .subject-line{
width: 354px !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline{
margin-top: -38px;
width: 490px !important;
}
#amour-elementor-site .page-item.services .services-img{
width: 376px !important;
}
#amour-elementor-site .page-item.about .headline{
font-size: 74px;
}
#amour-elementor-site .page-item.about .subject-line{
text-align: center !important;
width: 420px;
}
/* About Section */
#amour-elementor-site .page-item.about .headline{
font-size: 60px;
}
#amour-elementor-site .page-item.about .about-img{
width: 397px !important;
}
/* Contact Section */
#amour-elementor-site .page-item.contact .contact-form{
width: 418px !important;
}
/* Testimonial Section */
#amour-elementor-site .page-item.testimonials{
padding-top: 126px !important;
}
#amour-elementor-site .page-item.testimonials .reviews .review{
width: 418px !important;
height: 420px !important;
}
#amour-elementor-site .page-item.testimonials .reviews .contain{
height: calc(420px * 3.2) !important;
}}
/* Mobile Layout #4 */
@media (max-width: 600px){/* Hero Section */
#amour-elementor-site .page-item .subject-line{
font-size: 12px !important;
line-height: 34px !important;
}
#amour-elementor-site .page-item.hero .headline{
font-size: 46px !important;
line-height: 42px !important;
margin-top: 0px;
width: 400px !important;
}
#amour-elementor-site .page-item.hero .hero-img{
width: 338px !important;
}
#amour-elementor-site .page-item.hero .subject-line{
font-size: 13.4px !important;
width: 325px !important;
}
#amour-elementor-site .page-item.hero #booking-btn{
width: 277px !important;
padding: 18px 0px 18px 44px !important;
background-position: 10% 50% !important;
margin-top: 42px !important;
}
/* Services Section */
#amour-elementor-site .page-item.services .subject-line{
width: 300px !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline{
margin-top: -40px;
width: 355px !important;
}
#amour-elementor-site .page-item.services .scroll-headline-inner{
height: 150px;
}
#amour-elementor-site .page-item.services .subject-line-contain{
width: 300px !important;
}
#amour-elementor-site .page-item.about .subject-line{
text-align: center !important;
width: 320px !important;
}
#amour-elementor-site .page-item.services .services-img{
width: 340px !important;
margin-right: -30px !important;
}
/* About Section */
#amour-elementor-site .page-item .headline-contain{
margin-bottom: 5px !important;
}
#amour-elementor-site .page-item.about .headline{
font-size: 52px !important;
margin: 0px;
}
#amour-elementor-site .page-item.about .subject-line{
text-align: center !important;
width: 360px;
}
#amour-elementor-site .page-item.about .about-img{
width: 352px !important;
margin-top: 22px !important;
margin-right: -8px;
}
/* Contact Section */
#amour-elementor-site .page-item.contact .subject-line{
width: 330px !important;
}
#amour-elementor-site .page-item.contact .headline{
font-size: 52px !important;
}
#amour-elementor-site .page-item.contact .contact-form{
width: 320px !important;
}
#amour-elementor-site .page-item.contact .contact-form .section{
width: 100% !important;
}
/* Testimonial Section */
#amour-elementor-site .page-item.testimonials .reviews .review{
width: 320px !important;
height: 420px !important;
}
#amour-elementor-site .page-item.testimonials .reviews .review .main-text{
font-size: 15px !important;
}
#amour-elementor-site .page-item.testimonials .reviews .review .customer{
font-size: 10px !important;
}}
/* Page Content */
#amour-elementor-site .page-contain{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
max-width: none;
/*gap: 190px;*/
}
#amour-elementor-site .page-item{
display: flex;
justify-content: space-between;
color: white;
width: 100%;
max-width: 1210px;
/*background-color: rgb(255, 0, 0, 0.4);*/
position: relative;
/*padding-top: 165px;*/
}
/* Hero */
#amour-elementor-site .page-item.hero{
display: flex;
align-items: start;
justify-content: space-between;
padding-top: 200px;
order: 1;
}
#amour-elementor-site .page-item.hero > .text-contain{
max-width: 400px;
/*background-color: rgb(255, 0, 0, 0.2);*/
}
#amour-elementor-site .page-item.hero .hero-img{
position: relative;
width: 554px;
margin-right: -66px;
margin-top: -12px;
}
#amour-elementor-site .page-item.hero .hero-img-contain{
position: relative;
}
#amour-elementor-site .page-item.hero .hero-img-contain::before{
content: "";
width: 480px;
height: 480px;
background-image: radial-gradient(#FFAAFE -629.1px, transparent 263.6px);
display: block;
position: absolute;
top: 24px;
right: -180px;
/* background: rgb(255,0,0,0.1); */
z-index: 100;
opacity: 0.8;
pointer-events: none;
user-select: none;
}
#amour-elementor-site .page-item .headline{
font-size: 71px;
font-family: "Playfair Display SC";
/* background-color: rgb(255, 0, 0, 0.2); */
text-transform: uppercase;
margin: 0;
margin-bottom: 10px;
line-height: 62px;
letter-spacing: -4px;
}
#amour-elementor-site .page-item.hero .headline {
background-image: linear-gradient(100deg, #fc7497 4%, #ff9ab2 27%, #fff0e9 56%, #ffdbba 88%);
color: transparent;
background-clip: text;
width: 560px;
font-weight: 600 !important;
}
#amour-elementor-site .page-item .headline-contain{
display: inline-flex;
align-items: start;
justify-content: center;
flex-direction: column;
width: auto;
gap: 13px;
/* margin-bottom: 28px; */
}
#amour-elementor-site .page-item .headline-contain .spaced-label, #amour-elementor-site .spaced--label{
text-transform: uppercase;
font-size: 10px;
letter-spacing: 5px;
font-family: "Roboto Serif";
font-weight: bold;
text-align: center;
}
#amour-elementor-site .page-item .subject-line{
font-size: 15px;
line-height: 38px;
margin-top: 8px;
color: gray;
}
#amour-elementor-site .page-item.hero #booking-btn, #amour-elementor-site .page-item.services #show-more-serv {
font-size: 15px;
font-family: "Roboto Serif";
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
background-color: white;
border: none;
border-radius: 999px;
padding: 25px 47px 25px calc(47px + 45px);
margin-top: 55px;
cursor: pointer;
background-image: var(--calendar);
background-repeat: no-repeat;
background-position: 15% 50%;
background-size: 27px;
color: black;
}
#amour-elementor-site .page-item.services{
order: 2;
}
#amour-elementor-site .page-item.services #show-more-serv{
background-image: none !important;
background-color: transparent;
border: white solid 1px;
background-size: 21px;
color: white;
fill: white;
border-radius: 999px;
padding: 14px 40px;
display: flex;
flex-direction: row;
align-items: center;
gap: 30px;
text-decoration: none !important;
}
#amour-elementor-site .page-item.services.pre-load #show-more-serv{
opacity: 0 !important;
}
#amour-elementor-site .services .btn-icon{
--size: 52px;
width: var(--size);
height: var(--size);
background-image: linear-gradient(90deg, #FB7095, white);
border-radius: 999px;
display: flex;
align-items: center;
justify-content: center;
}
#amour-elementor-site .services .btn-icon::before{
content: "";
display: block;
width: 40%;
height: 40%;
background-image: var(--plus);
background-position: center;
background-size: 86%;
background-repeat: no-repeat;
}
#amour-elementor-site .services .text-contain .header{
font-size: 16px;
letter-spacing: 3.5px;
}
#amour-elementor-site .services .text-contain .desc{
font-family: system-ui;
font-weight: 300;
color: grey;
font-size: 11px;
letter-spacing: 4.2px;
}
#amour-elementor-site .services .text-contain{
display: flex;
flex-direction: column;
gap: 8px;
}
#amour-elementor-site .page-item.services #show-more-serv .arrow{
--size: 55px;
display: block;
width: var(--size);
height: var(--size);
background-image: linear-gradient(90deg, #f97798, white);
border-radius: 999px;
}
#amour-elementor-site .page-item.services #show-more-serv{
background-image: var(--arrow);
background-color: transparent;
border: white solid 1px;
background-size: 21px;
color: white;
fill: white;
}
#amour-elementor-site .page-item.services #show-more-serv svg *{
fill: white ;
}
/* Services */
#amour-elementor-site .page-item.services.inner{
width: 100%;
padding-top: 40px;
}
#amour-elementor-site .page-item.services .services-img .slideshow{
width: 100px;
height: 100px;
}
#amour-elementor-site .page-item.services .contain{
display: flex;
align-items: start;
justify-content: center;
width: 100%;
height: calc(524px * 6);
/*background-color: red;*/
}
#amour-elementor-site .page-item.services .contain .fixed-contain{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin-top: 120px;
}
#amour-elementor-site .page-item.services .fixed-contain.lock{
width: 100vw;
height: 100vh;
/*background-color: red;*/
margin-top: 0 !important;
position: sticky;
top: 0;
left: 0;
}
#amour-elementor-site .page-item.services > .text-contain{
display: inline-flex;
}
#amour-elementor-site .page-item.services .headline-contain .spaced-label{
margin-bottom: 20px;
}
#amour-elementor-site .page-item.services .headline-contain{
justify-content: start;
opacity: 0;
}
#amour-elementor-site .page-item.services .services-img-contain{
opacity: 0;
}
#amour-elementor-site .services-img-contain svg g.slideshow .img:nth-of-type(1) foreignObject{
transform: scale(1.1) translateY(148px) translateX(-5px);
}
#amour-elementor-site .services-img-contain svg g.slideshow .img:nth-of-type(4){
transform: scale(1.6) translateY(-22px) translateX(-95px);
}
#amour-elementor-site .page-item.services .services-img{
width: 444px;
margin-right: -32px;
margin-top: 86px;
transform: skewY(-1.6deg);
}
#amour-elementor-site .page-item.services .hair-types{
font-size: 12px;
opacity: 0.7;
text-align: initial;
display: flex;
justify-content: start;
}
#amour-elementor-site .page-item.services .hair-types ul{
padding-left: 10px;
}
/* Services Label */
#amour-elementor-site .page-item.services .headline.scroll-headline{
font-size: 130px;
display: inline-flex;
align-items: start;
justify-content: start;
flex-direction: column !important;
gap: 12px;
/* height: 196px; */
position: relative;
}
#amour-elementor-site .page-item .headline.scroll-headline.ol{
/* position: absolute; */
opacity: 0;
}
#amour-elementor-site .page-item.about .headline.scroll-headline.ol{
position: absolute;
}
#amour-elementor-site .page-item.services .headline.scroll-headline.ol{
transform:
translateX(-272px)
translateY(60px)
scale(1);
}
#amour-elementor-site .page-item.about .headline.scroll-headline.ol{
transform:
translateX(-82px)
translateY(60px)
scale(1);
}
#amour-elementor-site .page-item.services .headline.scroll-headline .service{
transform: scale(0.94);
}
#amour-elementor-site .page-item.services .headline.scroll-headline .line:nth-of-type(2){
transform: translateX(36px)
translateY(114px);
}
#amour-elementor-site .page-item.services .headline.scroll-headline .scroll-headline-inner{
display: block;
/* background-color: #4b4b4b; */
/* width: 700px; */
width: 100%;
transform: scale(1.28);
transform-origin: 0% 5%;
z-index: 99;
}
#amour-elementor-site .page-item.services .scroll-headline.small{
display: none;
}
#amour-elementor-site .page-item.services .headline.scroll-headline .scroll-headline-inner
.service g{
transition: transform 0.8s ease, opacity 0.38s ease;
}
/* Featured service crossfade states
---------------------------------------------------------
The original service animation lives in anim.css. Once the
intro is finished, JS adds .service-switch-ready and this
block takes over the c1-c4 transitions.
This intentionally uses CSS transitions instead of restarting
keyframes on every service change. Visually it keeps the same
108px up/down crossfade, but interrupted scrolls continue from
the CURRENT rendered position instead of snapping.
--------------------------------------------------------- */
/* Keep the SVG service layer visible after the one-time intro. */
#amour-elementor-site .page-item.services.service-switch-ready
.scroll-headline-inner .service{
opacity: 1 !important;
}
/*
Stop the old c1/c2/c3 state keyframes in anim.css from fighting
the new four-service controller. The one-time intro animation is
on .anim-contain itself, so this does not break the intro.
*/
#amour-elementor-site .page-item.services.service-switch-ready
.headline.scroll-headline
.service
.anim-contain
.tr-anim-contain{
animation: none !important;
opacity: 0;
transform: translateY(-108px);
will-change: transform, opacity;
transition:
transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
opacity 0.4s ease;
}
#amour-elementor-site .page-item.services.service-switch-ready
.headline.scroll-headline
.service
.anim-contain{
pointer-events: none;
}
/* Current service */
#amour-elementor-site .page-item.services.service-switch-ready
.headline.scroll-headline
.service
.anim-contain.is-active
.tr-anim-contain{
opacity: 1;
transform: translateY(0);
}
/*
Services already passed sit BELOW the frame.
Forward scroll: current service exits downward exactly like the
original services-h1-down animation.
*/
#amour-elementor-site .page-item.services.service-switch-ready
.headline.scroll-headline
.service
.anim-contain.is-before
.tr-anim-contain{
opacity: 0;
transform: translateY(108px);
}
/*
Upcoming services wait ABOVE the frame.
Forward scroll: the next service comes from -108px to 0, matching
the original services-h1-up animation.
*/
#amour-elementor-site .page-item.services.service-switch-ready
.headline.scroll-headline
.service
.anim-contain.is-after
.tr-anim-contain{
opacity: 0;
transform: translateY(-108px);
}
/* Service description stack */
#amour-elementor-site .page-item.services.service-switch-ready
.headline.scroll-headline
.subject-line{
position: relative;
display: block;
}
#amour-elementor-site .page-item.services.service-switch-ready
.headline.scroll-headline
.subject-line
> .service-copy{
position: absolute !important;
top: 0 !important;
left: 0;
opacity: 0 !important;
transform: translateX(15px);
pointer-events: none;
animation: none !important;
will-change: transform, opacity;
transition:
transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
opacity 0.4s ease;
}
#amour-elementor-site .service-copy{
width: 450px;
}
#amour-elementor-site .page-item.services.service-switch-ready
.headline.scroll-headline
.subject-line
> .service-copy.is-active{
opacity: 1 !important;
transform: translateX(0);
pointer-events: auto;
}
/* Matches the original body fade-left / fade-right feel. */
#amour-elementor-site .page-item.services.service-switch-ready
.headline.scroll-headline
.subject-line
> .service-copy.is-before{
opacity: 0 !important;
transform: translateX(-15px);
}
#amour-elementor-site .page-item.services.service-switch-ready
.headline.scroll-headline
.subject-line
> .service-copy.is-after{
opacity: 0 !important;
transform: translateX(15px);
}
/* Used for the first state and ScrollTrigger refresh. */
#amour-elementor-site .page-item.services.service-switch-ready
.headline.scroll-headline
.service
.anim-contain.no-service-transition
.tr-anim-contain, #amour-elementor-site .page-item.services.service-switch-ready
.headline.scroll-headline
.subject-line
> .service-copy.no-service-transition{
transition: none !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline
.subject-line-contain{
width: 0px;
height: 0px;
position: relative;
display: flex;
align-items: start;
justify-content: start;
}
#amour-elementor-site .page-item.services .headline.scroll-headline .subject-line{
font-family: Roboto;
font-size: 15px;
line-height: 38px;
letter-spacing: normal;
color: gray;
text-transform: none;
width: 630px;
margin-top: 60px;
position: absolute;
top: 0;
bottom: 0;
}
/* Testimonials Section */
#amour-elementor-site .page-item.testimonials{
position: relative;
width: 100%;
max-width: none;
min-height: 760px;
padding: 145px 0 110px !important;
gap: 42px !important;
overflow: hidden;
isolation: isolate;
order: 3;
flex-direction: column;
}
#amour-elementor-site .page-item.testimonials .reviews::before{
content: "";
display: block;
position: absolute;
background-image: linear-gradient(-90deg, black, transparent);
width: 280px;
height: 100%;
right: 0px;
z-index: 10;
}
#amour-elementor-site .page-item.testimonials .headline{
background-image: linear-gradient(90deg,var(--pink), white);
color: transparent;
background-clip: text;
text-align: center;
}
#amour-elementor-site .page-item.testimonials .text-contain{
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
gap: 15px;
}
#amour-elementor-site .page-item.testimonials .text-contain .subject-line{
text-align: center;
}
#amour-elementor-site .page-item.testimonials .reviews .contain{
display: flex;
align-items: center;
gap: 40px;
width: 100%;
height: 390px;
transform: translateX(0px);
position: relative;
scrollbar-padding: 20px;
}
#amour-elementor-site .page-item.testimonials .reviews .contain .chunks{
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
#amour-elementor-site .page-item.testimonials .reviews .contain .reviews-chunk{
width: 100%;
top: 0;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
gap: 40px;
opacity: 0;
}
#amour-elementor-site .page-item.testimonials .reviews .contain .reviews-chunk.cur{
opacity: 1 !important;
}
#amour-elementor-site .page-item.testimonials .reviews .contain::-webkit-scrollbar{
width: 100px;
}
#amour-elementor-site .page-item.testimonials .reviews{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 50px;
}
#amour-elementor-site .page-item.testimonials .reviews .btns{
display: flex;
gap: 20px;
width: auto;
position: absolute;
right: -30px;
}
#amour-elementor-site .page-item.testimonials .reviews .btns .btn{
--btn-size: 65px;
width: var(--btn-size);
height: var(--btn-size);
border-radius: 30px;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: 0.5s ease;
}
#amour-elementor-site .page-item.testimonials .reviews .btns .btn:hover{
transform: scale(1.1)
}
#amour-elementor-site .page-item.testimonials .reviews .btns .btn:hover svg{
transform: scale(1.1)
}
#amour-elementor-site .page-item.testimonials .reviews .btns .btn svg{
width: 20px;
height: 20px;
transition: 0.5s ease;
}
#amour-elementor-site .page-item.testimonials .reviews .btns .btn svg path{
fill: black;
}
#amour-elementor-site .page-item.testimonials .reviews .review{
--review-bloom: 300px;
position: relative;
background-color: #191317;
/*temp*/
/*background-color: rgb(247 180 224 / 50%);*/
height: 390px;
width: 100%;
padding: 30px;
border-radius: 45px;
overflow: hidden;
}
#amour-elementor-site .page-item.testimonials .reviews .review::before{
content: "";
display: block;
width: var(--review-bloom);
height: var(--review-bloom);
background-image: radial-gradient(circle at 0% 0%, var(--pink) -10%, transparent 70%);
position: absolute;
top: 0;
left: 0;
opacity: 0.3;
pointer-events: none;
}
#amour-elementor-site .page-item.testimonials .reviews .review .text-contain{
display: flex;
align-items: start;
justify-content: start;
gap: 28px;
}
#amour-elementor-site .page-item.testimonials .reviews .review .main-text{
font-family: "Playfair Display SC";
text-transform: lowercase;
font-size: 20.5px;
line-height: 37px;
color: #ffb5c8;
}
#amour-elementor-site .page-item.testimonials .reviews .review .customer{
font-family: "roboto serif";
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
}
#amour-elementor-site .page-item.testimonials .reviews .review .quote{
width: 20px;
height: 40px;
}
/* About Section */
#amour-elementor-site .page-item.about{
padding-top: 165px;
order: 4;
}
#amour-elementor-site .page-item.about .text-contain, #amour-elementor-site .page-item.contact .info-contain{
position: relative;
display: flex;
flex-direction: column;
align-items: start;
width: 500px;
}
#amour-elementor-site .page-item.contact .office-info{
display: flex;
flex-direction: column;
gap: 35px;
}
#amour-elementor-site .page-item.about .headline{
background-image: linear-gradient(90deg, white, var(--peach));
color: transparent;
background-clip: text;
}
#amour-elementor-site .page-item.about .text-contain{
align-items: end;
}
#amour-elementor-site .page-item.about .text-contain .subject-line{
text-align: right;
}
#amour-elementor-site .page-item.about .about-img{
width: 497px;
transform: skewY(1.7deg) translateX(-48px) translateY(-50px);
}
/* Contact */
#amour-elementor-site .page-item.contact{
padding-top: 165px;
order: 5;
}
#amour-elementor-site .page-item.contact .headline {
background-image: linear-gradient(90deg, var(--pink) 20%, white);
color: transparent;
background-clip: text;
font-weight: 600;
}
#amour-elementor-site .page-item.contact .sub-headline{
margin-bottom: 9px;
text-transform: lowercase;
font-family: "Playfair Display SC";
font-size: 43px;
margin-top: 0;
}
#amour-elementor-site .page-item.contact .info-contain{
display: flex;
gap: 46px;
width: 437px;
}
#amour-elementor-site .page-item.contact .hours{
width: 100%;
}
#amour-elementor-site .page-item.contact .subject-line .contact-meta{
display: flex;
gap: 12px;
}
#amour-elementor-site .page-item.contact .subject-line .contact-meta *{
color: grey;
}
#amour-elementor-site .page-item.contact .subject-line .week-meta{
display: flex;
justify-content: space-between;
width: 100%;
}
#amour-elementor-site .page-item.contact .links{
display: flex;
gap: 13px;
margin-top: 24px;
}
#amour-elementor-site .page-item.contact .links .link{
display: flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
background-color: rgb(255, 255, 255, 0.2);
border-radius: 999px;
}
#amour-elementor-site .page-item.contact .links .link svg{
width: 20px;
height: 20px;
}
#amour-elementor-site .page-item.contact .text-contain.hours .sub-headline{
width: 437px;
}
#amour-elementor-site .page-item.contact .contact-form{
display: flex;
flex-direction: column;
gap: 18px;
width: 580px;
padding-top: 8px;
animation-fill-mode: forwards;
}
#amour-elementor-site .page-item.contact .contact-form-inner .form-finish-message{
position: absolute;
opacity: 0;
pointer-events: none;
margin-top: -14px;
}
#amour-elementor-site .page-item.contact .contact-form .section{
display: flex;
width: 100%;
gap: 15px;
}
#amour-elementor-site .page-item.contact .contact-form label{
display: flex;
flex-direction: column;
font-family: "Roboto Serif";
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
letter-spacing: 1px;
gap: 7px;
width: 100%;
}
#amour-elementor-site .page-item.contact .contact-form input[type="text"], #amour-elementor-site .page-item.contact .contact-form input[type="tel"], #amour-elementor-site .page-item.contact .contact-form input[type="email"], #amour-elementor-site .page-item.contact .contact-form textarea{
padding: 17px;
border-radius: 10px;
border: #595959 solid 1.8px;
background-color: #212121;
padding-top: 15px;
padding-bottom: 15px;
color: white;
font-family: "Roboto";
font-size: 18px;
}
#amour-elementor-site .page-item.contact .contact-form textarea{
min-height: 148px;
overflow-x: hidden;
resize: none;
}
#amour-elementor-site .page-item.contact .contact-form .form-submit {
margin-top: 15px;
display: block;
color: black;
}
#amour-elementor-site .page-item.contact .form-submit{
font-size: 15px;
font-family: "Roboto Serif";
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
background-color: white;
border: none;
border-radius: 47px;
padding: 21px 31px 21px 31px;
margin-top: 55px;
cursor: pointer;
background-repeat: no-repeat;
background-position: 15% 50%;
background-size: 27px;
}
/* Contact Form */
#amour-elementor-site .page-item.contact .contact-form textarea{
line-height: 27px;
overflow-y: scroll;
overflow-x: hidden;
scrollbar-color: rgb(255, 255, 255, 0.3) transparent;
}
#amour-elementor-site .page-item.contact .contact-form textarea::-webkit-scrollbar-track{
padding-right: 15px;
}
#amour-elementor-site .page-item.contact .contact-form textarea::-webkit-scrollbar{
width: 25px;
}
#amour-elementor-site .page-item.contact .contact-form input[type="text"], #amour-elementor-site .page-item.contact .contact-form input[type="tel"], #amour-elementor-site .page-item.contact .contact-form input[type="email"], #amour-elementor-site .page-item.contact .contact-form textarea{
transition:
border 0.2s ease-out,
box-shadow 0.2s ease-out;
}
#amour-elementor-site .page-item.contact .contact-form input[type="text"]:focus, #amour-elementor-site .page-item.contact .contact-form input[type="tel"]:focus, #amour-elementor-site .page-item.contact .contact-form input[type="email"]:focus, #amour-elementor-site .page-item.contact .contact-form textarea:focus{
border: var(--pink) 1.8px solid;
box-shadow: 0px 0px 10px var(--input-hov-glow);
outline: none;
}
#amour-elementor-site .page-item.contact .contact-form input[type="text"]:autofill, #amour-elementor-site .page-item.contact .contact-form input[type="text"]:autofill, #amour-elementor-site .page-item.contact .contact-form input[type="tel"]:autofill, #amour-elementor-site .page-item.contact .contact-form input[type="email"]:autofill, #amour-elementor-site .page-item.contact .contact-form textarea:autofill{
background-color: none !important;
}
/* Footer */
#amour-elementor-site .page-item.footer{
display: flex;
align-items: center;
justify-content: end;
flex-direction: column;
gap: 17px;
background-image: linear-gradient(90deg, transparent, rgb(255, 219, 186, 50%) 200%);
width: 100%;
max-width: none !important;
height: 332px;
border-radius: 80px 80px 0 0;
padding-bottom: 6px;
margin-top: 120px;
order: 100;
}
#amour-elementor-site .page-item.footer .copyright a{
color: white;
text-decoration: none;
}
#amour-elementor-site .page-item.footer .copyright{
font-size: 15px;
display: flex;
gap: 5px;
}
#amour-elementor-site .page-item.footer .logo{
width: 1210px;
margin-right: 22px;
margin-bottom: 14px;
/*background-color: red;*/
}
#amour-elementor-site .page-item.footer .logo.small{
display: none;
width: 120%;
height: 90px;
background-image: var(--footer-icon-small);
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 80%;
}
/* Hero editorial photo carousel */
#amour-elementor-site .page-item.hero .hero-img-contain{
position: relative;
flex: 0 1 554px;
width: min(48vw, 554px);
height: clamp(420px, 42vw, 560px);
/* margin: -12px -66px 0 30px; */
/* Let the bloom escape outside the card */
overflow: visible;
isolation: isolate;
border: 1px solid rgb(255 219 186 / 17%);
border-radius: 30px;
background: #17120f;
box-shadow: 0 28px 85px rgb(0 0 0 / 38%);
}
#amour-elementor-site .page-item.hero .hero-img-contain::before{
content: "";
display: block;
position: absolute;
width: 165%;
height: 95%;
left: 60%;
right: auto;
top: auto;
bottom: -27%;
transform: translateX(-50%);
background-image: radial-gradient(ellipse at center, rgb(255 163 187 / 38%) 0%, transparent 70%);
filter: blur(52px);
opacity: 0.9;
z-index: -1;
pointer-events: none;
user-select: none;
}
/* Keep only the actual media clipped to the rounded hero card */
#amour-elementor-site .page-item.hero .hero-slides{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: inherit;
}
#amour-elementor-site .page-item.hero .hero-slide{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
#amour-elementor-site .page-item.hero .hero-slide{
margin: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: opacity 850ms ease, visibility 850ms ease;
}
#amour-elementor-site .page-item.hero .hero-slide.is-active{
opacity: 1;
visibility: visible;
}
#amour-elementor-site .page-item.hero .hero-slide-img{
display: block;
width: 100%;
height: 100%;
margin: 0;
object-fit: cover;
object-position: center;
transform: scale(1.015);
transition: transform 6s ease;
}
#amour-elementor-site .page-item.hero .hero-slide.is-active .hero-slide-img{
transform: scale(1.07);
}
#amour-elementor-site .page-item.hero .hero-slide::after{
content: "";
position: absolute;
inset: 38% 0 0;
pointer-events: none;
background: linear-gradient(180deg, transparent 0%, rgb(10 7 7 / 64%) 100%);
}
#amour-elementor-site .home-gallery__footer{
justify-content: center;
display: flex;
}
#amour-elementor-site .page-item.hero .hero-gallery-caption{
position: absolute;
z-index: 2;
right: 28px;
bottom: 29px;
left: 30px;
display: flex;
align-items: center;
justify-content: end;
color: #fff;
}
#amour-elementor-site .page-item.hero .hero-gallery-label{
font: 700 10px/1.2 "Roboto Serif", serif;
letter-spacing: 3px;
text-transform: uppercase;
}
#amour-elementor-site .page-item.hero .hero-gallery-count{
display: inline-flex;
align-items: center;
gap: 9px;
font: 500 12px/1 "Roboto", sans-serif;
letter-spacing: 1px;
}
#amour-elementor-site .page-item.hero .hero-count-divider{
color: var(--peach);
}
#amour-elementor-site .page-item.hero .hero-gallery-controls{
position: absolute;
z-index: 3;
top: 22px;
right: 22px;
display: flex;
align-items: center;
gap: 9px;
padding: 7px;
border: 1px solid rgb(255 255 255 / 25%);
border-radius: 999px;
background: rgb(14 12 12 / 45%);
backdrop-filter: blur(12px);
}
#amour-elementor-site .page-item.hero .hero-gallery-arrow, #amour-elementor-site .page-item.hero .hero-gallery-dot{
display: grid;
flex: 0 0 auto;
place-items: center;
padding: 0;
border: 0;
color: white;
background: transparent;
cursor: pointer;
}
#amour-elementor-site .page-item.hero .hero-gallery-arrow{
width: 31px;
height: 31px;
border-radius: 50%;
transition: background-color 180ms ease, color 180ms ease;
}
#amour-elementor-site .page-item.hero .hero-gallery-arrow:hover, #amour-elementor-site .page-item.hero .hero-gallery-arrow:focus-visible{
color: #17120f;
background: var(--peach);
}
#amour-elementor-site .page-item.hero .hero-gallery-arrow svg{
width: 17px;
height: 17px;
fill: none;
stroke: currentColor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
#amour-elementor-site .page-item.hero .hero-gallery-dots{
display: flex;
align-items: center;
gap: 6px;
}
#amour-elementor-site .page-item.hero .hero-gallery-dot{
width: 8px;
height: 8px;
border-radius: 50%;
background: rgb(255 255 255 / 52%);
transition: background-color 180ms ease, transform 180ms ease;
}
#amour-elementor-site .page-item.hero .hero-gallery-dot.is-active{
transform: scale(1.2);
background: #ffb480;
}
#amour-elementor-site .page-item.hero .hero-gallery-arrow:focus-visible, #amour-elementor-site .page-item.hero .hero-gallery-dot:focus-visible{
outline: 2px solid white;
outline-offset: 3px;
}
@media (max-width: 1024px){#amour-elementor-site .page-item.hero .hero-img-contain{
flex-basis: 48%;
width: 48%;
height: clamp(380px, 47vw, 500px);
margin-right: -24px;
margin-left: 20px;
}}
@media (max-width: 990px){#amour-elementor-site .page-item.hero{
flex-direction: column;
align-items: center;
}
#amour-elementor-site .page-item.hero .hero-img-contain{
order: 0;
flex: none;
width: min(100%, 530px);
height: auto;
aspect-ratio: 4 / 5;
margin: 42px auto 0;
}
#amour-elementor-site .page-item.hero .hero-gallery-controls{
top: 15px;
right: 15px;
gap: 5px;
padding: 5px;
}
#amour-elementor-site .page-item.hero .hero-gallery-caption{
right: 20px;
bottom: 21px;
left: 22px;
}
#amour-elementor-site .page-item.hero .hero-gallery-label{
font-size: 9px;
letter-spacing: 2px;
}}
@media (prefers-reduced-motion: reduce){#amour-elementor-site .page-item.hero .hero-slide, #amour-elementor-site .page-item.hero .hero-slide-img, #amour-elementor-site .page-item.hero .hero-gallery-arrow, #amour-elementor-site .page-item.hero .hero-gallery-dot{
transition-duration: 0.01ms !important;
}}
/* Keep the hero columns clear of each other at compact desktop widths. */
@media (min-width: 991px) and (max-width: 1120px){#amour-elementor-site .page-item.hero{
align-items: center;
gap: 28px;
}
#amour-elementor-site .page-item.hero > .text-contain{
flex: 0 1 400px;
min-width: 0;
}
#amour-elementor-site .page-item.hero .headline{
width: 100% !important;
font-size: clamp(48px, 5.3vw, 58px) !important;
line-height: 0.94 !important;
letter-spacing: -2.8px;
}
#amour-elementor-site .page-item.hero .hero-img-contain{
flex: 0 1 48%;
width: 48%;
max-width: 510px;
height: clamp(390px, 43vw, 480px);
margin: 0;
}}
/* =========================================================
SERVICES INTRO — ONLY SHOW FIRST SERVICE
========================================================= */
/* Hide every headline except Hair Styling during intro */
#amour-elementor-site .page-item.services.onload
.scroll-headline-inner
.service.ol
.line
.anim-contain:not(.c1){
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
/* Make sure first service remains visible */
#amour-elementor-site .page-item.services.onload
.scroll-headline-inner
.service.ol
.line
.anim-contain.c1{
opacity: 1 !important;
visibility: visible !important;
}
/* Also force the contents of future headlines hidden */
#amour-elementor-site .page-item.services.onload
.scroll-headline-inner
.service.ol
.line
.anim-contain:not(.c1)
.tr-anim-contain{
opacity: 0 !important;
visibility: hidden !important;
animation: none !important;
}
/* =========================================================
SERVICES RESPONSIVE FIX — TABLET / MOBILE ONLY
Desktop (991px+) is intentionally untouched.
========================================================= */
@media (max-width: 990px){/* Keep the sticky service stage centered and predictable. */
#amour-elementor-site .page-item.services .fixed-contain.lock{
align-items: center;
}
#amour-elementor-site .page-item.services.inner{
width: 100%;
margin-top: 0 !important;
padding-top: 70px !important;
transform: none !important;
}
#amour-elementor-site .page-item.services .headline-contain{
width: 100%;
align-items: center !important;
}
#amour-elementor-site .page-item.services .headline-contain .spaced-label{
margin-bottom: 38px !important;
text-align: center;
}
/* Headline: centered, large, but no desktop transform/oversizing. */
#amour-elementor-site .page-item.services .headline.scroll-headline{
width: min(560px, calc(100vw - 80px)) !important;
max-width: none !important;
height: 185px !important;
margin: 0 auto !important;
align-items: center !important;
justify-content: center !important;
overflow: visible;
}
#amour-elementor-site .page-item.services .headline.scroll-headline .scroll-headline-inner{
width: 100% !important;
height: 185px !important;
margin: 0 !important;
transform: none !important;
transform-origin: 50% 0% !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline .service{
transform: scale(0.94) !important;
transform-origin: 50% 0% !important;
}
/* Description gets a real responsive box instead of auto/zero sizing. */
#amour-elementor-site .page-item.services .headline.scroll-headline .subject-line-contain{
width: min(560px, calc(100vw - 80px)) !important;
height: 88px !important;
min-height: 88px !important;
margin: 0 auto !important;
display: block !important;
position: relative !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline .subject-line{
width: 100% !important;
height: 88px !important;
min-height: 88px !important;
margin-top: 20px !important;
position: relative !important;
inset: auto !important;
text-align: center !important;
line-height: 1.75 !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline .subject-line > .service-copy{
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
/* CTA stays horizontal and centered on tablet/mobile. */
#amour-elementor-site .page-item.services #show-more-serv{
width: min(425px, calc(100vw - 64px)) !important;
min-width: 0 !important;
min-height: 82px;
padding: 12px 14px 12px 28px !important;
margin-left: auto !important;
margin-right: auto !important;
gap: 18px !important;
justify-content: space-between !important;
flex-direction: row !important;
border-radius: 999px !important;
}
#amour-elementor-site .page-item.services #show-more-serv .text-contain{
min-width: 0;
flex: 1 1 auto;
align-items: flex-start;
gap: 6px;
}
#amour-elementor-site .page-item.services #show-more-serv .header{
white-space: nowrap;
font-size: 15px;
letter-spacing: 3px;
line-height: 1.2;
}
#amour-elementor-site .page-item.services #show-more-serv .desc{
white-space: nowrap;
font-size: 10px;
letter-spacing: 3.4px;
line-height: 1.2;
}
#amour-elementor-site .page-item.services #show-more-serv .btn-icon{
flex: 0 0 52px;
width: 52px;
height: 52px;
}
/* Center the service image instead of carrying desktop offsets. */
#amour-elementor-site .page-item.services .services-img{
width: min(390px, calc(100vw - 90px)) !important;
height: auto !important;
margin: 80px auto 0 !important;
transform: none !important;
display: block;
}}
@media (max-width: 773px){#amour-elementor-site .page-item.services.inner{
padding-top: 62px !important;
}
#amour-elementor-site .page-item.services .headline-contain .spaced-label{
margin-bottom: 30px !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline{
width: min(470px, calc(100vw - 48px)) !important;
height: 170px !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline .scroll-headline-inner{
height: 170px !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline .subject-line-contain{
width: min(430px, calc(100vw - 64px)) !important;
height: 96px !important;
min-height: 96px !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline .subject-line{
height: 96px !important;
min-height: 96px !important;
margin-top: 14px !important;
}
#amour-elementor-site .page-item.services #show-more-serv{
width: min(390px, calc(100vw - 48px)) !important;
}
#amour-elementor-site .page-item.services .services-img{
width: min(350px, calc(100vw - 70px)) !important;
margin-top: 72px !important;
}}
@media (max-width: 600px){#amour-elementor-site .page-item.services.inner{
padding-top: 48px !important;
}
#amour-elementor-site .page-item.services .headline-contain .spaced-label{
margin-bottom: 22px !important;
font-size: 9px !important;
letter-spacing: 4px;
}
#amour-elementor-site .page-item.services .headline.scroll-headline{
width: min(360px, calc(100vw - 34px)) !important;
height: 150px !important;
margin: 0 auto !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline .scroll-headline-inner{
width: 100% !important;
height: 150px !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline .service{
transform: scale(0.88) !important;
transform-origin: 50% 0% !important;
}
/*
Override the older c1-c4 mobile X offsets with tighter centering.
These only affect the service headline SVG on phones.
*/
#amour-elementor-site .page-item.services .line:nth-of-type(1) g.anim-contain.c1{ transform: translateX(112px); }
#amour-elementor-site .page-item.services .line:nth-of-type(2) g.anim-contain.c1{ transform: translateX(18px); }
#amour-elementor-site .page-item.services .line:nth-of-type(1) g.anim-contain.c2{ transform: translateX(5px); }
#amour-elementor-site .page-item.services .line:nth-of-type(2) g.anim-contain.c2{ transform: translateX(122px); }
#amour-elementor-site .page-item.services .line:nth-of-type(1) g.anim-contain.c3{ transform: translateX(38px); }
#amour-elementor-site .page-item.services .line:nth-of-type(2) g.anim-contain.c3{ transform: translateX(104px); }
#amour-elementor-site .page-item.services .line:nth-of-type(1) g.anim-contain.c4{ transform: translateX(34px); }
#amour-elementor-site .page-item.services .line:nth-of-type(2) g.anim-contain.c4{ transform: translateX(126px); }
#amour-elementor-site .page-item.services .headline.scroll-headline .subject-line-contain{
width: min(330px, calc(100vw - 46px)) !important;
height: 92px !important;
min-height: 92px !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline .subject-line{
width: 100% !important;
height: 92px !important;
min-height: 92px !important;
margin-top: 10px !important;
font-size: 12px !important;
line-height: 1.7 !important;
text-align: center !important;
}
#amour-elementor-site .page-item.services #show-more-serv{
width: min(342px, calc(100vw - 34px)) !important;
min-height: 78px;
padding: 11px 12px 11px 24px !important;
gap: 12px !important;
}
#amour-elementor-site .page-item.services #show-more-serv .header{
white-space: nowrap !important;
font-size: 13px !important;
letter-spacing: 2.3px !important;
line-height: 1.15 !important;
}
#amour-elementor-site .page-item.services #show-more-serv .desc{
white-space: nowrap !important;
font-size: 8.8px !important;
letter-spacing: 2.7px !important;
line-height: 1.15 !important;
}
#amour-elementor-site .page-item.services #show-more-serv .btn-icon{
flex: 0 0 48px;
width: 48px;
height: 48px;
}
#amour-elementor-site .page-item.services .services-img{
width: min(315px, calc(100vw - 70px)) !important;
margin: 54px auto 0 !important;
transform: none !important;
}}
@media (max-width: 430px){#amour-elementor-site .page-item.services .headline.scroll-headline{
width: calc(100vw - 30px) !important;
}
#amour-elementor-site .page-item.services #show-more-serv{
width: calc(100vw - 32px) !important;
padding-left: 20px !important;
}
#amour-elementor-site .page-item.services #show-more-serv .header{
font-size: 12.5px !important;
letter-spacing: 2px !important;
}
#amour-elementor-site .page-item.services #show-more-serv .desc{
font-size: 8.4px !important;
letter-spacing: 2.35px !important;
}
#amour-elementor-site .page-item.services .services-img{
width: min(310px, calc(100vw - 54px)) !important;
}}
/* =========================================================
SERVICES MOBILE — HIERARCHY / PROXIMITY REFINEMENT
========================================================= */
/* =========================================================
SERVICES — FINAL MOBILE HIERARCHY / PROXIMITY
Desktop remains untouched.
========================================================= */
@media (max-width: 600px){/* 1. Eyebrow + headline belong together */
#amour-elementor-site .page-item.services .headline-contain .spaced-label{
margin-bottom: 10px !important;
font-size: 8.5px !important;
letter-spacing: 3.6px !important;
}
/* 2. Service name is the clear focal point */
#amour-elementor-site .page-item.services .headline.scroll-headline{
width: min(388px, calc(100vw - 18px)) !important;
height: 230px !important;
margin: 0 auto !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline .scroll-headline-inner{
width: 100% !important;
height: 160px !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline .service{
transform: scale(1.02) !important;
transform-origin: 50% 0% !important;
}
/* 3. Description sits close to the service name */
#amour-elementor-site .page-item.services .headline.scroll-headline .subject-line-contain{
width: min(330px, calc(100vw - 40px)) !important;
height: 48px !important;
min-height: 48px !important;
margin: 8px auto 0 !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline .subject-line{
width: 100% !important;
height: 48px !important;
min-height: 48px !important;
margin: 0 !important;
font-size: 11.5px !important;
line-height: 1.55 !important;
text-align: center !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline .subject-line > .service-copy{
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
/* 4. CTA is secondary */
#amour-elementor-site .page-item.services #show-more-serv{
width: min(304px, calc(100vw - 48px)) !important;
min-height: 60px !important;
height: 60px !important;
padding: 8px 9px 8px 18px !important;
gap: 10px !important;
border-radius: 999px !important;
transform: translateY(10px);
}
#amour-elementor-site .page-item.services #show-more-serv .text-contain{
gap: 4px !important;
align-items: flex-start !important;
}
#amour-elementor-site .page-item.services #show-more-serv .header{
font-size: 11px !important;
letter-spacing: 1.9px !important;
line-height: 1.1 !important;
white-space: nowrap !important;
}
#amour-elementor-site .page-item.services #show-more-serv .desc{
font-size: 7.3px !important;
letter-spacing: 2.1px !important;
line-height: 1.1 !important;
white-space: nowrap !important;
}
#amour-elementor-site .page-item.services #show-more-serv .btn-icon{
flex: 0 0 42px !important;
width: 42px !important;
height: 42px !important;
}
/* 5. Image gets breathing room from CTA */
#amour-elementor-site .page-item.services .services-img{
width: min(300px, calc(100vw - 64px)) !important;
margin: 106px auto 0 !important;
transform: none !important;
}}
@media (max-width: 430px){#amour-elementor-site .page-item.services .headline-contain .spaced-label{
margin-bottom: 3px !important;
transform: translateY(-33px);
}
#amour-elementor-site .page-item.services .headline.scroll-headline{
width: calc(100vw - 14px) !important;
height: 154px !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline .scroll-headline-inner{
height: 154px !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline .service{
transform: scale(0.99) !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline .subject-line-contain{
width: calc(100vw - 42px) !important;
height: 46px !important;
min-height: 46px !important;
margin-top: 8px !important;
}
#amour-elementor-site .page-item.services .headline.scroll-headline .subject-line{
height: 46px !important;
min-height: 46px !important;
font-size: 11px !important;
line-height: 1.5 !important;
}
#amour-elementor-site .page-item.services #show-more-serv{
width: calc(100vw - 58px) !important;
max-width: 307px !important;
min-height: 58px !important;
height: 58px !important;
padding-left: 17px !important;
}
#amour-elementor-site .page-item.services #show-more-serv .header{
font-size: 10.7px !important;
letter-spacing: 1.75px !important;
}
#amour-elementor-site .page-item.services #show-more-serv .desc{
font-size: 7.1px !important;
letter-spacing: 1.9px !important;
}
#amour-elementor-site .page-item.services #show-more-serv .btn-icon{
flex-basis: 40px !important;
width: 40px !important;
height: 40px !important;
}
#amour-elementor-site .page-item.services .services-img{
width: min(290px, calc(100vw - 70px)) !important;
margin-top: 104px !important;
}
#amour-elementor-site .page-item.services
.headline.scroll-headline{
overflow: visible !important;
}
#amour-elementor-site .page-item.services
.headline.scroll-headline
.scroll-headline-inner{
overflow: visible !important;
}}
/* =========================================================
TESTIMONIALS — CLIENT REVIEWS REDESIGN
Faithful to the supplied visual reference while retaining
the site's existing type, pink/peach palette and data feed.
========================================================= */
#amour-elementor-site .page-item.testimonials{
position: relative;
width: 100%;
max-width: 1210px;
min-height: 760px;
padding: 55px 0 50px !important;
gap: 42px !important;
overflow: hidden;
isolation: isolate;
}
#amour-elementor-site .page-item.testimonials::before{
/* content: ''; */
position: absolute;
width: 760px;
height: 500px;
left: -290px;
top: 80px;
background: radial-gradient(circle, rgba(255, 153, 81, .16) 0%, rgba(252, 116, 151, .07) 36%, transparent 70%);
filter: blur(14px);
pointer-events: none;
z-index: -2;
}
#amour-elementor-site .page-item.testimonials::after{
/* content: ''; */
position: absolute;
width: 680px;
height: 480px;
left: 180px;
top: 350px;
background: radial-gradient(circle, rgba(252, 116, 151, .16), transparent 68%);
filter: blur(22px);
pointer-events: none;
z-index: -2;
}
#amour-elementor-site .page-item.testimonials .testimonials-heading-wrap{
position: relative;
z-index: 4;
display: flex;
flex-direction: column;
align-items: center;
width: min(920px, calc(100% - 80px));
/* margin: 0 auto; */
text-align: center;
}
#amour-elementor-site .page-item.testimonials .testimonials-heading-wrap .spaced-label{
margin-bottom: 17px;
color: #fff;
font-family: "Roboto Serif";
font-size: 12px;
font-weight: 600;
letter-spacing: 8px;
text-transform: uppercase;
text-align: left;
width: 100%;
}
#amour-elementor-site .home-gallery__title span{
color: white;
}
#amour-elementor-site .page-item.testimonials .headline, #amour-elementor-site .home-gallery__title{
margin: 0 !important;
font-family: "Playfair Display SC" !important;
font-size: clamp(55px, 7.4vw, 98px) !important;
line-height: .9 !important;
font-weight: 700;
letter-spacing: -4px;
text-transform: uppercase;
background: linear-gradient(100deg, #fc7497 4%, #ff9ab2 27%, #fff0e9 56%, #ffdbba 88%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
width: 100%;
text-align: left;
}
#amour-elementor-site .page-item.testimonials .testimonials-heading-wrap .subject-line{
width: 100% !important;
margin-top: 25px;
color: rgba(255,255,255,.60);
font-family: "Roboto";
font-size: 14px !important;
line-height: 1.55 !important;
letter-spacing: .3px;
text-align: left !important;
text-align: 100%;
}
#amour-elementor-site .page-item.testimonials .testimonials-ghost{
position: absolute;
left: -18px;
top: 116px;
z-index: -1;
color: rgba(255, 219, 186, .075);
font-family: "Playfair Display SC";
font-size: 88px;
line-height: .86;
letter-spacing: -5px;
pointer-events: none;
user-select: none;
}
#amour-elementor-site .page-item.testimonials .testimonials-seal{
position: absolute;
right: max(52px, calc((100vw - 1360px) / 2));
top: 155px;
width: 120px;
height: 120px;
border: 1px solid rgba(255, 219, 186, .38);
border-radius: 50%;
color: rgba(255, 219, 186, .82);
font-family: "Roboto Serif";
font-size: 8px;
letter-spacing: 3px;
text-transform: uppercase;
z-index: 3;
}
#amour-elementor-site .page-item.testimonials .seal-top, #amour-elementor-site .page-item.testimonials .seal-bottom{
position: absolute;
left: 50%;
width: 100%;
text-align: center;
transform: translateX(-50%);
}
#amour-elementor-site .page-item.testimonials .seal-top{ top: 20px; transform: translateX(-50%) rotate(10deg); }
#amour-elementor-site .page-item.testimonials .seal-bottom{ bottom: 19px; transform: translateX(-50%) rotate(-10deg); }
#amour-elementor-site .page-item.testimonials .seal-star{
position: absolute;
inset: 0;
display: grid;
place-items: center;
color: #ff9ab2;
font-size: 27px;
}
#amour-elementor-site .page-item.testimonials .testimonials-dot-field{
position: absolute;
width: 122px;
height: 96px;
opacity: .7;
background-image: radial-gradient(circle, #fc7497 1.6px, transparent 1.8px);
background-size: 13px 13px;
pointer-events: none;
}
#amour-elementor-site .page-item.testimonials .testimonials-dot-field-top{ left: 72px; top: 300px; }
#amour-elementor-site .page-item.testimonials .testimonials-dot-field-bottom{ right: 28px; bottom: 88px; }
#amour-elementor-site .page-item.testimonials .reviews{
position: relative;
display: block !important;
width: 1210px;
margin-top: 0;
z-index: 2;
}
#amour-elementor-site .page-item.testimonials .reviews .contain{
display: block !important;
position: relative;
width: calc(100% - 220px) !important;
max-width: 1450px;
height: 405px !important;
margin: 0 0;
overflow: visible;
}
#amour-elementor-site .page-item.testimonials .reviews .contain .chunks{
position: relative;
display: grid;
grid-template-columns: minmax(580px, 1.95fr) minmax(360px, 1fr) minmax(360px, 1fr);
gap: 24px;
width: calc(100% + 360px);
height: 100%;
overflow: visible !important;
}
#amour-elementor-site .page-item.testimonials .review{
position: relative;
display: flex;
flex-direction: column;
height: 405px !important;
width: 100% !important;
min-width: 0;
padding: 34px 42px 31px !important;
border: 1px solid rgb(55 55 55);
border-radius: 29px !important;
background:
radial-gradient(circle at 0 0, rgba(252,116,151,.17), transparent 44%),
linear-gradient(135deg, rgba(46,26,35,.96), rgba(16,15,17,.98) 72%);
box-shadow: inset 0 0 55px rgba(255,255,255,.012);
overflow: hidden;
opacity: 1 !important;
transform: none !important;
}
#amour-elementor-site .page-item.testimonials .review::before{
display: none !important;
}
#amour-elementor-site .page-item.testimonials .review.featured{
/* border-color: rgba(255, 156, 179, .82); */
/* background:
radial-gradient(circle at 5% 5%, rgba(252,116,151,.22), transparent 40%),
radial-gradient(circle at 100% 100%, rgba(255,153,81,.13), transparent 42%),
linear-gradient(135deg, #321d27 0%, #1b1519 57%, #201619 100%); */
/* box-shadow:
0 0 0 1px rgba(255,219,186,.13) inset,
0 0 26px rgba(252,116,151,.30),
0 0 58px rgba(255,153,81,.11); */
}
#amour-elementor-site .page-item.testimonials .review-topline{
display: flex;
align-items: flex-start;
justify-content: space-between;
min-height: 56px;
}
#amour-elementor-site .page-item.testimonials .review-quote{
height: 53px;
color: #fc7497;
font-family: Georgia, serif;
font-size: 72px;
font-weight: 700;
line-height: .9;
}
#amour-elementor-site .page-item.testimonials .standard .review-quote{
color: #ff9eb6;
}
#amour-elementor-site .page-item.testimonials .review-stars{
padding-top: 7px;
color: #ffbd88;
font-size: 18px;
letter-spacing: 3px;
white-space: nowrap;
}
#amour-elementor-site .page-item.testimonials .review-copy{
position: relative;
z-index: 2;
margin-top: 6px;
}
#amour-elementor-site .page-item.testimonials .review-title{
margin: 0;
color: #ffd5df;
font-family: "Playfair Display SC";
font-size: 27px;
font-weight: 500;
line-height: 1.28;
text-transform: uppercase;
}
#amour-elementor-site .author-copy svg{
width: 33px;
height: auto;
}
#amour-elementor-site .author-copy div{
display: flex;
flex-direction: column;
gap: 11px;
}
#amour-elementor-site .page-item.testimonials .featured .review-title{
max-width: 690px;
font-size: 30px;
line-height: 1.18;
font-weight: 600;
}
#amour-elementor-site .page-item.testimonials .review-body{
display: -webkit-box;
margin: 20px 0 0;
color: rgba(255,255,255,.58);
font-family: "Roboto";
font-size: 14px;
line-height: 1.65;
letter-spacing: .5px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
#amour-elementor-site .page-item.testimonials .featured .review-body{
max-width: 690px;
-webkit-line-clamp: 2;
}
#amour-elementor-site .page-item.testimonials .review-author{
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 42px 28px 1fr;
align-items: center;
column-gap: 13px;
margin-top: auto;
}
#amour-elementor-site .page-item.testimonials .author-rule{
width: 38px;
height: 1px;
background: #ffbd88;
display: none !important;
}
#amour-elementor-site span.review-watermark .review-quote{
width: 170px;
height: auto !important;
opacity: 0.05;
}
#amour-elementor-site .page-item.testimonials .google-g{
display: inline-flex;
align-items: center;
justify-content: center;
width: 25px;
height: 25px;
border-radius: 50%;
background: conic-gradient(#4285f4 0 25%, #34a853 0 43%, #fbbc05 0 68%, #ea4335 0 100%);
font-family: Arial, sans-serif;
font-size: 15px;
font-weight: 800;
}
#amour-elementor-site .page-item.testimonials .g-blue{
display: grid;
place-items: center;
width: 17px;
height: 17px;
border-radius: 50%;
background: #171517;
color: #fff;
}
#amour-elementor-site .page-item.testimonials .author-copy{
display: flex;
flex-direction: row;
gap: 18px;
width: 480px;
}
#amour-elementor-site .page-item.testimonials .author-copy strong{
color: #fff;
font-family: "Roboto Serif";
font-size: 11px;
font-weight: 600;
letter-spacing: 4px;
text-transform: uppercase;
}
#amour-elementor-site .page-item.testimonials .author-copy span{
color: rgba(255,255,255,.38);
font-family: "Roboto";
font-size: 9px;
letter-spacing: 3px;
text-transform: uppercase;
}
#amour-elementor-site .page-item.testimonials .review-watermark{
position: absolute;
right: 19px;
bottom: -19px;
color: rgba(255, 255, 255, .035);
font-family: Georgia, serif;
font-size: 230px;
line-height: 1;
pointer-events: none;
}
/* for non featured review */
#amour-elementor-site .page-item.testimonials .review-title{
font-family: "Playfair Display SC";
font-size: 18px;
font-weight: 700;
letter-spacing: 2.5px;
}
#amour-elementor-site .page-item.testimonials .testimonial-arrow{
position: absolute;
top: 50%;
z-index: 8;
display: grid !important;
place-items: center;
width: 62px !important;
height: 62px !important;
margin: 0 !important;
padding: 0;
border: 1px solid rgba(255, 157, 180, .75) !important;
border-radius: 50% !important;
background: rgba(12, 11, 12, .94) !important;
box-shadow: 0 0 16px rgba(252,116,151,.20), inset 0 0 18px rgba(252,116,151,.05);
cursor: pointer;
transform: translateY(-50%) !important;
transition: border-color .25s ease, box-shadow .25s ease, background .25s ease !important;
z-index: 1111;
}
#amour-elementor-site .page-item.testimonials .testimonial-arrow:hover{
transform: translateY(-50%) !important;
border-color: #ff9db5 !important;
background: #181216 !important;
box-shadow: 0 0 25px rgba(252,116,151,.38) !important;
}
#amour-elementor-site .page-item.testimonials .testimonial-arrow.left{left: 28px;display: none !important;}
#amour-elementor-site .page-item.testimonials .testimonial-arrow.right{ right: 28px !important; }
#amour-elementor-site .page-item.testimonials .testimonial-arrow svg{
width: 24px !important;
height: 24px !important;
fill: none;
stroke: #ff9db5;
stroke-width: 2.2;
stroke-linecap: round;
stroke-linejoin: round;
}
#amour-elementor-site .page-item.testimonials .testimonial-arrow svg path{ fill: none !important; }
#amour-elementor-site .page-item.testimonials .testimonial-pagination{
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
height: 12px;
margin-top: 2px;
}
#amour-elementor-site .page-item.testimonials .testimonial-page-dot{
display: block;
width: 25px;
height: 4px;
border-radius: 99px;
background: rgba(255,255,255,.14);
transition: width .25s ease, background .25s ease, box-shadow .25s ease;
}
#amour-elementor-site .page-item.testimonials .testimonial-page-dot.active{
width: 31px;
background: linear-gradient(90deg, #fc7497, #ffdbba);
box-shadow: 0 0 10px rgba(252,116,151,.28);
}
@media (max-width: 1180px){#amour-elementor-site .page-item.testimonials .testimonials-seal{ display: none; }
#amour-elementor-site .page-item.testimonials .reviews .contain{
width: calc(100% - 150px) !important;
}
#amour-elementor-site .page-item.testimonials .reviews .contain .chunks{
grid-template-columns: minmax(500px, 1.7fr) minmax(330px, 1fr) minmax(330px, 1fr);
}}
@media (max-width: 990px){#amour-elementor-site .page-item.testimonials{
min-height: 0;
padding: 120px 0 90px !important;
}
#amour-elementor-site .page-item.testimonials .testimonials-ghost{ display: none; }
#amour-elementor-site .page-item.testimonials .headline{
font-size: clamp(58px, 10vw, 82px) !important;
letter-spacing: -2px;
}
#amour-elementor-site .page-item.testimonials .reviews .contain{
width: min(620px, calc(100% - 110px)) !important;
height: 420px !important;
}
#amour-elementor-site .page-item.testimonials .reviews .contain .chunks{
display: block;
width: 100%;
height: 100%;
}
#amour-elementor-site .page-item.testimonials .review{
display: none;
height: 420px !important;
}
#amour-elementor-site .page-item.testimonials .review.featured{
display: flex;
}
#amour-elementor-site .page-item.testimonials .testimonial-arrow.left{ left: 18px; }
#amour-elementor-site .page-item.testimonials .testimonial-arrow.right{ right: 18px !important; }
#amour-elementor-site .page-item.testimonials .testimonials-dot-field-top{ left: 18px; top: 310px; }}
@media (max-width: 600px){#amour-elementor-site .page-item.testimonials{
padding: 96px 0 72px !important;
gap: 30px !important;
}
#amour-elementor-site .page-item.testimonials .testimonials-heading-wrap{
width: calc(100% - 34px);
}
#amour-elementor-site .page-item.testimonials .testimonials-heading-wrap .spaced-label{
font-size: 9px;
letter-spacing: 6px;
margin-bottom: 13px;
}
#amour-elementor-site .page-item.testimonials .headline{
font-size: clamp(48px, 15vw, 68px) !important;
line-height: .94 !important;
letter-spacing: -1.5px;
}
#amour-elementor-site .page-item.testimonials .testimonials-heading-wrap .subject-line{
margin-top: 18px;
font-size: 11.5px !important;
line-height: 1.6 !important;
}
#amour-elementor-site .testimonials-desktop-break{ display: none; }
#amour-elementor-site .page-item.testimonials .reviews .contain{
width: calc(100% - 58px) !important;
height: 440px !important;
}
#amour-elementor-site .page-item.testimonials .review, #amour-elementor-site .page-item.testimonials .review.featured{
height: 440px !important;
padding: 28px 25px 27px !important;
border-radius: 25px !important;
}
#amour-elementor-site .page-item.testimonials .featured .review-title{
font-size: 24px;
line-height: 1.23;
}
#amour-elementor-site .page-item.testimonials .review-body{
margin-top: 16px;
font-size: 12px;
line-height: 1.65;
-webkit-line-clamp: 4;
}
#amour-elementor-site .page-item.testimonials .review-stars{
font-size: 14px;
letter-spacing: 2px;
}
#amour-elementor-site .page-item.testimonials .review-quote{
font-size: 61px;
}
#amour-elementor-site .page-item.testimonials .review-author{
grid-template-columns: 27px 23px 1fr;
column-gap: 9px;
}
#amour-elementor-site .page-item.testimonials .author-rule{ width: 25px; }
#amour-elementor-site .page-item.testimonials .google-g{ width: 22px; height: 22px; }
#amour-elementor-site .page-item.testimonials .author-copy strong{
font-size: 9px;
letter-spacing: 2.3px;
}
#amour-elementor-site .page-item.testimonials .author-copy span{
font-size: 7.5px;
letter-spacing: 2px;
}
#amour-elementor-site .page-item.testimonials .testimonial-arrow{
top: calc(50% + 2px);
width: 45px !important;
height: 45px !important;
}
#amour-elementor-site .page-item.testimonials .testimonial-arrow.left{ left: 6px; }
#amour-elementor-site .page-item.testimonials .testimonial-arrow.right{ right: 6px !important; }
#amour-elementor-site .page-item.testimonials .testimonial-arrow svg{
width: 18px !important;
height: 18px !important;
}
#amour-elementor-site .page-item.testimonials .testimonials-dot-field{
width: 80px;
height: 70px;
background-size: 11px 11px;
opacity: .4;
}}
/* =========================================================
TESTIMONIALS — RESPONSIVE ALIGNMENT FIX
========================================================= */
#amour-elementor-site .page-item.testimonials{
width: 100% !important;
max-width: 1210px !important;
margin-left: auto !important;
margin-right: auto !important;
}
#amour-elementor-site .page-item.testimonials .testimonials-heading-wrap{
margin-left: auto !important;
margin-right: auto !important;
}
#amour-elementor-site .page-item.testimonials .reviews{
width: 100% !important;
max-width: 1210px !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* =========================
SMALL DESKTOP
========================= */
@media (max-width: 1260px){#amour-elementor-site .page-item.testimonials{
width: calc(100% - 164px) !important;
max-width: 1210px !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
#amour-elementor-site .page-item.testimonials .reviews, #amour-elementor-site .page-item.testimonials .testimonials-heading-wrap{
max-width: 100% !important;
}}
/* =========================
TABLET
========================= */
@media (max-width: 990px){#amour-elementor-site .page-item.testimonials{
width: calc(100% - 104px) !important;
max-width: 760px !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 120px 0 90px !important;
align-items: center !important;
}
/* Heading */
#amour-elementor-site .page-item.testimonials .testimonials-heading-wrap{
width: 100% !important;
max-width: 620px !important;
margin: 0 auto !important;
align-items: center !important;
text-align: center !important;
}
#amour-elementor-site .page-item.testimonials
.testimonials-heading-wrap
.spaced-label, #amour-elementor-site .page-item.testimonials
.headline, #amour-elementor-site .page-item.testimonials
.testimonials-heading-wrap
.subject-line{
width: 100% !important;
text-align: center !important;
}
/* Reviews */
#amour-elementor-site .page-item.testimonials .reviews{
width: 100% !important;
max-width: 620px !important;
margin: 0 auto !important;
}
#amour-elementor-site .page-item.testimonials .reviews .contain{
width: 100% !important;
max-width: 620px !important;
height: 420px !important;
margin: 0 auto !important;
}
#amour-elementor-site .page-item.testimonials
.reviews
.contain
.chunks{
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
margin: 0 auto !important;
}
#amour-elementor-site .page-item.testimonials
.reviews
.contain
.chunks
.review{
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
}
/* Author */
#amour-elementor-site .page-item.testimonials .author-copy{
width: auto !important;
max-width: 100% !important;
min-width: 0 !important;
}
/* Pagination */
#amour-elementor-site .page-item.testimonials .testimonial-pagination{
width: 100%;
justify-content: center;
}
/* Arrow */
#amour-elementor-site .page-item.testimonials
.testimonial-arrow.right{
right: 18px !important;
}}
/* =========================
MOBILE
========================= */
@media (max-width: 600px){#amour-elementor-site .page-item.footer .copyright{
font-size: 12px;
}
#amour-elementor-site .page-item.testimonials{
width: calc(100% - 36px) !important;
max-width: 520px !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 96px 0 72px !important;
gap: 30px !important;
}
/* Heading */
#amour-elementor-site .page-item.testimonials
.testimonials-heading-wrap{
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
}
#amour-elementor-site .page-item.testimonials
.testimonials-heading-wrap
.spaced-label, #amour-elementor-site .page-item.testimonials
.headline, #amour-elementor-site .page-item.testimonials
.testimonials-heading-wrap
.subject-line{
text-align: center !important;
}
/* Carousel */
#amour-elementor-site .page-item.testimonials .reviews{
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
}
#amour-elementor-site .page-item.testimonials
.reviews
.contain{
width: 100% !important;
max-width: 100% !important;
height: 440px !important;
margin: 0 auto !important;
}
#amour-elementor-site .page-item.testimonials
.reviews
.contain
.chunks, #amour-elementor-site .page-item.testimonials
.reviews
.contain
.chunks
.review, #amour-elementor-site .page-item.testimonials
.reviews
.contain
.chunks
.review.featured{
width: 100% !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Card */
#amour-elementor-site .page-item.testimonials .review, #amour-elementor-site .page-item.testimonials .review.featured{
min-width: 0 !important;
height: 440px !important;
padding: 28px 25px 27px !important;
}
/* Author */
#amour-elementor-site .page-item.testimonials .review-author{
width: 100%;
min-width: 0;
grid-template-columns:
23px minmax(0, 1fr) !important;
column-gap: 10px !important;
}
#amour-elementor-site .page-item.testimonials .author-copy{
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
gap: 12px !important;
}
#amour-elementor-site .page-item.testimonials .author-copy div{
min-width: 0;
}
#amour-elementor-site .page-item.testimonials .author-copy strong, #amour-elementor-site .page-item.testimonials .author-copy span{
overflow-wrap: anywhere;
}
/* Arrow */
#amour-elementor-site .page-item.testimonials
.testimonial-arrow.right{
right: 10px !important;
}
/* Pagination */
#amour-elementor-site .page-item.testimonials
.testimonial-pagination{
margin-left: auto;
margin-right: auto;
}}
/* =========================
SMALL MOBILE
========================= */
@media (max-width: 390px){#amour-elementor-site .page-item.testimonials{
width: calc(100% - 28px) !important;
}
#amour-elementor-site .page-item.testimonials .headline{
font-size:
clamp(42px, 14vw, 54px) !important;
}
#amour-elementor-site .page-item.testimonials
.reviews
.contain, #amour-elementor-site .page-item.testimonials .review, #amour-elementor-site .page-item.testimonials .review.featured{
height: 455px !important;
}
#amour-elementor-site .page-item.testimonials .review, #amour-elementor-site .page-item.testimonials .review.featured{
padding:
25px 21px 24px !important;
}
#amour-elementor-site .page-item.testimonials
.featured
.review-title{
font-size: 21px !important;
}}
/* Add this at the END of your existing stylesheet. */
@media (max-width: 990px){#amour-elementor-site .page-item.testimonials .review-author{
display: flex !important;
align-items: center !important;
width: 100% !important;
min-width: 0 !important;
margin-top: auto !important;
}
#amour-elementor-site .page-item.testimonials .author-copy{
display: flex !important;
flex-direction: row !important;
align-items: center !important;
width: 100% !important;
min-width: 0 !important;
gap: 11px !important;
}
#amour-elementor-site .page-item.testimonials .author-copy > svg{
width: 26px !important;
height: 26px !important;
flex: 0 0 26px !important;
}
#amour-elementor-site .page-item.testimonials .author-copy > div{
display: flex !important;
flex: 1 1 auto;
flex-direction: column !important;
align-items: flex-start !important;
gap: 5px !important;
min-width: 0;
}
#amour-elementor-site .page-item.testimonials .author-copy strong, #amour-elementor-site .page-item.testimonials .author-copy span{
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
}
#amour-elementor-site .page-item.testimonials .author-copy strong{
font-size: 10px !important;
letter-spacing: 1.3px !important;
line-height: 1.4 !important;
}
#amour-elementor-site .page-item.testimonials .author-copy span{
font-size: 8px !important;
letter-spacing: 1.4px !important;
line-height: 1.4 !important;
}}
/* gallery-section-updated.css */
/* ==========================================================
HOME GALLERY
Desktop: screenshot-inspired 4-column mosaic
Tablet: balanced 2-column gallery
Mobile: readable 2-column gallery with full-width anchors
========================================================== */
#amour-elementor-site .home-gallery{
position: relative;
width: 100%;
padding: 115px 28px 125px;
background: #000;
overflow: hidden;
box-sizing: border-box;
isolation: isolate;
display: flex;
order: 2;
}
#amour-elementor-site .home-gallery::after{
position: absolute;
width: 420px;
height: 420px;
left: -280px;
bottom: -220px;
background: radial-gradient(circle, rgba(249, 107, 147, 0.16), transparent 70%);
pointer-events: none;
z-index: -1;
}
/* ==========================================================
CONTAINER
========================================================== */
#amour-elementor-site .home-gallery__inner{
width: 100%;
max-width: 1210px;
margin: 0 auto;
display: flex;
flex-direction: column;
min-width: 0;
order: 3;
}
/* ==========================================================
HEADER
========================================================== */
#amour-elementor-site .home-gallery__header{
position: relative;
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 42px;
}
#amour-elementor-site .home-gallery__copy{
position: relative;
z-index: 2;
width: 100%;
min-width: 0;
}
#amour-elementor-site .home-gallery__eyebrow{
margin: 0 0 12px;
font-family: "Roboto Serif", serif;
font-size: 11px;
font-weight: 600;
letter-spacing: 6px;
text-transform: uppercase;
color: #f96b93;
}
#amour-elementor-site .home-gallery__title{
margin: 0;
font-family: "Playfair Display SC", serif;
font-size: clamp(54px, 5.5vw, 76px);
font-weight: 600;
line-height: 0.86;
letter-spacing: -3px;
background-image: linear-gradient(90deg, var(--pink) 20%, #fff);
color: transparent;
-webkit-background-clip: text;
background-clip: text;
text-transform: uppercase;
text-align: center;
}
#amour-elementor-site .home-gallery__description{
margin: 22px 0 0;
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.75;
color: rgba(255, 255, 255, 0.57);
text-align: center;
}
/* ==========================================================
DOT DECORATION
========================================================== */
#amour-elementor-site .home-gallery__dots{
position: absolute;
right: 24px;
top: 52px;
width: 92px;
height: 72px;
opacity: 0.8;
background-image: radial-gradient(circle, #f96b93 2px, transparent 2.5px);
background-size: 18px 18px;
-webkit-mask-image: linear-gradient(135deg, #000 25%, rgba(0, 0, 0, 0.85) 60%, transparent 100%);
mask-image: linear-gradient(135deg, #000 25%, rgba(0, 0, 0, 0.85) 60%, transparent 100%);
}
/* ==========================================================
IMAGE GRID — DESKTOP
Inspired by the supplied reference:
┌───────────────┬───────┬───────┐
│ │ 02 │ 03 │
│ 01 ├───────┼───────┤
│ │ 04 │ │
├───────────────┼───────┤ 05 │
│ 06 │ 07 │ │
├───────┬───────┴───────┼───────┤
│ 08 │ 09 │ 10 │
└───────┴───────────────┴───────┘
========================================================== */
#amour-elementor-site .home-gallery__grid{
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-template-rows: 255px 255px 225px;
grid-auto-rows: 225px;
gap: 12px;
width: 100%;
min-width: 0;
}
/* ==========================================================
BASE IMAGE
========================================================== */
#amour-elementor-site .home-gallery__item{
position: relative;
width: 100%;
min-width: 0;
min-height: 0;
margin: 0;
overflow: hidden;
border-radius: 12px;
background: #141414;
transform: translateZ(0);
}
#amour-elementor-site .home-gallery__item::after{
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
border: 1px solid rgba(255, 255, 255, 0.06);
pointer-events: none;
transition: border-color 0.35s ease, background 0.35s ease;
}
#amour-elementor-site .home-gallery__item img{
display: block;
width: 100%;
height: 100%;
min-width: 0;
object-fit: cover;
transition: transform 0.65s cubic-bezier(.2, .75, .25, 1), filter 0.45s ease;
}
#amour-elementor-site .home-gallery__item:hover img{
transform: scale(1.035);
}
#amour-elementor-site .home-gallery__item:hover::after{
border-color: rgba(249, 107, 147, 0.28);
}
/* ==========================================================
DESKTOP GRID POSITIONS
========================================================== */
/* 01 — large left anchor */
#amour-elementor-site .home-gallery__item--feature{
grid-column: 1 / 3;
grid-row: 1 / 3;
}
/* 02 — upper middle */
#amour-elementor-site .home-gallery__item--wide{
grid-column: 3;
grid-row: 1;
}
/* 03 — upper right */
#amour-elementor-site .home-gallery__item--top-right{
grid-column: 4;
grid-row: 1;
}
/* 04 — middle */
#amour-elementor-site .home-gallery__item--bottom-one{
grid-column: 3;
grid-row: 2;
}
/* 05 — tall right */
#amour-elementor-site .home-gallery__item--bottom-two{
grid-column: 4;
grid-row: 2 / 4;
}
/* 06 — wide lower-left */
#amour-elementor-site .home-gallery__item--bottom-three{
grid-column: 1 / 3;
grid-row: 3;
}
/* 07 — lower middle */
#amour-elementor-site .home-gallery__item--row-three-one{
grid-column: 3;
grid-row: 3;
}
/* 08 — final row left */
#amour-elementor-site .home-gallery__item--row-three-two{
grid-column: 1;
grid-row: 4;
}
/* 09 — final row wide center */
#amour-elementor-site .home-gallery__item--row-three-three{
grid-column: 2 / 4;
grid-row: 4;
}
/* 10 — final row right */
#amour-elementor-site .home-gallery__item--row-three-four{
grid-column: 4;
grid-row: 4;
}
/* ==========================================================
GALLERY FOOTER / BUTTON
========================================================== */
#amour-elementor-site .home-gallery__footer{
width: 100%;
display: flex;
justify-content: center;
margin-top: 42px;
}
#amour-elementor-site .home-gallery__button{
display: inline-flex;
align-items: center;
justify-content: center;
gap: 24px;
min-width: 310px;
padding: 20px 34px;
border-radius: 100px;
background: #fff;
color: #090909;
font-family: "Roboto Serif", serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 0 30px rgba(249, 107, 147, 0.17);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
#amour-elementor-site .home-gallery__button:hover{
transform: translateY(-2px);
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12), 0 8px 34px rgba(249, 107, 147, 0.22);
}
#amour-elementor-site .home-gallery__arrow{
display: inline-block;
font-family: Arial, sans-serif;
font-size: 19px;
font-weight: 400;
transition: transform 0.3s ease;
}
#amour-elementor-site .home-gallery__button:hover .home-gallery__arrow{
transform: translateX(5px);
}
/* ==========================================================
TABLET — 2-COLUMN, LARGE ENOUGH TO READ
01 spans full width.
02–05 are paired.
06 spans full width as a second visual anchor.
07–10 are paired.
========================================================== */
@media (max-width: 900px){
#amour-elementor-site .home-gallery{
padding: 95px 28px 105px;
}
.home-gallery__item--row-three-one {
display: none;
}
#amour-elementor-site .home-gallery__header{
margin-bottom: 34px;
}
#amour-elementor-site .home-gallery__title{
font-size: clamp(50px, 8vw, 68px);
}
#amour-elementor-site .home-gallery__dots{
right: 0;
opacity: 0.55;
}
#amour-elementor-site .home-gallery__grid{
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: 340px 240px 240px 280px;
grid-auto-rows: 240px;
gap: 10px;
}
#amour-elementor-site .home-gallery__item--feature{
grid-column: 1 / -1;
grid-row: 1;
}
#amour-elementor-site .home-gallery__item--wide{
grid-column: 1;
grid-row: 2;
}
#amour-elementor-site .home-gallery__item--top-right{
grid-column: 2;
grid-row: 2;
}
#amour-elementor-site .home-gallery__item--bottom-one{
grid-column: 1;
grid-row: 3;
}
#amour-elementor-site .home-gallery__item--bottom-two{
grid-column: 2;
grid-row: 3;
}
#amour-elementor-site .home-gallery__item--bottom-three{
grid-column: 1 / -1;
grid-row: 4;
}
#amour-elementor-site .home-gallery__item--row-three-one{
grid-column: 1;
grid-row: 5;
}
#amour-elementor-site .home-gallery__item--row-three-two{
grid-column: 2;
grid-row: 5;
}
#amour-elementor-site .home-gallery__item--row-three-three{
grid-column: 1;
grid-row: 6;
}
#amour-elementor-site .home-gallery__item--row-three-four{
grid-column: 2;
grid-row: 6;
}}
/* ==========================================================
MOBILE — 2-COLUMN WITH FULL-WIDTH ANCHORS
========================================================== */
@media (max-width: 600px){#amour-elementor-site .home-gallery{
padding: 80px 20px 90px;
}
#amour-elementor-site .home-gallery__inner{
width: 100%;
min-width: 0;
}
#amour-elementor-site .home-gallery__header{
display: block;
margin-bottom: 28px;
}
#amour-elementor-site .home-gallery__eyebrow{
margin-bottom: 10px;
font-size: 9px;
letter-spacing: 5px;
}
#amour-elementor-site .home-gallery__title{
width: 100%;
max-width: 450px;
margin-left: auto;
margin-right: auto;
font-size: clamp(43px, 13vw, 59px);
line-height: 0.95;
letter-spacing: -2px;
}
#amour-elementor-site .home-gallery__description{
margin-top: 18px;
font-size: 13px;
line-height: 1.7;
}
#amour-elementor-site .home-gallery__description br{
display: none;
}
#amour-elementor-site .home-gallery__dots{
display: none;
}
#amour-elementor-site .home-gallery__grid{
width: 100%;
min-width: 0;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: 300px 170px 170px 215px;
grid-auto-rows: 170px;
gap: 8px;
}
#amour-elementor-site .home-gallery__item--feature{
grid-column: 1 / -1;
grid-row: 1;
}
#amour-elementor-site .home-gallery__item--wide{
grid-column: 1;
grid-row: 2;
}
#amour-elementor-site .home-gallery__item--top-right{
grid-column: 2;
grid-row: 2;
}
#amour-elementor-site .home-gallery__item--bottom-one{
grid-column: 1;
grid-row: 3;
}
#amour-elementor-site .home-gallery__item--bottom-two{
grid-column: 2;
grid-row: 3;
}
#amour-elementor-site .home-gallery__item--bottom-three{
grid-column: 1 / -1;
grid-row: 4;
}
#amour-elementor-site .home-gallery__item--row-three-one{
grid-column: 1;
grid-row: 5;
}
#amour-elementor-site .home-gallery__item--row-three-two{
grid-column: 2;
grid-row: 5;
}
#amour-elementor-site .home-gallery__item--row-three-three{
grid-column: 1;
grid-row: 6;
}
#amour-elementor-site .home-gallery__item--row-three-four{
grid-column: 2;
grid-row: 6;
}
#amour-elementor-site .home-gallery__item{
width: 100%;
min-width: 0;
min-height: 0;
border-radius: 9px;
}
#amour-elementor-site .home-gallery__item img{
width: 100%;
height: 100%;
min-width: 0;
object-fit: cover;
}
#amour-elementor-site .home-gallery__footer{
margin-top: 28px;
}
#amour-elementor-site .home-gallery__button{
width: 100%;
min-width: 0;
padding: 19px 26px;
}}
/* ==========================================================
EXTRA SMALL PHONES
========================================================== */
@media (max-width: 400px){#amour-elementor-site .home-gallery{
padding: 70px 14px 80px;
}
#amour-elementor-site .home-gallery__title{
font-size: clamp(39px, 13vw, 50px);
letter-spacing: -1.5px;
}
#amour-elementor-site .home-gallery__grid{
grid-template-rows: 260px 150px 150px 190px;
grid-auto-rows: 150px;
gap: 7px;
}
#amour-elementor-site .home-gallery__item{
border-radius: 8px;
}
#amour-elementor-site .home-gallery__button{
padding: 18px 20px;
gap: 18px;
font-size: 11px;
}}
/* ==========================================================
REDUCED MOTION
========================================================== */
@media (prefers-reduced-motion: reduce){#amour-elementor-site .home-gallery__item img, #amour-elementor-site .home-gallery__button, #amour-elementor-site .home-gallery__arrow{
transition: none;
}}
/* anim-onload-fixed.css */
@media (max-width: 990px){#amour-elementor-site .page-item.services.onload g.service{
animation: none !important;
}
#amour-elementor-site .page-item.services .scroll-headline-inner{
height: 200px;
}
#amour-elementor-site .page-item.services.onload .scroll-headline-inner
.service .line .anim-contain.onload-anim{
animation: none !important;
}}
/* Hero Section */
#amour-elementor-site .page-item.hero.onload .hero-img-contain{
transform-origin: 100% 50%;
}
#amour-elementor-site .page-item.hero.onload .text-contain{
transform-origin: 100% 50%;
animation-fill-mode: forwards;
}
#amour-elementor-site .page-item.hero.onload #booking-btn{
animation: hero-booking-cta-fade 0.6s ease 450ms both;
}
@keyframes hero-booking-cta-fade{
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Services */
#amour-elementor-site .page-item.services.onload #show-more-serv{
animation: services-desc-reveal 0.6s 330ms both;
}
@keyframes show-more-serv-fade{
from {
opacity: 0;
}
to {
opacity: 1;
}
}
#amour-elementor-site .page-item.services.post-load .headline-contain{
opacity: 1 !important;
}
#amour-elementor-site .page-item.services.post-load .services-img-contain{
opacity: 1 !important;
}
#amour-elementor-site .page-item.services.post-load .scroll-headline-inner
.service{
opacity: 1 !important;
}
#amour-elementor-site .page-item.services.post-load .tr-anim-contain path.ol{
opacity: 0 !important;
}
#amour-elementor-site .page-item.services.onload .scroll-headline-inner
.service g.anim-contain{
width: 10px;
overflow: hidden;
}
#amour-elementor-site .page-item.services.onload .scroll-headline-inner
.service{
opacity: 0;
}
#amour-elementor-site .page-item.services.onload .scroll-headline-inner
.service.ol{
opacity: 1 !important;
}
#amour-elementor-site .page-item.services.onload .scroll-headline-inner{
animation: services-hl-contain-anim 0.7s ease-out;
}
#amour-elementor-site .page-item.services.onload .scroll-headline-inner
.service .line .anim-contain.onload-anim{
animation: services-hl-anim 0.7s ease;
}
#amour-elementor-site .page-item.services.onload .scroll-headline-inner
.service .line .anim-contain .ol{
opacity: 0;
transition: 0.5s;
z-index: -1;
}
#amour-elementor-site .page-item.services.onload .scroll-headline-inner
.service .line .anim-contain.onload-anim .ol{
opacity: 1 !important;
transition: 0s;
}
#amour-elementor-site .page-item.services.onload .scroll-headline-inner
.service .line:nth-of-type(2) .anim-contain.onload-anim{
animation-delay: 100ms;
}
#amour-elementor-site .page-item.services.onload .scroll-headline-inner
.service .line .ol{
fill: none;
stroke: grey;
}
#amour-elementor-site .page-item.services.onload .scroll-headline-inner
.service .line .anim-contain.onload-anim .ol{
stroke-dasharray: 0px;
stroke-dashoffset: 0px;
animation:
services-hl-anim-ol 0.8s ease;
animation-fill-mode: forwards;
}
#amour-elementor-site .page-item.services.onload .spaced-label{
animation: services-spaced-label 0.5s;
animation-fill-mode: forwards;
}
#amour-elementor-site .page-item.services.onload .scroll-headline-inner
.service.ol .line:nth-of-type(2) .anim-contain.onload-anim .ol{
stroke-dasharray: 860px;
stroke-dashoffset: 860px;
animation-delay: 100ms;
}
#amour-elementor-site .page-item.services.onload .headline-contain{
opacity: 1;
}
#amour-elementor-site .page-item.services.onload .subject-line-contain{
opacity: 0;
animation: services-desc-reveal 0.6s 330ms;
animation-fill-mode: forwards;
}
#amour-elementor-site .page-item.services.onload .subject-line > .c1{
opacity: 1 !important;
}
#amour-elementor-site .page-item.services.onload .services-img-contain{
opacity: 0;
animation: services-img-reveal 0.6s 150ms;
animation-fill-mode: forwards;
}
/* About */
#amour-elementor-site .page-item.about .about-img, #amour-elementor-site .page-item.about .headline-contain > .headline, #amour-elementor-site .page-item.about .subject-line{
opacity: 0;
}
#amour-elementor-site .page-item.about.onload .about-img{
animation: about-img-onload 0.5s;
animation-fill-mode: forwards;
margin-left: -50px;
}
#amour-elementor-site .page-item.about.onload .headline-contain > .headline:not(.scroll-headline) {
animation: about-text-onload 0.5s;
animation-delay: 80ms;
animation-fill-mode: forwards;
font-weight: 600;
}
#amour-elementor-site .page-item.about.onload .scroll-headline{
animation: about-headline-onload 0.7s;
animation-delay: 250ms;
animation-fill-mode: forwards;
}
#amour-elementor-site .page-item.about.onload .subject-line{
animation: about-subject-onload 0.5s;
animation-delay: 190ms;
animation-fill-mode: forwards;
}
@keyframes about-headline-onload{
from {
transform: translateX(82px) translateY(60px) scale(1);
opacity: 0;
}
to {
transform: translateX(-82px) translateY(60px) scale(1);
opacity: 0.2;
}
}
@keyframes about-subject-onload{
from {
opacity: 0;
transform: translateX(12px);
}
to {
opacity: 1;
transform: translateX(0px);
}
}
@keyframes about-text-onload{
from {
opacity: 0;
transform: translateX(20px);
}
to {
opacity: 1;
transform: translateX(0px);
}
}
@keyframes about-img-onload{
from {
opacity: 0;
transform: translateX(-20px);
}
to {
opacity: 1;
transform: translateX(0px);
}
}
/* Service Body Default */
#amour-elementor-site .page-item.services .subject-line{
position: relative;
}
#amour-elementor-site .page-item.services .subject-line > div{
position: absolute !important;
top: 0 !important;
opacity: 0;
}
/* Service Body #2 */
#amour-elementor-site .page-item.services.c2 .subject-line .c1{
animation: services-body-left 0.4s;
animation-fill-mode: forwards;
}
/* ON ENTER BACK */
#amour-elementor-site .page-item.services.c1.oe .subject-line .c2{
animation: services-body-left 0.4s;
animation-fill-mode: forwards;
}
#amour-elementor-site .page-item.services.c1.oe .subject-line .c1{
animation: services-body-right 0.4s;
animation-fill-mode: forwards;
}
/* Service Body #3 */
#amour-elementor-site .page-item.services.c2 .subject-line .c2{
animation: services-body-right 0.4s;
animation-fill-mode: forwards;
}
/* ON ENTER BACK */
#amour-elementor-site .page-item.services.c2.oe .subject-line .c3{
animation: services-body-left 0.4s !important;
animation-fill-mode: forwards;
}
/* Service Body #4 */
#amour-elementor-site .page-item.services.c3 .subject-line .c2{
animation: services-body-left 0.4s;
animation-fill-mode: forwards;
}
#amour-elementor-site .page-item.services.c3 .subject-line .c3{
animation: services-body-right 0.4s;
animation-fill-mode: forwards;
}
/* ON ENTER BACK */
#amour-elementor-site .page-item.services.c3.oe .subject-line .c2{
animation: services-body-right 0.4s;
animation-fill-mode: forwards;
}
#amour-elementor-site .page-item.services.c3.oe .subject-line .c3{
animation: services-body-left 0.4s;
animation-fill-mode: forwards;
}
#amour-elementor-site .page-item.services.c2.oe .subject-line .c1{
opacity: 0 !important;
}
/* Service Headline Default */
#amour-elementor-site .page-item.services .line .anim-contain.c2 .tr-anim-contain{
transform: translateY(-108px);
animation-fill-mode: forwards;
}
/* Service Headline #2 */
#amour-elementor-site .page-item.services.c2 .line .anim-contain.c1 .tr-anim-contain{
animation: services-h1-down 0.4s;
animation-fill-mode: forwards;
}
#amour-elementor-site .page-item.services.c2 .line .anim-contain.c2 .tr-anim-contain{
animation: services-h1-up 0.4s;
animation-fill-mode: forwards;
}
/* Service Headline #3 */
#amour-elementor-site .page-item.services .line .anim-contain.c3 .tr-anim-contain{
transform: translateY(-108px);
}
#amour-elementor-site .page-item.services.c3 .line .anim-contain.c1 .tr-anim-contain{
opacity: 0;
animation-fill-mode: forwards;
}
#amour-elementor-site .page-item.services.c3 .line .anim-contain.c2 .tr-anim-contain{
animation: services-h1-down 0.4s;
animation-fill-mode: forwards;
}
#amour-elementor-site .page-item.services.c3 .line .anim-contain.c3 .tr-anim-contain{
animation: services-h1-up 0.4s;
animation-fill-mode: forwards;s
}
/* ON ENTER BACK */
#amour-elementor-site .page-item.services.c1.oe .line .anim-contain.c1 .tr-anim-contain{
animation: services-h1-up 0.4s;
animation-fill-mode: forwards;
}
#amour-elementor-site .page-item.services.c1.oe .line .anim-contain.c2 .tr-anim-contain{
animation: services-h1-down 0.4s;
animation-fill-mode: forwards;
}
#amour-elementor-site .page-item.services.c2.oe .line .anim-contain.c1 .tr-anim-contain{
opacity: 0 !important;
}
#amour-elementor-site .page-item.services.c2.oe .line .anim-contain.c3 .tr-anim-contain{
animation: services-h1-down 0.4s;
animation-fill-mode: forwards;
}
/* Contact */
#amour-elementor-site .page-item.contact .headline-contain, #amour-elementor-site .page-item.contact .subject-line, #amour-elementor-site .page-item.contact .sub-headline, #amour-elementor-site .page-item.contact .links, #amour-elementor-site .page-item.contact .contact-form{
opacity: 0;
}
#amour-elementor-site .page-item.contact.onload .headline-contain{
animation: contact-tc-onload 0.5s;
animation-fill-mode: forwards;
}
#amour-elementor-site .page-item.contact.onload .subject-line{
animation: contact-subject-onload 0.5s;
animation-fill-mode: forwards;
animation-delay: 190ms;
}
#amour-elementor-site .page-item.contact.onload .sub-headline {
animation: contact-subhead-onload 0.5s;
animation-fill-mode: forwards;
font-weight: 600;
}
#amour-elementor-site .page-item.contact.onload .links{
animation: contact-socials-onload 0.5s;
animation-fill-mode: forwards;
}
#amour-elementor-site .page-item.contact.onload .contact-form{
animation: contact-form-onload 0.5s;
animation-fill-mode: forwards;
}
#amour-elementor-site .page-item.contact .contact-form.form-finish{
animation: contact-form-finish 0.5s ease;
pointer-events: none;
opacity: 0;
}
#amour-elementor-site .page-item.contact .contact-form-inner .form-finish-message{
animation-fill-mode: forwards;
opacity: 0;
pointer-events: visible;
}
#amour-elementor-site .page-item.contact .contact-form-inner .form-finish-message.form-finish{
animation: contact-form-finish-b 0.5s ease;
animation-fill-mode: forwards;
pointer-events: visible !important;
}
@keyframes contact-form-finish{
from {
transform: translateX(0px);
opacity: 1;
}
to {
transform: translateX(-20px);
opacity: 0;
}
}
@keyframes contact-form-finish-b{
from {
transform: translateX(20px);
opacity: 0;
}
to {
transform: translateX(0px);
opacity: 1;
}
}
@keyframes contact-form-onload{
from {
transform: translateX(20px);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
@keyframes contact-socials-onload{
from {
opacity: 0;
transform: translateX(-10px);
}
to {
opacity: 1;
transform: translateX(0px);
}
}
@keyframes contact-subhead-onload{
from {
opacity: 0;
transform: translateX(-12px);
}
to {
opacity: 1;
transform: translateX(0px);
}
}
@keyframes contact-subject-onload{
from {
opacity: 0;
transform: translateX(-12px);
}
to {
opacity: 1;
transform: translateX(0px);
}
}
@keyframes contact-tc-onload{
from {
transform: translateX(-20px);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
/* ================================================================
LANDING PAGE — TESTIMONIALS + GALLERY SCROLL ENTRANCES
JS adds .amour-motion-ready when the sections are registered,
then adds .onload once each section enters the viewport.
Without JS, all content remains visible.
================================================================ */
/* Before reveal: hide only when the new JavaScript is active. */
#amour-elementor-site.amour-motion-ready .page-item.testimonials:not(.onload) .testimonials-heading-wrap > .spaced-label, #amour-elementor-site.amour-motion-ready .page-item.testimonials:not(.onload) .testimonials-heading-wrap > .headline, #amour-elementor-site.amour-motion-ready .page-item.testimonials:not(.onload) .testimonials-heading-wrap > .subject-line, #amour-elementor-site.amour-motion-ready .page-item.testimonials:not(.onload) .reviews, #amour-elementor-site.amour-motion-ready .page-item.testimonials:not(.onload) .testimonial-pagination, #amour-elementor-site.amour-motion-ready .home-gallery:not(.onload) .home-gallery__copy > .spaced--label, #amour-elementor-site.amour-motion-ready .home-gallery:not(.onload) .home-gallery__copy > .home-gallery__title, #amour-elementor-site.amour-motion-ready .home-gallery:not(.onload) .home-gallery__copy > .home-gallery__description, #amour-elementor-site.amour-motion-ready .home-gallery:not(.onload) .home-gallery__grid > .home-gallery__item, #amour-elementor-site.amour-motion-ready .home-gallery:not(.onload) .home-gallery__footer{
opacity: 0;
}
/* Testimonials: redesigned heading, dynamic review carousel, pagination. */
#amour-elementor-site .page-item.testimonials.onload .testimonials-heading-wrap > .spaced-label{
animation: amour-entrance-rise 0.55s ease-out 0s both;
}
#amour-elementor-site .page-item.testimonials.onload .testimonials-heading-wrap > .headline{
animation: amour-entrance-rise 0.72s cubic-bezier(.22,1,.36,1) .09s both;
}
#amour-elementor-site .page-item.testimonials.onload .testimonials-heading-wrap > .subject-line{
animation: amour-entrance-rise 0.62s cubic-bezier(.22,1,.36,1) .18s both;
}
#amour-elementor-site .page-item.testimonials.onload .reviews{
animation: amour-entrance-rise 0.78s cubic-bezier(.22,1,.36,1) .29s both;
}
#amour-elementor-site .page-item.testimonials.onload .testimonial-pagination{
animation: amour-entrance-rise 0.55s ease-out .47s both;
}
/* Gallery: actual homepage selectors, not generic gallery-page selectors. */
#amour-elementor-site .home-gallery.onload .home-gallery__copy > .spaced--label{
animation: amour-entrance-rise 0.55s ease-out 0s both;
}
#amour-elementor-site .home-gallery.onload .home-gallery__copy > .home-gallery__title{
animation: amour-entrance-rise 0.72s cubic-bezier(.22,1,.36,1) .08s both;
}
#amour-elementor-site .home-gallery.onload .home-gallery__copy > .home-gallery__description{
animation: amour-entrance-rise 0.62s cubic-bezier(.22,1,.36,1) .18s both;
}
#amour-elementor-site .home-gallery.onload .home-gallery__grid > .home-gallery__item{
animation: amour-entrance-tile 0.75s cubic-bezier(.22,1,.36,1) both;
}
#amour-elementor-site .home-gallery.onload .home-gallery__grid > .home-gallery__item:nth-child(1){ animation-delay: .27s; }
#amour-elementor-site .home-gallery.onload .home-gallery__grid > .home-gallery__item:nth-child(2){ animation-delay: .33s; }
#amour-elementor-site .home-gallery.onload .home-gallery__grid > .home-gallery__item:nth-child(3){ animation-delay: .39s; }
#amour-elementor-site .home-gallery.onload .home-gallery__grid > .home-gallery__item:nth-child(4){ animation-delay: .45s; }
#amour-elementor-site .home-gallery.onload .home-gallery__grid > .home-gallery__item:nth-child(5){ animation-delay: .51s; }
#amour-elementor-site .home-gallery.onload .home-gallery__grid > .home-gallery__item:nth-child(n/**/+6){ animation-delay: .57s; }
#amour-elementor-site .home-gallery.onload .home-gallery__footer{
animation: amour-entrance-rise 0.65s cubic-bezier(.22,1,.36,1) .57s both;
}
@keyframes amour-entrance-rise{
from { opacity: 0; transform: translateY(28px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes amour-entrance-tile{
from { opacity: 0; transform: translateY(22px) scale(.985); }
to { opacity: 1; transform: translateY(0) scale(1); }
}
@media (prefers-reduced-motion: reduce){#amour-elementor-site .page-item.testimonials .testimonials-heading-wrap > .spaced-label, #amour-elementor-site .page-item.testimonials .testimonials-heading-wrap > .headline, #amour-elementor-site .page-item.testimonials .testimonials-heading-wrap > .subject-line, #amour-elementor-site .page-item.testimonials .reviews, #amour-elementor-site .page-item.testimonials .testimonial-pagination, #amour-elementor-site .home-gallery .home-gallery__copy > .spaced--label, #amour-elementor-site .home-gallery .home-gallery__copy > .home-gallery__title, #amour-elementor-site .home-gallery .home-gallery__copy > .home-gallery__description, #amour-elementor-site .home-gallery .home-gallery__grid > .home-gallery__item, #amour-elementor-site .home-gallery .home-gallery__footer{
opacity: 1 !important;
animation: none !important;
transform: none !important;
}}
#amour-elementor-site .page-item.testimonials .reviews .reviews-chunk.left{
animation: get_off 0.5s ease;
animation-fill-mode: forwards;
}
#amour-elementor-site .page-item.testimonials .reviews .reviews-chunk.cur.right{
animation: come_here 0.5s ease;
animation-fill-mode: forwards;
}
@keyframes come_here{
from {
transform: translateX(1080px);
}
to {
transform: translateX(0px);
}
}
@keyframes get_off{
from {
transform: translateX(0px);
opacity: 1;
}
to {
transform: translateX(-1080px);
opacity: 1;
}
}
@keyframes services-body-left{
from {
transform: translateX(0px);
opacity: 1;
}
to {
transform: translateX(-15px);
opacity: 0;
}
}
@keyframes services-body-right{
from {
transform: translateX(15px);
opacity: 0;
}
to {
transform: translateX(0px);
opacity: 1;
}
}
@keyframes services-h1-up{
from {
transform: translateY(-108px);
}
to {
transform: translateY(0px);
}
}
@keyframes services-h1-down{
from {
transform: translateY(0px);
opacity: 1;
}
to {
transform: translateY(108px);
opacity: 0;
}
}
@keyframes services-spaced-label{
from {
opacity: 0;
transform: translateX(-10px);
}
to {
opacity: 1;
transform: translateX(0px);
}
}
@keyframes services-desc-reveal{
from {
opacity: 0;
transform: translateX(-30px);
}
to {
opacity: 1;
transform: translateX(0px);
}
}
@keyframes services-img-reveal{
from {
opacity: 0;
transform: translateX(50px) translateY(50px);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes services-hl-reveal{
from {
width: 0;
}
to {
width: 100px;
}
}
@keyframes services-hl-anim-ol{
0% {
stroke-dasharray: 860px;
stroke-dashoffset: 860px;
}
98% {
stroke-dasharray: 860px;
stroke-dashoffset: 0px;
}
100% {
stroke-dasharray: 860px;
stroke-dashoffset: 0px;
}
}
@keyframes services-hl-anim{
0% {
transform: translateX(0px);
}
98% {
transform: translateX(68px);
}
100% {
transform: translateX(68px);
}
}
@keyframes services-hl-contain-anim-mobile{
from {
transform: translateX(-75.9px) scale(0.94);
}
to {
transform: translateX(-75.9px) scale(0.94);
}
}
@keyframes services-hl-contain-anim{
from {
transform: translateX(-90px) scale(1.28);
}
to {
transform: translateX(-90px) scale(1.28);
}
}
#amour-elementor-site .form-submit.loading{
cursor: wait;
pointer-events: none;
}
#amour-elementor-site .submit-loading{
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
}
#amour-elementor-site .loading-spinner{
width: 14px;
height: 14px;
border: 2px solid currentColor;
border-top-color: transparent;
border-radius: 50%;
animation: submit-spin 0.7s linear infinite;
}
@keyframes submit-spin{
to {
transform: rotate(360deg);
}
}
#amour-elementor-site { --peach:#FF9951; --pink:#FC7497; width:100vw; max-width:none; position:relative; left:50%; margin-left:-50vw; overflow:clip; background:#000; color:#fff; font-family:Roboto,Arial,sans-serif; isolation:isolate; }
#amour-elementor-site, #amour-elementor-site * { box-sizing:border-box; }
#amour-elementor-site a { cursor:pointer; }
#amour-elementor-site .page-contain { max-width:100%; }
#amour-elementor-site .page-item.testimonials.onload .testimonials-heading-wrap .main-li > .spaced-label { animation:amour-entrance-rise .55s ease-out both; }
#amour-elementor-site .page-item.testimonials.onload .testimonials-heading-wrap .main-li > .headline { animation:amour-entrance-rise .72s cubic-bezier(.22,1,.36,1) .09s both; }
#amour-elementor-site .home-gallery.onload .home-gallery__copy .main-li > .spaced--label { animation:amour-entrance-rise .55s ease-out both; }
#amour-elementor-site .home-gallery.onload .home-gallery__copy .main-li > .home-gallery__title { animation:amour-entrance-rise .72s cubic-bezier(.22,1,.36,1) .08s both; }
@media (prefers-reduced-motion:reduce) { #amour-elementor-site .home-gallery *, #amour-elementor-site .page-item.testimonials * { animation-duration:.01ms !important; } }
/* ==========================================================
RESPONSIVE SAFETY REFINEMENTS — HOME / ELEMENTOR
All original desktop, animated, and decorative rules remain.
Only widths/padding that otherwise exceed narrow viewports
are constrained. Existing layout order is unchanged.
========================================================== */
/* Compact desktop: preserve two columns without 164px of
fixed horizontal padding crowding the hero and contact areas. */
@media (min-width: 991px) and (max-width: 1260px) {
#amour-elementor-site .page-item:not(.testimonials):not(.footer) {
padding-left: clamp(32px, 4.5vw, 82px);
padding-right: clamp(32px, 4.5vw, 82px);
}
}
/* Tablet: maintain the established stacked sections, but
let their columns and form fit the available content width. */
@media (max-width: 990px) {
#amour-elementor-site .page-item.hero,
#amour-elementor-site .page-item.services,
#amour-elementor-site .page-item.about,
#amour-elementor-site .page-item.contact {
padding-left: clamp(20px, 5vw, 52px) !important;
padding-right: clamp(20px, 5vw, 52px) !important;
min-width: 0;
}
#amour-elementor-site .page-item.hero > .text-contain,
#amour-elementor-site .page-item.about .text-contain,
#amour-elementor-site .page-item.contact .info-contain,
#amour-elementor-site .page-item.contact .office-info,
#amour-elementor-site .page-item.contact .contact-form,
#amour-elementor-site .page-item.contact .contact-form-inner,
#amour-elementor-site .page-item.contact .text-contain.hours .sub-headline {
max-width: 100% !important;
min-width: 0;
}
#amour-elementor-site .page-item.about .subject-line,
#amour-elementor-site .page-item.contact .subject-line,
#amour-elementor-site .page-item.contact .sub-headline {
max-width: 100% !important;
min-width: 0;
}
#amour-elementor-site .page-item.contact .contact-form .section,
#amour-elementor-site .page-item.contact .contact-form label,
#amour-elementor-site .page-item.contact .contact-form input,
#amour-elementor-site .page-item.contact .contact-form textarea {
min-width: 0;
max-width: 100%;
}
#amour-elementor-site .page-item.about .about-img,
#amour-elementor-site .page-item.services .services-img,
#amour-elementor-site .page-item.hero .hero-img {
max-width: 100% !important;
}
}
/* Phone: retain existing font sizes/section design while
preventing 400px-wide headings and forms spilling at 320px. */
@media (max-width: 600px) {
#amour-elementor-site .page-item.hero,
#amour-elementor-site .page-item.services,
#amour-elementor-site .page-item.about,
#amour-elementor-site .page-item.contact {
padding-left: 18px !important;
padding-right: 18px !important;
}
#amour-elementor-site .page-item.hero .headline {
width: min(400px, calc(100vw - 36px)) !important;
max-width: 100% !important;
}
#amour-elementor-site .page-item.hero .subject-line,
#amour-elementor-site .page-item.about .subject-line,
#amour-elementor-site .page-item.contact .subject-line {
max-width: 100% !important;
}
#amour-elementor-site .page-item.contact .contact-form {
max-width: 100% !important;
}
#amour-elementor-site .page-item.contact .contact-form .section {
min-width: 0;
}
}
@media (max-width: 360px) {
#amour-elementor-site .page-item.hero .headline {
font-size: clamp(38px, 12.8vw, 46px) !important;
line-height: 0.94 !important;
}
#amour-elementor-site .page-item.about .headline,
#amour-elementor-site .page-item.contact .headline {
font-size: clamp(43px, 13.8vw, 52px) !important;
}
#amour-elementor-site .page-item.contact .contact-form {
width: 100% !important;
}
}
/* ================================================================
RESPONSIVE PRECISION PASS — SHARED CORNER GUTTERS
Preserves the existing artwork, type, animations and layout order.
The main content, nav, gallery, reviews and footer copy now share
the same viewport-based inset at their respective breakpoints.
================================================================ */
/* From laptop down, keep the navigation and full-width editorial
sections in line with the existing page content's side padding. */
@media (max-width: 1260px) {
#amour-elementor-site {
--amour-responsive-gutter: clamp(32px, 4.5vw, 82px);
}
#amour-elementor-site .nav .nav-inner {
margin-left: var(--amour-responsive-gutter) !important;
margin-right: var(--amour-responsive-gutter) !important;
min-width: 0;
}
#amour-elementor-site .home-gallery {
padding-left: var(--amour-responsive-gutter) !important;
padding-right: var(--amour-responsive-gutter) !important;
}
#amour-elementor-site .page-item.testimonials {
width: calc(100% - (2 * var(--amour-responsive-gutter))) !important;
max-width: 1210px !important;
margin-inline: auto !important;
padding-inline: 0 !important;
}
#amour-elementor-site .page-item.footer {
padding-left: var(--amour-responsive-gutter) !important;
padding-right: var(--amour-responsive-gutter) !important;
}
}
/* Tablet: match the established responsive page section padding.
The gallery keeps its two-column composition and the review cards
retain their intentional centered maximum width. */
@media (max-width: 990px) {
#amour-elementor-site {
--amour-responsive-gutter: clamp(20px, 5vw, 52px);
}
#amour-elementor-site .page-item.testimonials {
max-width: 1210px !important;
min-width: 0;
}
#amour-elementor-site .home-gallery__inner,
#amour-elementor-site .home-gallery__header,
#amour-elementor-site .home-gallery__grid,
#amour-elementor-site .page-item.testimonials .testimonials-heading-wrap,
#amour-elementor-site .page-item.testimonials .reviews {
min-width: 0;
max-width: 100%;
}
}
/* Phones: one consistent 18px outer gutter for content, navigation,
photo mosaic, reviews, and footer. Preserve centered narrow blocks
where intended, while letting the contact form use available space. */
@media (max-width: 600px) {
#amour-elementor-site {
--amour-responsive-gutter: 18px;
}
#amour-elementor-site .page-item.testimonials {
width: calc(100% - 36px) !important;
max-width: none !important;
}
#amour-elementor-site .page-item.contact .contact-form {
width: 100% !important;
max-width: 470px !important;
min-width: 0;
margin-left: auto;
margin-right: auto;
}
#amour-elementor-site .page-item.contact .contact-form-inner {
width: 100%;
max-width: 470px !important;
min-width: 0;
margin-left: auto;
margin-right: auto;
}
#amour-elementor-site .page-item.footer .copyright {
width: 100%;
min-width: 0;
max-width: 100%;
}
}
/* ================================================================
MOBILE POLISH — SAFE LAYOUT OVERRIDES
Keeps Elementor scoping, design system, desktop CSS, and all
GSAP/scroll-trigger animation declarations unchanged.
================================================================ */
@media (max-width: 600px) {
/* Shared mobile gutters; do not shift any full-bleed backgrounds. */
#amour-elementor-site .page-item.hero,
#amour-elementor-site .page-item.services:not(.inner),
#amour-elementor-site .page-item.about,
#amour-elementor-site .page-item.contact,
#amour-elementor-site .page-item.footer,
#amour-elementor-site .home-gallery {
padding-left: var(--amour-responsive-gutter, 18px) !important;
padding-right: var(--amour-responsive-gutter, 18px) !important;
}
/* Align the scroll-heading section with the same outer gutters. */
#amour-elementor-site .page-item.services.inner {
width: calc(100vw - (2 * var(--amour-responsive-gutter, 18px))) !important;
margin-left: auto !important;
margin-right: auto !important;
min-width: 0;
}
/* Constrain editorial copy without changing the stacked layout. */
#amour-elementor-site .page-item.hero > .text-contain,
#amour-elementor-site .page-item.about .text-contain,
#amour-elementor-site .page-item.contact .info-contain,
#amour-elementor-site .page-item.contact .info-contain .text-contain,
#amour-elementor-site .page-item.contact .office-info,
#amour-elementor-site .page-item.contact .get-contact,
#amour-elementor-site .page-item.contact .hours {
min-width: 0;
max-width: 100% !important;
}
#amour-elementor-site .page-item.hero .subject-line,
#amour-elementor-site .page-item.about .subject-line,
#amour-elementor-site .page-item.contact .subject-line {
width: auto !important;
max-width: 100% !important;
line-height: 1.8 !important;
overflow-wrap: break-word;
}
#amour-elementor-site .page-item.hero .subject-line {
width: min(100%, 325px) !important;
}
#amour-elementor-site .page-item.about .subject-line {
width: min(100%, 370px) !important;
}
#amour-elementor-site .page-item.contact .subject-line {
width: min(100%, 330px) !important;
}
#amour-elementor-site .page-item.about .subject-line p {
margin-block: 0 1em;
}
/* Let form elements track the available width at 320px–600px. */
#amour-elementor-site .page-item.contact .contact-form,
#amour-elementor-site .page-item.contact .contact-form-inner,
#amour-elementor-site .page-item.contact .contact-form .section,
#amour-elementor-site .page-item.contact .contact-form label {
min-width: 0;
max-width: 100% !important;
}
#amour-elementor-site .page-item.contact .contact-form,
#amour-elementor-site .page-item.contact .contact-form-inner {
max-width: min(470px, 100%) !important;
}
#amour-elementor-site .page-item.contact .contact-form input[type="text"],
#amour-elementor-site .page-item.contact .contact-form input[type="tel"],
#amour-elementor-site .page-item.contact .contact-form input[type="email"],
#amour-elementor-site .page-item.contact .contact-form textarea {
width: 100%;
min-width: 0;
max-width: 100%;
}
#amour-elementor-site .page-item.contact .contact-form textarea::-webkit-scrollbar {
width: 8px;
}
/* Keep mobile testimonial copy inside its card at narrow widths. */
#amour-elementor-site .page-item.testimonials .reviews,
#amour-elementor-site .page-item.testimonials .reviews .contain,
#amour-elementor-site .page-item.testimonials .review,
#amour-elementor-site .page-item.testimonials .review-content,
#amour-elementor-site .page-item.testimonials .review-author,
#amour-elementor-site .page-item.testimonials .author-copy {
min-width: 0;
max-width: 100% !important;
}
#amour-elementor-site .page-item.testimonials .author-copy strong,
#amour-elementor-site .page-item.testimonials .author-copy span {
overflow-wrap: anywhere;
}
/* The gallery title should not remain a wide fixed-size display
heading when its available mobile width becomes narrow. */
#amour-elementor-site .home-gallery__header,
#amour-elementor-site .home-gallery__copy,
#amour-elementor-site .home-gallery__title,
#amour-elementor-site .home-gallery__description {
min-width: 0;
max-width: 100% !important;
}
#amour-elementor-site .home-gallery__title {
font-size: clamp(42px, 10.8vw, 55px) !important;
line-height: 0.98 !important;
overflow-wrap: normal;
}
}
@media (max-width: 400px) {
/* Avoid a third oversized heading row on compact iPhones. */
#amour-elementor-site .home-gallery__title {
font-size: clamp(39px, 11vw, 44px) !important;
line-height: 1.02 !important;
letter-spacing: -1.5px;
}
#amour-elementor-site .page-item.contact .contact-meta,
#amour-elementor-site .page-item.contact .week-meta {
min-width: 0;
max-width: 100%;
}
#amour-elementor-site .page-item.contact .contact-meta {
flex-wrap: wrap;
}
#amour-elementor-site .page-item.testimonials .review,
#amour-elementor-site .page-item.testimonials .review.featured {
padding-left: 18px !important;
padding-right: 18px !important;
}
}
/* ================================================================
FOOTER — CENTERED TABLET & MOBILE FIX
Keep desktop appearance while preventing mobile overflow.
================================================================ */
@media (max-width: 990px) {
#amour-elementor-site .page-item.footer {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-end !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 250px;
gap: 17px;
padding-top: 48px !important;
padding-bottom: 24px !important;
text-align: center !important;
}
#amour-elementor-site .page-item.footer .logo:not(.small) {
display: none !important;
}
#amour-elementor-site .page-item.footer .logo.small {
display: block !important;
width: min(100%, 420px) !important;
max-width: 100% !important;
height: 90px !important;
margin: 0 auto 14px !important;
background-position: center center !important;
background-size: contain !important;
}
#amour-elementor-site .page-item.footer .copyright {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
flex-wrap: wrap !important;
gap: 6px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
text-align: center !important;
}
#amour-elementor-site .page-item.footer .copyright > * {
max-width: 100%;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
overflow-wrap: anywhere;
}
}
@media screen and (max-width: 600px) {
#amour-elementor-site .page-item.services .services-img {
opacity: 0 !important;
}
}