/* Start custom CSS for html, class: .elementor-element-baaeb98 */.desktop-hide {
    display: none;
}

.layer-one {
    background-image: url('https://drinkwatr.com/wp-content/uploads/2021/11/droplet-background.jpg');
    background-size: cover;
    background-position: bottom;
}

 @keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}

.layer-one i {
    transform: translatey(0px);
	animation: float 3s ease-in-out infinite;
	color: black;
}

.layer-one {
    height: 100vh;
    margin-top: 135px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
    width: 100%;
}

.floating-arrow {
    position: absolute;
    bottom: 0;
}

.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 100%;
}

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
padding: 0;
}

/* Large Screen Smartphones (portrait) ----------- */
@media only screen and (min-width : 400px) and (max-width : 450px) {
    
    .layer-one {
        height: 70vh;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
    }
}

/* Medium Screen Smartphones (portrait) ----------- */
@media only screen and (min-width : 360px) and (max-width : 390px) {
    
    .layer-one {
        height: 70vh;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
    }

}

/* Small Screen Smartphones (portrait) ----------- */
@media only screen and (min-width : 300px) and (max-width : 350px) {
    
    .layer-one {
        height: 70vh;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-47c1eaa */.layer-two a {
    color: white;
    text-decoration: none!important;
}

.layer-two a:hover {
    color: white;
    text-decoration: none!important;
}

.layer-two a:active {
    color: white;
    text-decoration: none!important;
}

.layer-two a:visited {
    color: white;
    text-decoration: none!important;
}

.layer-two i {
    transform: translatey(0px);
	animation: float 3s ease-in-out infinite;
}

.layer-two {
    width: 100%;
    margin: 0 auto;
    height: calc(100vh - 135px);
    color: black;
    padding: 10rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 2.5rem;
    text-align: center;
    background-image: url('https://drinkwatr.com/wp-content/uploads/2021/04/blackdroplets-scaled.jpg');
    background-size: cover;
    color: white;
}

.layer-two i {
    color: black!important;
}

.floating-arrow {
    position: absolute;
    font-size: 1.5rem;
    bottom: 0;
    margin-bottom: 2rem;
    color: white;
}

.floating-arrow a {
    color: white;
}

@media screen and (max-width: 600px) {
  .elementor-widget-container .layer-two {
    padding: 10px;
  }
  .watr-guide-containers .watr-guide-inner {
      padding: 10px !important;
  }
}
/* Large Screen Smartphones (portrait) ----------- */
@media only screen and (min-width : 400px) and (max-width : 450px) {

.layer-two {
    padding: 1rem!important;
}

.layer-two p {
    font-size: 1rem;
}

}


/* Medium Screen Smartphones (portrait) ----------- */
@media only screen and (min-width : 360px) and (max-width : 390px) {

.layer-two {
    padding: 1rem!important;
}

.layer-two p {
    font-size: 1rem;
}

}

/* Small Screen Smartphones (portrait) ----------- */
@media only screen and (min-width : 300px) and (max-width : 350px) {

.layer-two {
    padding: 1rem!important;
}

.layer-two p {
    font-size: 1rem;
}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-931a0f8 */.watr-guide-containers {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    background-image: url('https://drinkwatr.com/wp-content/uploads/2022/02/both-drops.jpg');
    background-size: cover;
    background-position: center;
    /*height: 125vh;*/
    min-height: 125vh;
}
/*.watr-guide-containers div {*/
.watr-guide-containers .watr-guide-inner {
    text-align: center;
    padding: 5rem;
    padding-top: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#bloomLink {
    z-index: 3;
}
#brandLink .fa-times,
#bloomLink .fa-times {
    font-size: 12px !important;
    color: #fff;
    background: #000;
    padding: 8px 10px 7px 12px;
    border-radius: 50%;
    line-height: 1rem;
}
@media only screen and (min-width : 400px) and (max-width : 450px) {
    
.watr-guide-containers .watr-guide-inner {
    padding: 0 1rem;
}

.watr-guide-containers {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

}

@media only screen and (min-width : 360px) and (max-width : 390px) {
    
.watr-guide-containers .watr-guide-inner {
    padding: 0 1rem;
}

.watr-guide-containers {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
    


}

@media only screen and (min-width : 300px) and (max-width : 350px) {
    
.watr-guide-containers .watr-guide-inner {
    padding: 0 1rem;
}

.watr-guide-containers {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
    


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e2d9e83 */.watr-guide-image {
max-width: 800px!important;
margin: 0 auto!important;
}

.guide-container {
    text-align: center;
}/* End custom CSS */
/* Start custom CSS */div#content .container {
    max-width: 100%;
}/* End custom CSS */