/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0
*/

/*Be Responsive
 * Desktop > 1441
 * Laptop 960 - 1440
 * Tablet 768 - 960
 * Mobile < 767
 * */

	

/*Logo*/
.logo{
	visibility: hidden;
}

/*Desktop*/
		   		.footer3header{
					font-size: 20px;				
				}

		   		.footer3text{
					font-size: 16px;
				}


/*Footer*/





/*Homepage*/

				#home-s1{
					padding-top: 60px; 	
				}

				#home-s2-w2{
					background-color: #534B48 !important;
				}

				#home-s2-w2-text1 h2{
					color: white;
				}
				
				#home-s2-w2-text1 p{
					color: white;					
				}
				
				#home-s2-w3-text1 p{
					color: white;					
				}								

				#home-s2-w4-text1 a{
					color: white;
				}

				#home-s2-w4-text2 a{
					color: white;
				}
				
				#home-s2-w3{
					height: 1px;
					visibility: hidden;			
				}


/* How it Works */

				.page-id-96 #Footer{
					background-color: white;
				}

				.hiw-s1-text-container{
					margin-top: 90px !important;
					margin-left: -60px !important;
					width: 85% !important;
				}

				#headertext{
					margin-top: 30px;	
				}


			/* Projects Master*/

			.page-id-69 #Footer{
					background-color: white;
			}


			.sections_group_pm{
					display: flex;	
					flex-wrap: wrap;
					flex-direction: row;
					gap: 10px;		
					margin-top: 160px;
			}

			.project-master-container{
					border: 1px solid black;
					flex: 0 0 30%;
					width: 90%;
					margin: auto;
					width: 570px;
					height: 600px;
			}

			.project-master-container img{
					width: 570px;
			}

			.project-master-image{
					height: 450px;
			}

			.project-master-text{
					margin-left: auto;
					margin-right: auto;
					width: 80%;
			}

			.project-master-title{
					font-size: 28px;
					text-align: center;
					margin-top: 10px;
			}

			/* Project1 Template*/
			.project1-container{
					width: 50%;
					margin: auto;
			}

			.project1-title{
					text-align: center;
			}

			.project1-title	h1{
					font-size: 32px;
			}

			.project1-description{
					font-size: 20px;
			}

			.project1-image-group img{
					width: 950px;
			}

			.project1-web-address{
					width: 50%;
					margin: 50px auto;
					font-size: 20px;				
			}

			.project1-web-address ul{
					text-align: center;
			}


			/* Project2 Template*/

			.project2-container{
				width: 60%;
				margin: auto;
			}

			.project2-title{
					text-align: center;
			}

			.project2-image-group{
					display: flex;	
					flex-wrap: wrap;
					flex-direction: row;
					gap: 10px;	
					justify-content: center;
			}

			.project2-text-group{
					margin-top: 100px;
			}

			.project2-image{
					width: 500px;
			}

			.project2-image img{
					width: 500px;
			}

			.project2-title	h1{
					font-size: 32px;
			}

			.project2-description{
					width: 90%;
					margin: auto;
					font-size: 20px;
			}

			.project2-description p{
					text-align: center;
			}

			.project2-web-address{
					width: 50%;
					margin: 50px auto;
					font-size: 20px;
			}

			.project2-web-address ul{
					text-align: center;
			}

			/* Project3 Template*/

			.project3-container{
				width: 80%;
				margin: auto;
			}

			.project3-title{
					text-align: center;
			}

			.project3-image-group{
					height: 800px;
			}

			#project3-image1{
					position: relative;
					z-index: 3;
					width: 40%;
			}

			.project3-image img{
					width: 800px;
			}

			#project3-image2{
					position: relative;
					z-index: 2;
					top: -300px;
					left: 26%;
					width: 40%;
			}

			#project3-image3{
					position: relative;
					z-index: 1;
					top: -600px;
					left: 50%;
					width: 40%;
			}



			.project3-title	h1{
					font-size: 32px;
			}

			.project3-text-group{
					margin-top: 50px;

			}

			.project3-description{
					width: 90%;
					margin: auto;
					font-size: 20px;
			}

			.project3-description p{
					text-align: center;
			}

			.project3-engineer-notes{
					width: 90%;
					margin: auto;
					font-size: 20px;
					margin-top: 50px;
			}


			.project3-engineer-notes p{
					text-align: center;
			}

			.project3-web-address{
					width: 50%;
					margin: 50px auto;
					font-size: 20px;
			}

			.project3-web-address ul{
					text-align: center;
			}


			
			/* Project4 Template*/

			.project4-container{
					width: 70%;
					margin: auto;
			}

			.project4-title{
					text-align: center;
			}

			.project4-image-group{
					width: 100%;
					margin: 0px auto;
					height: 1040px;
			}

			#project4-image1{
					position:absolute;
					z-index: 1;
					top: 100px;
					width: 35%;
			}

			.project4-image img{
					width: 800px;
			}

			#project4-image2{
					position: absolute;
					z-index: 2;
					top: 100px;
					left: 48%;
					width: 35%;
			}

			#project4-image3{
					position: absolute;
					z-index: 3;
					top: 100px;
					left: 32%;
					width: 35%;
			}


			#project4-image4{
					position: absolute;
					z-index: 4;
					top: 30%;
					width: 40%;
			}
			
			#project4-image5{
					position: absolute;
					z-index: 3;
					top: 40%;
					left: 44%;
					width: 40%;
			}			

			.project4-title	h1{
					font-size: 32px;
			}

			.project4-text-group{
					margin-top: 80px;

			}

			.project4-description{
					width: 90%;
					margin: auto;
					font-size: 20px;
			}

			.project4-description p{
					text-align: center;
			}

			.project4-engineer-notes{
					width: 90%;
					margin: auto;
					font-size: 20px;
					margin-top: 50px;
			}


			.project4-engineer-notes p{
					text-align: center;
			}

			.project4-web-address{
					width: 50%;
					margin: 50px auto;
					font-size: 20px;
			}

			.project4-web-address ul{
					text-align: center;
			}			
			
	
			/* Project5 Template*/

			.project5-container{
				width: 70%;
				margin: auto;
			}

			.project5-title{
					text-align: center;
			}

			.project5-image-group{
					height: 800px;
			}

			#project5-image1{
					position:absolute;
					z-index: 1;
					top: 200px;
					width: 1300px;
			}

			.project5-image img{
					width: 800px;
			}

			#project5-image2{
					position: absolute;
					z-index: 2;
					top: 100px;
					left: 1300px;
					width: 200px;
			}

			#project5-image3{
					position: absolute;
					z-index: 3;
					top: 390px;
					left: 1300px;
					width: 200px;
			}


			#project5-image4{
					position: absolute;
					z-index: 4;
					top: 680px;
					left: 1300px;
					width: 200px;
			}
					

			.project5-title	h1{
					font-size: 32px;
			}

			.project5-text-group{
					margin-top: 50px;

			}

			.project5-description{
					width: 90%;
					margin: auto;
					font-size: 20px;
			}

			.project5-description p{
					text-align: center;
			}

			.project5-engineer-notes{
					width: 90%;
					margin: auto;
					font-size: 20px;
					margin-top: 50px;
			}


			.project5-engineer-notes p{
					text-align: center;
			}

			.project5-web-address{
					width: 50%;
					margin: 50px auto;
					font-size: 20px;
			}

			.project5-web-address ul{
					text-align: center;
			}				
			
	
	
	/*Unlocking Your Dream Home Extension*/
		
			#dhe-s1-w1-text{
					margin-top: 50px;
			}
							
			#dhe-s1-w1-text h1{
					font-size: 50px;
					line-height: 60px;
			}
			
	
	/*Elevate Your Business Space:*/
		
			 #ebs-s1-w1-text{
					margin-top: 50px;			  
			 }
				
 			 #ebs-s1-w1-text h1{
 					font-size: 50px;	
 					line-height: 60px;	 
 			 }
			 
	/*Building Dreams*/		
	
			 #nbh-s1-w1-text{
					margin-top: 50px;			   
			 }
		 
			 #nbh-s1-w1-text h1{
					font-size: 50px;	
					line-height: 60px;	 			  
			 }
	
	/*Breathing New Life into History*/		

			 #bnl-s1-w1-text{
					margin-top: 50px;			
			 }
	
			 #bnl-s1-w1-text h1{
					font-size: 50px;	
					line-height: 60px;	
			 }
	
	
/*About*/
			.page-id-40 .sticky-tb-color #Top_bar.is-sticky{
					background-color: #e2e2e2;
			}


			.page-id-40 #Footer{
					background-color: #e2e2e2;
			}

			
			#about-s2-w1{
					margin-top: 50px;		
			}

			#about-c1-e1-text h1{
					font-size: 54px;
			}

			#about-c2-e1-text h1{
					font-size: 72px;
			}


			#about-c2-e2-text h2{
					font-size: 24px;
			}

			#meta-image1{
					width: 300px;
			}


			
/*Contact*/			
			
			#contact-s1-w1-text2 p{
					font-size: 16px;		
			}
			
			#contact-s1-w1-text3 p{
					font-size: 17px;
			}
			
			#contact-s1-w1-text4 p{
					font-size: 17px;
			}

/*Laptop*/
@media only screen and (min-width: 960px) and (max-width: 1440px){
	
/*HomePage*/	

			#home-s2-w3{
				height: 1px;
				visibility: hidden;			
			}

			#home-s3-w6-text1{
				width: 23%;
			}
	
	


/*Projects*/	

			.project-master-container{
				height: 520px;							
			}



			.project-master-image {
				height: 320px;
			}


/*Project2*/			
			
			.project2-image{
				width: 370px;
			}
			
			.project2-text-group{
				margin-top: 40px;
			}
			
			
			
/*Project3*/			
			
			#project3-image2{
					top: -180px;
			}

			#project3-image3{
					top: -360px;
			}			
			
			.project3-image-group{
					height: 600px;
			}			
			
/*Project4*/

			.project4-image-group {
				height: 500px;
			}
			
			#project4-image4{
				top: 20%;
			}
			
			#project4-image5 {
				top: 26%
			}
			
/*Project5*/		

			.project5-image-group {
				height: 600px;
			}

            #project5-image1{
            	width: 1040px;            
            }
	
			#project5-image2{ 
			    left: 900px;
				width: 140px;
			}
						
			#project5-image3{ 
			    left: 900px;
				top: 300px;
				width: 140px;
			}
			
			#project5-image4{ 
			    left: 900px;
				top: 500px;
				width: 140px;
			}			
						
			
}

/*Tablet*/
@media only screen and (min-width: 768px) and (max-width: 959px) and (orientation : portrait){
	
/*HomePage*/	
			#home-s2-w1{
				display: flex;
				align-items: flex-start;
				justify-content: center;
				align-content: center;
				flex-direction: row;
				flex-wrap: wrap;				
			}			
			
			#home-s2-w2-text2{
				height: 1px;
				visibility: hidden;
			}
			
			#home-s2-w3{
					height: 100px;
					visibility: visible;			
				}
			
			#home-s2-w3-text1{
				margin-left: auto;
				margin-right: auto;
				width: 80%;
				margin-top: -80px;
			}
			
			#home-s2-w4{
				margin-top: 30px;
			}
						
			#home-s3-w6-text1{
				width: 23%;
			}
	


	
/*How it Works*/	

			.hiw-s1-text-container{
				margin-top: 50px !important;
			}
	



	
/*Projects*/	

			.project-master-container{
				height: 480px;							
			}

			.project-master-image {
				height: 200px;
			}
			
/*Project1*/
			.project1-web-address{
			   width: 100%;
			   margin-left: auto;
			   margin-right: auto;	
			   margin-bottom: 30px;	
			   margin-top: 50px;
			 }

/*Project2*/			
			
			.project2-text-group{
				margin-top: 40px;
			}
			
			.project2-image{
				width: 220px;
			}
			
			.project2-web-address{
				width: 100%;								
			}
	
/*Project3*/			
			
			#project3-image2{
					top: -110px;
			}

			#project3-image3{
					top: -230px;
			}			
			
			.project3-image-group{
					height: 320px;
			}			
	
			.project3-web-address{
				width: 100%;								
			}	
			
			
/*Project4*/
				
			.project4-image-group {
				height: 220px;
			}
			
			#project4-image4{
				top: 300px;
			}
			
			#project4-image5 {
				top: 220px;
			}	
			
			.project4-text-group{
				margin-top: 260px;
			}
			
			.project4-web-address{
				width: 100%;								
			}		
			
/*Project5*/		

			.project5-image-group {
				height: 400px;
			}

            #project5-image1{
            	width: 600px;            
            }
	
			#project5-image2{ 
			    left: 600px;
				width: 100px;
			}
						
			#project5-image3{ 
			    left: 600px;
				top: 240px;
				width: 100px;
			}
			
			#project5-image4{ 
			    left: 600px;
				top: 380px;
				width: 100px;
			}	
			
			.project5-web-address{
				width: 100%;								
			}				

	
	/*Unlocking Your Dream Home Extension*/
				
			#dhe-s1-w1-text h1{
					font-size: 34px;
					line-height: 32px;
			}
			
	
	/*Elevate Your Business Space:*/
					
 			 #ebs-s1-w1-text h1{
 					font-size: 34px;	
 					line-height: 32px;	 
 			 }
			 
	/*Building Dreams*/		
		 
			 #nbh-s1-w1-text h1{
					font-size: 34px;	
					line-height: 32px;	 			  
			 }
	
	/*Breathing New Life into History*/		

			 #bnl-s1-w1-text h1{
					font-size: 34px;	
					line-height: 32px;	
			 }	

}	




/*Mobile*/
@media only screen and (max-width: 767px) and (orientation : portrait){

/*HomePage*/	
	
			#home-s2-w1-img1{
				padding-top: 60px;
			}
	
			#home-s2-w3-text1{
				height: 1px;
				visibility: hidden;
			}

			.home-s3-w-img{
				text-align: center;
			}

			#home-s3-w6-text1{
				text-align: center;
			}
			
			#home-s3-w6-text2{
				text-align: center;
			}
	
	
/*How it Works*/	
	
.hit-c1-e-text{
		margin-left: -50px !important;
		width: 80% !important;
}
	
	
/* Projects Master*/

.page-id-69 #Footer{
		background-color: white;
}


.sections_group_pm{
		display: flex;	
		flex-wrap: wrap;
		flex-direction: row;
		gap: 10px;		
}

.project-master-container{
		border: 1px solid black;
		flex: auto;
		width: 90%;
		margin: auto;
		width: 570px;
		height: 500px;
}

.project-master-container img{
		width: 570px;
}

.project-master-image{
		height: 340px;
}

.project-master-title{
		font-size: 28px;
		text-align: center;
}
	
	
/* Project1 Template*/
.project1-container{
		width: 80%;
		margin: auto;
}

.project1-title{
		text-align: center;
}

.project1-title	h1{
		font-size: 32px;
}

.project1-description{
		font-size: 20px;
}

.project1-image-group img{
		width: 950px;
}

.project1-web-address{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;	
		margin-bottom: 30px;	
		font-size: 14px;
}

.project1-web-address ul{
		text-align: center;
}


/* Project2 Template*/

.project2-container{
	width: 80%;
	margin: auto;
}

.project2-title{
		text-align: center;
}

.project2-image-group{
		display: flex;	
		flex-wrap: wrap;
		flex-direction: row;
		gap: 10px;	
		justify-content: center;
}

.project2-text-group{
		margin-top: 40px;
}

.project2-image{
		width: 500px;
}

.project2-image img{
		width: 500px;
}

.project2-title	h1{
		font-size: 32px;
}

.project2-description{
		width: 90%;
		margin: auto;
		font-size: 20px;
}

.project2-description p{
		text-align: center;
}

.project2-web-address{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
		margin-bottom: 30px;
		font-size: 14px;

}

.project2-web-address ul{
		text-align: center;
}	
	
	
	
	
/* Project3 Template*/

.project3-container{
	width: 80%;
	margin: auto;
}

.project3-title{
		text-align: center;
}

.project3-image-group{
		height: 1000px;
}

#project3-image1{
		z-index: 3;
		width: 300px;
}

.project3-image img{
		width: 300px;
}

#project3-image2{
		position: relative;
		z-index: 2;
		top: 0px;
		left: 0px;
		width: 300px;
}

#project3-image3{
		position: relative;
		z-index: 1;
		top: 0px;
		left: 0px;
		width: 300px;
}



.project3-title	h1{
		font-size: 32px;
}

.project3-text-group{
		margin-top: -300px;

}

.project3-description{
		width: 90%;
		margin: auto;
		font-size: 20px;
}

.project3-description p{
		text-align: center;
}

.project3-engineer-notes{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
		font-size: 20px;
		margin-top: 50px;
		font-size: 16px;
}


.project3-engineer-notes p{
		text-align: center;
}

.project3-web-address{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
		margin-bottom: 30px;
		font-size: 14px;

}

.project3-web-address ul{
		text-align: center;
}


/*Project4*/
				
			.project4-image-group {
				height: 100px;
			}
			
			#project4-image4{
				top: 160px;
			}
			
			#project4-image5 {
				top: 180px;
			}	
			
			.project4-web-address {
    			width: 100%;
    			font-size: 16px;
			}			

/*Project5*/		

			.project5-image-group {
				height: 200px;
			}

            #project5-image1{
            	width: 300px;            
            }
	
			#project5-image2{ 
			    left: 260px;
				top: 170px;
				width: 50px;
			}
						
			#project5-image3{ 
			    left: 260px;
				top: 240px;
				width: 50px;
			}
			
			#project5-image4{ 
			    left: 260px;
				top: 310px;
				width: 50px;
			}	
			
			.project5-web-address{
				width: 100%;								
			}	
			
			.project5-web-address{
   				width: 100%;
   				margin-left: auto;
   				margin-right: auto;
   				margin-top: 50px;
   				margin-bottom: 30px;
   				font-size: 14px;

			}			
			

	/*Unlocking Your Dream Home Extension*/
						
			#dhe-s1-w1-text h1{
					font-size: 18px;
					line-height: 18px;
			}
			
	
	/*Elevate Your Business Space:*/

 			 #ebs-s1-w1-text h1{
 					font-size: 18px;	
 					line-height: 18px;	 
 			 }
			 
	/*Building Dreams*/		
		 
			 #nbh-s1-w1-text h1{
					font-size: 18px;	
					line-height: 18px;	 			  
			 }
	
	/*Breathing New Life into History*/		
	
			 #bnl-s1-w1-text h1{
					font-size: 18px;	
					line-height: 18px;	
			 }








}