/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

.page-id-1811 footer{display:none;}

br.mobile{display:none;}


.card:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:#A4755C78;
  clip-path: circle(120px at 90% 5%);
  transition: .5s ease-in-out;
}
.card:hover:before {
  clip-path: circle(170px at 80% 10%);
	background:rgba(164, 117, 92, 0.3);
}

.photo {
  top: 70%;
  transform: translateY(-50%);
  height: 200px;
  transition: .5s;
  
}
.card:hover .photo {
  top: 40%;
  transform: translateY(0%);
}
.photo img {
  position: absolute;
  width: 300px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: .5s;
  
}
.card:hover .photo img {
  width: 350px;
}

.bg-title {
  position: absolute;
  top: -20%;
	left:20%;
  transition: .6s;
}
.card:hover .bg-title {
  transform: translateY(-45%);
}

span.elementor-field-option{
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}

#newsletter_form button[type="submit"]{
position: relative;
right: -7.7vw;
top: -0.7vh;
}


@media screen and (max-width: 1366px){
#newsletter_form button[type="submit"]{
right: -10.6vw;
}
 
}

@media (min-width: 768px) and (max-width: 1024px) {
	
	
.photo {
  top: 70%;
  transform: translateY(-50%);
  height: 120px;
  transition: .5s;
  
}	

.bg-title {
	left:5%;
  transition: .6s;
}
	
#newsletter_form button[type="submit"]{
right: 20vw;
top: -5.5vh;
}
	
}

@media screen and (max-width: 480px){
br.mobile{display:block;}	
	.photo {
  top: 70%;
  transform: translateY(-50%);
  height: 130px;
  transition: .5s;
  
}
	
.bg-title {
  position: absolute;
  top: -35%;
	left:20%;
  transition: .6s;
}
.card:hover .bg-title {
  transform: translateY(-25%);
}	
	
#newsletter_form button[type="submit"]{
right: 49.8vw;
top: -8.5vh;
}	
	
	
}  Add your custom styles here
*/