/*
Theme Name: Hello Elementor Child
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

div#popmake-499 .form-submit-group {
    margin-top: 15px;
}

.contact-mobile{
	display:none;
}
.main-hdr.main-hdr-stickey {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9;
	transition: all 0.3s ease;
}
/*################# Request a quote Popup form Style #####################*/
.pum .pum-container .pum-content form .contact-form-wrapper .form-row {
	display:flex !important;
	flex-direction:row !important;
	width:100% !important;
	justify-content:space-evenly !important;
	flex-wrap:wrap !important;
}
.pum .pum-container .pum-content form .contact-form-wrapper .form-row-2 .form-field-group {
	width:48% !important;
}

.pum .pum-container .pum-content form .contact-form-wrapper .form-row-3 .form-field-group {
	width:31.5% !important;
}

.pum .pum-container .pum-content form .contact-form-wrapper .form-row-4 .form-field-group {
	width:23% !important;
} 

.pum .pum-container .pum-content form .contact-form-wrapper  .form-field-group {
	width:97% !important;
	margin:auto !important;
}


 
.pum .pum-container .pum-content form .contact-form-wrapper .form-row-4 .form-field-group p label {
	font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
	font-size:16px !important;
	font-weight:600 !important;
	margin-bottom:10px !important;
}

.pum .pum-container .pum-content form .contact-form-wrapper .form-row-4 .form-field-group .form-file-input {
	font-size: 0 !important;
}
.pum .pum-container .pum-content form .contact-form-wrapper .form-row-4 .form-field-group .form-file-input::-webkit-file-upload-button {
  font-size: 14px !important; 
  cursor: pointer !important;
} 

.pum .pum-container .pum-content form .contact-form-wrapper .form-row-4 .form-field-group .form-file-input::file-selector-button {
  font-size: 14px !important; 
  cursor: pointer !important;
}

.pum .pum-container .pum-content form .contact-form-wrapper .form-field-group .message-input {
	min-height: 80px !important;
  	max-height: 150px !important;
  	resize: vertical !important;
	border: 2px solid !important;
	border-color: var(--e-global-color-primary) !important;
}

/*############## Header Pupup Style ###############*/
.pum .pum-container .pum-content form .contact-form-wrapper .form-field-group p .form-input{
	border: 2px solid;
	border-color: var(--e-global-color-primary);
}

.pum .pum-container .pum-content form .contact-form-wrapper .form-field-group p .form-input::placeholder {
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-size:14px;
}

.pum .pum-container .pum-content form .contact-form-wrapper .form-submit-group .form-submit-btn {
	background-color:var(--e-global-color-primary);
	font-family: "Oswald", Sans-serif;
	font-size:20px;
	color:white;
	border:1px solid;
	border-radius: 20px;
	border-color:var(--e-global-color-primary);
}

.pum .pum-container .pum-content form .contact-form-wrapper .form-submit-group .form-submit-btn:hover{
	background-color: #ffffff00;
	color:var( --e-global-color-primary );
	border:1px solid;
}



/*######### blog single page style #########*/

.blog_single_page .hero-section{
	background-repeat: no-repeat;
    object-fit: cover;
    background-size: cover;
    background-position: top center;
}


.blog_single_page .hero-overlay {
    background: rgba(39, 66, 123, 0.5);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 150px 20px;
}
.blog_single_page .hero-section .hero-overlay .hero-content-wrapper .post-title {
	font-family: "Oswald", Sans-serif;
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 50px;
    color: var(--e-global-color-text);
	text-align:center;
}

.blog_single_page .hero-section .hero-overlay .hero-content-wrapper .post-meta {
	color: var(--e-global-color-text);
    transition: color 0.3s;
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-weight: var(--e-global-typography-text-font-weight);
	text-align:center;
}


.blog_single_page .post-content-section {
	width:75%;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:50px;
}

.blog_single_page .post-content-section .post-content-wrapper .post-navigation {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
.blog_single_page .post-content-section .post-content-wrapper .post-navigation .nav-previous a {
	padding:10px;
}

.blog_single_page .post-content-section .post-content-wrapper .post-navigation .nav-previous a:hover{
	border:1px solid;
	border-color: var(--e-global-color-primary);
	border-radius:20px;
}

.blog_single_page .post-content-section .post-content-wrapper .post-navigation .nav-next a:hover{
	border:1px solid;
	border-color: var(--e-global-color-primary);
	border-radius:20px;
}

/*############ Gallery Page style ########### */

.our_gallery_section .our_gallery_photos img {
	width:100%;
	height:300px;
	object-fit:cover;
}



/* ###########  contact us page form style #############*/

.contact_us_section .contact_us_form form label {
	display:none;
}

.contact_us_section .contact_us_form form .contact-form-wrapper .form-field-group p {
	margin-bottom:0px;
}

.contact_us_section .contact_us_form form .contact-form-wrapper {
	display:flex;
	flex-direction:column;
	gap:15px;
}



.contact_us_section .contact_us_form form .contact-form-wrapper .form-field-group p .form-input{
	border: 2px solid;
	border-color: var(--e-global-color-primary);
}

.contact_us_section .contact_us_form form .contact-form-wrapper .form-field-group p .form-input::placeholder {
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-size:14px;
}

.contact_us_section .contact_us_form form .contact-form-wrapper .form-submit-group .form-submit-btn {
	background-color:var(--e-global-color-primary);
	font-family: "Oswald", Sans-serif;
	font-size:20px;
	color:white;
	border:1px solid;
	border-radius: 20px;
	border-color:var(--e-global-color-primary);
}

.contact_us_section .contact_us_form form .contact-form-wrapper .form-submit-group .form-submit-btn:hover{
	background-color: #ffffff00;
	color:var( --e-global-color-primary );
	border:1px solid;
}


.contact_us_section .contact_us_form form .contact-form-wrapper .form-field-group p .message-input {
	min-height: 80px !important;
  	max-height: 150px;
  	resize: vertical;
}




@media only screen and (max-width: 768px) {
	.contact-mobile{
		display:block;
	}
	
	.blog_single_page .hero-overlay{
		 padding: 80px 20px;
	}
	
	.blog_single_page .hero-section .hero-overlay .hero-content-wrapper .post-title{
		font-size: 32px;
		line-height: 42px;
	}
	
	.blog_single_page .post-content-section{
		width: 80%;
	}
}

@media only screen and (max-width: 540px) {
	
	.blog_single_page .hero-overlay{
		 padding: 40px 20px;
	}
	
	.blog_single_page .hero-section .hero-overlay .hero-content-wrapper .post-title{
		font-size: 25px;
		line-height: 40px;
	}
	
	.blog_single_page .post-content-section{
		width: 85%;
	}
	
	
	.pum .pum-container .pum-content form .contact-form-wrapper .form-row-2 .form-field-group {
		width:100% !important;
	}
	
	.pum .pum-container .pum-content form .contact-form-wrapper .form-row-3 .form-field-group {
		width:100% !important;
	}
	
	.pum .pum-container .pum-content form .contact-form-wrapper .form-row-4 .form-field-group {
		width:50% !important
	}
}