/*
	Theme Name: Hello Elementor Child
  Template: hello-elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.1.0
	Stable tag: 3.1.0
	Requires at least: 6.0
	Tested up to: 6.5
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/


.majux--container {
  max-width: 1400px;
  margin: 60px auto 60px;
}

.row { display: flex; }

.majux--content { flex: 1; padding-right: 60px; }
.majux--sidebar { 
  width: 500px; 
  padding: 32px 32px 0;
  background: #f7f4f3;
}

.d-none { display: none; }

.majux--content p { margin: 0 0 1.5em; }



/*--------------------------------------------------------------
# Masthead
--------------------------------------------------------------*/

.majux--masthead {
  width: 100%;
  padding: 64px 32px;
  background-color: #183242;
  position: relative;
  height: 431px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.masthead__bg {
  background-image: url('https://blythecustomhomes.com/wp-content/uploads/2024/01/Customkitchenwiththinbrickbacksplashwhitecabinetseat-inislandwoodceilingbeamsandhardwoodfloors.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: brightness(100%) contrast(100%) saturate(100%) blur(5px) hue-rotate(0deg);
  opacity: 0.15;
}

.masthead__content{ position: relative; }

.majux--masthead h1 {
  text-align: center;
  margin-bottom: 0;
  font-family: 'Brandon Grotesque', sans-serif;
  color: #fff;

}




/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/

p.widget-title {
  text-align: center;
  font-family: "brandon-grotesque", serif;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 0;
}

.sidebar-widget { margin-bottom: 60px; }
.sidebar-widget:last-child { margin-bottom: 32px; }



/*--------------------------------------------------------------
# Widget Title
--------------------------------------------------------------*/

@media (max-width: 991px) {
  .majux--content { padding-right: 0; }
  .majux--container .row { display: block; }
  .majux--content,
  .majux--sidebar { width: 96%; }
}


@media (min-width: 992px) {

  .d-lg-none  { display: none; }
  .d-lg-block { display: block; }
}