/* Before adding any unnecessary CSS rules, please check out the Snap documentation at https://bit.ly/3PqSii8. */
/* Override Styles */
/*
.service-style-1 h2 {margin: 10px 0;}
.ry-menu .ry-nav li .dropdown-toggle {padding: 30px 0;}
ul#quick-links li a {display: block;width: 100%;}
#in-services-3 ul li a {margin-left: 0px;margin-top:30px}
*/
[x-cloak] { display: none !important; }
.promotions img { min-width: 22rem; max-width:22rem;}
#in-services-style-2.squares .ry-each:before, #in-services-style-2.squares .ry-each img {border-radius: 0;}
.mobile-menu-icon a{display: flex;height: 100%;width: 100%;justify-content: center;align-items: center;}
body.fancybox-active .ry-sticky-menu.fixed {z-index: 9999;}

/*Nathan | Build Starting - <July 11, 2025>*/
mm-burger {
    color: black !important;
}

body[data-page-name="index"] #navigation {
    position: absolute;
}
.cta-btn:nth-child(3) {
    background: var(--color-primary-background);
}

.cta-btn:nth-child(3):hover {
    background: transparent;
    border-color: var(--color-primary-background);
    color: var(--color-primary-background);
}
.cta-btn:nth-child(2) {
    background: var(--color-primary-background);
}

.cta-btn:nth-child(2):hover {
    background: transparent;
    border-color: #738d82;
    color: #738d82;
}


.ry-menu .ry-nav li.primary .caret {
    border-color: #374151;
}

.ry-menu .ry-nav li.primary:hover .caret {
    border-color: var(--color-secondary-background);
}
.with-gradient:before {
    background-image: linear-gradient(to bottom, white, transparent);
    height: 40%;
}

#hp-slider .swiper-button-next, #hp-slider .swiper-button-prev {
    opacity: 0;
}

#hp-slider .swiper-pagination-bullet,
#hp-slider .swiper-pagination-bullet-active {
    background-color: var(--color-primary-text);
}

.module-welcome.style-5 .ry-each.image-wrapper {
    border: none;
}

.module-welcome.style-5 .ry-each.image-wrapper .photo img {
    object-fit: contain;
}

.module-welcome.style-5 .ry-flex {
    align-items: center;
}

.module-welcome.style-5 .ry-container {
    width: 100%;
}

.module-welcome.style-5 .ry-text p {
    margin-bottom: 0;
}
@media screen and (max-width:1024px){
	#hp-slider, #hp-slider .swiper-wrapper, .homepage-swiper .swiper-slide img {
    height: 100% !important;
	}
}
@media (width < 1080px) {
    #section-hp-services:before, .module-19.style2:before, .ry-services.style2::before {
        opacity:1;
    }
}

body[data-page-name="contact-us"] div#footer-map {
    display: none;
}

.bar {
	background-color: #115b5a;	
}

#cta-section-1 * {
    text-align: center !important;
}

@media (max-width: 991px) {
	.homepage-swiper {
		padding-top: 98px;
	}	
}


/*Header Updates*/

div#header-info-flex {
    flex-direction: row-reverse;
}

div#navigation-style-15 {
    padding: 1em 2em;
}

@media (max-width:1700px) {
	.ry-menu .ry-nav {
		font-size: 18px !important;
	}

	div#navigation-style-15 img {
		max-width: 230px;
	}
}


@media (max-width:1500px) {
	.ry-menu .ry-nav {
		gap:0 20px;
		font-size: 17px !important;
	}

	div#navigation-style-15  .cta-btn {
			width:180px;
		height:60px

	}

	div#navigation-style-15 img {
		max-width: 200px;
	}
		div#navigation-style-15  .cta-btn a {
        font-size:14px;
        letter-spacing:0;
    }

	div#header-btn-flex {
		gap:0 10px;
	}

}


@media (max-width:1300px) {

	div#header-info-flex {
		flex-direction: column;
	}

    div#header-btn-flex {
        justify-content:flex-end;
    }

    div#navigation-style-15  .cta-btn {
        width:200px;
       height:60px
        
	 }

	.ry-menu  {
		padding-bottom: 0;
		padding-right: 0;
		padding-top: 10px;
	}
}

/*END Header updates*/

/*--AUGUST UPDATE--*/

.homepage-swiper .ry-btn {
    display:none
}
.homepage-swiper .slider-info-center-bottom  h2{
font-weight:500 !important;
    font-size: clamp(1.5625rem, 1.1961rem + 1.5033vw, 3rem);
}

 .swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to top, rgb(0 0 0 / 82%), rgba(0, 0, 0, 0));;
    opacity:1 !important;
    z-index:1;
     position:absolute;
     bottom:0;
     top:unset;
     height:400px
}
.homepage-swiper .slider-info-center-bottom {
bottom:-70px;
    max-width:1080px
}

.homepage-swiper .slider-info-center-bottom .leading-6 {
    overflow:hidden
}

.cta-btn {
    width:fit-content;
    padding:20px 10px
}
.cta-btn a {
    max-width:100%;
    letter-spacing:1px;
    text-wrap:nowrap;
    font-size:15px
}
.cta-btn a span{
    width:100%;
    display:block;
    font-size:13px;
    letter-spacing:0px
}

@media(max-width:1580px) {
        div#navigation-style-15 .cta-btn {
        width: fit-content;
    }
    #header-btn-flex {
        gap:0 !important
    }
}
@media(max-width:1480px){
    .homepage-swiper .slider-info-center-bottom {
    bottom:-70px;
}
}
@media(max-width:780px){
    .homepage-swiper .slider-info-center-bottom {
    bottom:-120px;
}
}
@media(max-width:767px){
	.homepage-swiper .slider-info-center-bottom * {
		text-align:center
	}
	.swiper-3d .swiper-slide-shadow-right { 
		display:none;
		height:300px !important
	}
	.homepage-swiper .slider-info{
		min-height:fit-content;
		padding:30px 10px 
	}
	.homepage-swiper .slider-info .leading-6 {
		padding-bottom:20px
	}
	.slider-info, .mobile-menu-icon {
		background-color: var(--color-primary-background);
			}
}


/*--- BADGE ---*/
.homepage-swiper .swiper-slide img {
    object-position:center 65%;
}
.badge {
    position:absolute;
    bottom:2%;
    right:5%;
    z-index:1;
    max-width:280px
}

@media(max-width:1680px){
    .badge {
    right:2%;
    z-index:1;
    max-width:250px
}
}
@media(max-width:1580px){
       .badge {
    right:2%;
    z-index:1;
    max-width:200px
}
}

@media(max-width:1380px){
       .badge {
    right:1%;
    z-index:1;
    max-width:180px
}
}

@media(max-width:1280px){
	.badge {
		right:2%;
		z-index:1;
		max-width:200px
	}
	.slider-info-center-bottom {
		max-width:850px !important;
		width:100%
	}
}
@media(max-width:1080px){
	.slider-info-center-bottom {
		max-width:750px !important;
		width:100%
	}
	.badge {
		right:0%;
		z-index:1;
		max-width:120px
	}
}

@media(max-width:991px){
	.slider-info-center-bottom {
		max-width:750px !important;
		width:100%
	}
	.badge {
		right:0%;
		z-index:1;
		bottom:10px;
		max-width:80px
	}
}

@media(max-width:767px){
	.badge {
		position:relative;
		display:flex;
		justify-content:center;
		align-items:center;
		inset:unset;
		transform:unset;
		max-width:100%;
		background:var(--color-primary-background)

			}
	.badge img{
		max-width:200px;
		width:100%;
		margin:0 auto 60px;
	}
}