/* 
Theme Name: Mehod Building Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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
*/

/* Add your custom styles here */
.loader {
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-top: 4px solid #333; /* Adjust color as needed */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@font-face {
  font-family: 'Built Titling';
  src: url('fonts/built_titling_rg.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

h1, h2, h3, h4, h5, h5, h6 { 
  font-family: "Built Titling" !important;
  letter-spacing: 2px;
}

/* footer form css */
.footer form.wpcf7-form.init {
	display: flex;
	column-gap: 5%;
	margin-top: 5px;
}
.footer .wpcf7-submit:hover {
	background-color: #262F6A;
	color: #ffffff;
}
.footer .wpcf7-submit {
	border-color: #4066B0;
	color: #ffffff;
}
.footer .wpcf7-validates-as-email{
	border-color:#4066B0;
}
/* Static-site fix: model-viewer defaults to a fixed 300x150 and never grows.
   Fill the wrapper; let every plugin wrapper level grow with it. */
.b3dviewer-wrapper model-viewer {
    width: 100% !important;
    height: 100% !important;
}
.modelViewerBlock {
    height: auto !important;
}
#balcony-posts {
    height: auto !important;
}
.modelViewerBlock .b3dviewer-wrapper {
    height: min(65vh, 640px) !important;
}
/* Home-page slider: the 3D block sits in a fixed 320px-tall carousel slide with
   flex centering that collapses width. Fill the slide instead of overflowing it. */
#slider_379 .sa_hover_container {
    width: 100%;
}
#slider_379 .sa_hover_container .modelViewerBlock {
    width: 100%;
}
#slider_379 .modelViewerBlock .b3dviewer-wrapper {
    height: 290px !important;
}
/* 3D viewer maximize: the plugin renders a fullscreen button, but unstyled it is
   near-white and flows below the fixed-height wrapper (invisible). Overlay it on
   the viewer; show the close button only while in fullscreen. */
.b3dviewer-wrapper.bp_model_parent {
    position: relative;
}
.b3dviewer-wrapper #openBtn,
.b3dviewer-wrapper #closeBtn {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 5;
    width: 38px;
    height: 38px;
    padding: 8px;
    box-sizing: border-box;
    fill: #2c4b7c;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #d5dbe6;
    border-radius: 6px;
    cursor: pointer;
}
.b3dviewer-wrapper #openBtn:hover,
.b3dviewer-wrapper #closeBtn:hover {
    background: #ffffff;
}
.b3dviewer-wrapper #closeBtn {
    display: none;
}
.b3dviewer-wrapper:fullscreen {
    background: #ffffff;
}
.modelViewerBlock .b3dviewer-wrapper:fullscreen,
#slider_379 .modelViewerBlock .b3dviewer-wrapper:fullscreen {
    height: 100% !important;
    width: 100% !important;
}
.b3dviewer-wrapper:fullscreen #openBtn {
    display: none;
}
.b3dviewer-wrapper:fullscreen #closeBtn {
    display: block;
}
/* The plugin forces model-viewer's default progress element to display:block,
   stretching it into a big blue box over the viewer while a model loads. Hide it;
   the preloader in balcony-script.js makes loads near-instant anyway. */
model-viewer::part(default-progress-bar),
model-viewer::part(default-progress-mask) {
    display: none !important;
}