@media(max-width:767px){ .bottom--curve:before{border-radius: 0 0 50% 50%/0 0 42% 42% !important;} .projects--pool li:hover .content-wrapper { transform: translateY(-0px) !important; } .side--blue--nav { align-self: flex-start !important; } } @media (min-width: 992px) and (max-width: 1060px){ #brxe-tmqptt .bricks-nav-menu > li > a { padding-left:12px !important; padding-right:12px !important; } } @media (min-width: 992px) and (max-width: 1500px){ .brxe-container { width: 95% !important; } section { padding-left: 0; padding-right: 0; } } @media (min-width: 1100px) and (max-width: 1700px){ .hero--home { min-height:85vh !important } } @media(max-width:860px){ .hero--home { display: block; } #brxe-nbrijb{display:none !important} } @media(max-width:1200px) { .slide--inner--container{min-width:auto !important;position:relative !important; } } @media(min-width:1201px) { .hero--left:hover,.hero--right:hover { width: 900%; transition: all 1.5s ease; } .hero--left:hover .smooth { left: 0; transform: translateX(0%); transition: all 1.3s; } .hero--right:hover .smooth--r { left: 100%; transform: translateX(-100%); transition: all 1.3s; } .hero--home:hover .slide--inner--container:not(:hover){ opacity: 0; transition: opacity .1s linear .1s; min-width: 800px; } .hero--left:hover .slide--inner--container {text-align:left;transition:all 1.2s ease } .slide--inner--container:hover .pool-img-home,.slide--inner--container:hover .pool-img-right { opacity: 1; transition: opacity .6s linear .6s; } } @media(max-width:1280px) { .dn--1280{ display: none; } .side--blue--nav .bricks-nav-menu > li { margin-left: 0 !important; } .side--blue--nav li.current-menu-item > a { width: 100% !important; margin-right: 0 !important; } .call--btn--header,.quote--btn--header{ display:none !important } } @media (min-width: 1281px) and (max-width: 1500px) { .fr-nav-alpha .bricks-nav-menu { gap: 12px !important; } } @media(max-width:991px){ .footerWave{display:none !important} } @media(max-width:1024px) { .projects--pool { padding: 0 15px; } } @media screen and (min-width: 1024px) { .home--testimonials .broadly-review { width: 31%; margin: 0!important; } .home--testimonials .broadly-reviews { display: flex; justify-content: space-between; display: flex; max-width: 1440px; margin: auto; flex-direction: row; } } @media(max-width:1024px) { .clip { -webkit-clip-path: ellipse(77% 76% at 7% 15%) !important; clip-path: ellipse(77% 76% at 7% 15%) !important; } } @media(min-width:1920px) { .faq .brxe-container { padding-top: 24vh !important; padding-bottom: 24vh !important; } .hero--heading { font-size:96px !important } } @media(min-width:2400px) { .faq .brxe-container { padding-top: 27vh !important; padding-bottom: 27vh !important; } } .card--box .card--icon--why{ -webkit-mask-image: url(https://peachtreepools.com/wp-content/uploads/2023/11/Asset-1.svg); -webkit-mask-size: contain; -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; } .hero--right .smooth--r { width: fit-content; } .call--head i{transition: all .8s ease;} .card--txt h4 {margin-bottom:10px;} .call--head:hover {transition: all .4s ease;box-shadow: 0 2px 5px 5px rgba(255,132,0,.28)!important;color:#fff} .call--head:hover i{transform: translateX(10px);transition: all .8s ease;} .blue-btn:hover{background:#ff8400 !important} .white--btn:hover {background-color: rgba(255, 255, 255, 0.40) !important;color:#fff} body{overflow-x:hidden} .blue--span span{color: #0092d7;} .card--icon--why:hover{transition: all 0.3s;transform: scale(0.9);} .clip{ -webkit-clip-path: ellipse(58% 76% at 7% 15%); clip-path: ellipse(58% 76% at 7% 15%); -webkit-backface-visibility: hidden; } #brxe-csqwzq .slider-content {background: url(https://peachtreepools.com/wp-content/uploads/2023/12/faq-text-bg.png) no-repeat;background-size: cover;} .orange-btn:hover{transition:all 0.3s;background-color:#005395 !important;border-radius:0 20px 0 20px;} .contents--left--wrapper--inner .services--detail--text a,.contents--left--wrapper--inner a {color:#060097} .projects--pool h3.dynamic:before {content:"";position:relative;width:104px;height:102px;background:url(https://peachtreepools.com/wp-content/uploads/2023/12/Group-6838.png-1.webp) no-repeat center;display: block;margin: -60px auto 0; background-size: cover;} .projects--pool h3.dynamic:after{content:"";position:relative;width:50px;height:4px;background:#005395;margin:20px auto 0;display:block;} .pool-img-home{ -webkit-mask-image: url(https://peachtreepools.com/wp-content/uploads/2023/11/blob.svg); -webkit-mask-size: contain; -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; } .pool-img-right{ -webkit-mask-image: url(https://peachtreepools.com/wp-content/uploads/2023/11/blobflip.svg); -webkit-mask-size: contain; -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; } .pool-img-right::before { content: ""; z-index: 1; bottom: 0; height: 613px; width: 671px; margin-top: 0; margin-left: 0; position: absolute; background-image: url(https://peachtreepools.com/wp-content/uploads/2023/12/Above-Ground-Swimming-Pool.jpg); background-position: bottom 108px right -73px; background-repeat: no-repeat; background-size: cover; -webkit-mask-image: url(https://peachtreepools.com/wp-content/uploads/2023/11/blobflip.svg); -webkit-mask-size: contain; -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; } .pool-img-home:before {content: ""; z-index: 1; height: 717px; width: 502px; margin-top: 0; margin-left: 0; position: absolute; background-image: url(https://peachtreepools.com/wp-content/uploads/2023/11/Blainey-Project.png); background-position: bottom 90px right -250px; background-repeat: no-repeat; background-size: cover; -webkit-mask-image: url(https://peachtreepools.com/wp-content/uploads/2023/11/blob.svg); -webkit-mask-size: contain; -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; } .hero--home a.brxe-button:hover{background:#fff} .home--testimonials .broadly-review { border: 1px solid #fff; position: relative; line-height: 1.3; display: flex; flex-direction: column; padding: 30px 20px!important; background-color: #fff; border-top: none!important; align-content: center; justify-content: center; border-radius: 10px; } .home--testimonials .broadly-reviews {padding:0 10px} .home--testimonials .broadly-review-avatar { display: none!important; } .home--testimonials .broadly-review-main { display: flex; flex-direction: column; justify-content: space-between; min-height: 200px; text-align: center; margin-left: 0!important; } .home--testimonials .broadly-review-heading { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; } .home--testimonials .broadly-review-rating { width: 100%; margin-bottom: 10px; } .home--testimonials .broadly-review-rating span { font-size: 27px; } .home--testimonials .broadly-review-rating svg { margin-right: 0.3rem!important;fill:#000; } .home--testimonials .broadly-review-author { font-size: 16.2px;color:#67768e } .broadly-review-author,.broadly-review-via,.broadly-review time,.broadly-review-body{color:#67768e} .broadly-review-via{color:#67768e} .home--testimonials .broadly-review time { margin-left: 10px; font-size: 14.4px; font-style: italic; border-left: 1.5px solid; padding-left: 10px; color:#67768e } .home--testimonials .broadly-review-body { line-height: 1.7; color: #000; font-size: 16.2px } .home--testimonials .broadly-review-body p { margin-bottom: 0!important; } .bottom--curve-with--image:before{ background-image: linear-gradient(90deg,#0092d775 0,#005395b5 93%), url(https://peachtreepools.com/wp-content/uploads/2023/12/layout01__bg.jpg) !important; background-position: center !important; } .tp--btn:hover {background:#005395 !important} .projects--divider{transform: rotate(180deg)} .projects--divider svg{width: calc(128% + 1.3px);height:133px} .projects--divider svg .elementor-shape-fill {fill:#fff} .bottom--curve{overflow-x: hidden !important;} } .services--banner svg {} .show-mobile-menu ul.bricks-mobile-menu { align-items: stretch !important; width: 100%; } .fr-nav-alpha .bricks-mobile-menu .menu-item-has-children .brx-submenu-toggle button { margin-right: 15px !important; } .fr-nav-alpha .bricks-mobile-menu-wrapper .brx-submenu-toggle{position:relative;} li.menu-item-has-children [aria-expanded=false] .open,li.menu-item-has-children [aria-expanded=true] .close { position: absolute; right: 0; } .fr-nav-alpha .bricks-mobile-menu > .menu-item-has-children .brx-submenu-toggle button { position: absolute; right: 0; width: 100%; height: 100%; }