/*
Theme Name: Mary Property
Template: hello-elementor
Description: A child theme for Hello Elementor
Author: TSI Digital Solution
Author URI: https://tsidigitalsolutione.com/
Version: 1.0.0
*/

/* Force full screen width for single property pages */
body.single-properties .site-main,
body.single-properties main#content,
body.single-properties .page-content,
body.single-properties .elementor,
body.single-properties .elementor-section,
body.single-properties .js-es-single,
body.single-properties .js-es-single .es-single {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}

/* Remove any default container constraints */
body.single-properties .page-content > .elementor,
body.single-properties .page-content > .elementor > .elementor-inner,
body.single-properties .page-content > .elementor > .elementor-inner > .elementor-section {
  width: 100% !important;
  max-width: 100% !important;
}

/* If there's a container or wrapper class in Hello Elementor */
body.single-properties .container, 
body.single-properties .site-container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.entry-title, .page-title, .post-title, h1.entry-title {
  display: none !important;
}

/* Styling buttons **********************************************************************************************************************************************************************************************************/
.btn1:link,
.btn1:visited {
 text-transform: uppercase;
 text-decoration: none;
 text-align: center;
 color: rgb(27, 27, 27);
 padding: 10px 30px;
 border: 2px solid;
 border-radius: 1000px;
 display: inline-block;
 transition: all .2s;
 position: relative;
}

.btn1:hover {
 transform: translateY(-5px);
 box-shadow: 0 10px 20px rgba(0, 0, 0, .5);
}

.btn1:active {
 transform: translateY(-3px);
}

.btn1::after {
 content: "";
 display: inline-block;
 height: 100%;
 width: 100%;
 border-radius: 100px;
 top: 0;
 left: 0;
 position: absolute;
 z-index: -1;
 transition: all .3s;
}

.btn1:hover::after {
 background-color: rgb(0, 0, 0);
 transform: scaleX(1.4) scaleY(1.5);
 opacity: 0;
}