/*
Theme Name: Architecturer Child
Theme URI: https://themes.themegoods.com/architecturer/landing
Description: Premium Architecture & Interior Design WordPress Theme
Version: 1.0
Author URI: http://themeforest.net/user/ThemeGoods
License: GNU General Public License
License URI: http://themeforest.net/licenses/regular_extended
Text Domain: architecturer
Template: architecturer
*/

/* Template fixes
================*/

/*
VES: CUSTOM: FIX: Fix the wrapper margin bottom because of the footer
Is being managed by the js to make it dynamic:
- /wp-content/themes/architecturer-child/js/custom.js
----------------------------------------------------------------------
#wrapper{margin-bottom: 313px;}
---------------------------------------------------------------------*/

#wrapper {
  overflow-y: hidden;
}

/*VES: CUSTOM: FIX: Fix for the logo on the header
-------------------------------------------------*/
.top_bar .standard_wrapper{
  height: 95px;
  padding-top: 15px;
  padding-bottom: 15px;
}

#logo_wrapper{
  display: flex !important;
}

/* Top bar logo */
#logo_wrapper img {
  width: 175px;
  height: auto;
}

[id*="-get-pro-"] {
  display: none !important;
  outline: 1px solid red !important;
}

/*VES: CUSTOM: FIX: Fix the padding and margin on the ul
-------------------------------------------------------*/
#page_content_wrapper ul {
  padding-left: 45px;
  margin-top: 16px;
  margin-bottom: 16px;
}

/*VES: CUSTOM FIX: Fix the paddings on the footer in mobile
----------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  #footer_wrapper .elementor-section {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}


body.js_nav .mobile_menu_wrapper,
html[data-menu=leftmenu] body.js_nav .mobile_menu_wrapper{
  overflow-y: auto !important;
}

/* VES: CUSTOM: Custom styles for this theme
============================================*/

h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
}

/* VES: CUSTOM: Add the hover effect to all links
------------------------------------------------*/
a:not(.elementor-animation-bob):not(#toTop):not(.ab-item):not(.screen-reader-shortcut):not(.logo_wrapper):not(:has(img)) {
  position: relative;
}
a:not(.elementor-animation-bob):not(#toTop):not(.ab-item):not(.screen-reader-shortcut):not(.logo_wrapper):not(:has(img)):before {
  content: "";
  display: block;
  position: absolute;
  bottom: 2px;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #666;
  transform-origin: right top;
  transform: scale(0, 1);
  transition:
    color 0.1s,
    transform 0.2s ease-out;
}
a:not(.elementor-animation-bob):not(#toTop):not(.ab-item):not(.screen-reader-shortcut):not(.logo_wrapper):not(:has(img)):hover:before {
  transform-origin: left top;
  transform: scale(1, 1);
}

/* VES: CUSTOM: Custom: Center the menu
- When using left align menu it centers it on the screen
-------------------------------------------------------*/
html[data-menu="leftalign"] #menu_wrapper {
  float: none;
  display: flex;
  justify-items: center;
  align-items: center;
  width: calc(100% - 75px);
  margin: 0px;
}

.top_bar.hasbg #nav_wrapper, /*Transparent menu*/
#nav_wrapper /*On scroll*/ {
  float: none;
  width: calc(100% - 59px);
}

/* VES: CUSTOM: Custom: helpper class: unset-margins
---------------------------------------------------*/
.unset-margins.elementor-widget:not(:last-child) {
  margin-block-end: unset !important;
  margin-bottom: unset !important;
}

/* VES: CUSTOM: Custom: Home page H1 title above the Parallax slider
-------------------------------------------------------------------*/
#home-title {
  will-change: width, height, transform, top, left;
  z-index: 100;
  position: absolute;
  top: 80%; /*Starting point and is animated to 50%*/
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 0px;
  display: inline-block;
  opacity: 0;
}
#home-title h1{
  letter-spacing: 8px;
  line-height: 150%;
}
@media (max-width: 560px) {
  #home-title {
    will-change: width;
    width: auto;
  }
}

/*
.your-thought-our-design
.your-thought-our-design h1,
.your-thought-our-design h2,
.your-thought-our-design h3,
.your-thought-our-design h4,
.your-thought-our-design h5,
.your-thought-our-design h6,
.your-thought-our-design div h1,
.your-thought-our-design div h2,
.your-thought-our-design div h3,
.your-thought-our-design div h4,
.your-thought-our-design div h5,
.your-thought-our-design div h6{
  letter-spacing: 8px !important;
  line-height: 130% !important;
}
*/

/* VES: CUSTOM: Custom: Makes the Parallax Slider on the home page 100vh
Section => #parallax-slider-section
    Column => #parallax-slider-wrapper
        Parallax slider => #parallax-slider
-----------------------------------------------------------------------*/
#parallax-slider-section,
#parallax-slider,
#parallax-slider img,
#parallax-slider .slider_parallax_wrapper {
  will-change: height;
  height: 100vh !important;
}

/* VES: CUSTOM:MENU
------------------*/
#footer_wrapper .tg_navigation_wrapper.menu_style1 .nav li {
  padding: 4px 0;
}
#menu_wrapper .nav ul li.current-menu-item a:before,
#menu_wrapper div .nav li.current-menu-item > a:before {
  transform-origin: left top;
  transform: scale(1, 1);
}

/* VES: CUSTOM: FOOTER
---------------------*/
#footer_wrapper .tg_navigation_wrapper.menu_style1 .nav li {
  display: block;
}
#footer_wrapper .tg_navigation_wrapper.menu_style1 .nav li a {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 14px;
  font-family: inherit;
  vertical-align: baseline;
  color: #545454;
}
#footer_wrapper .tg_navigation_wrapper.menu_style1 .nav li > a:before,
#footer_wrapper .tg_navigation_wrapper.menu_style2 .nav li > a:before {
  background-color: #545454;
}
#footer_wrapper .tg_navigation_wrapper.menu_style1 .nav li.current-menu-item > a:before,
#footer_wrapper .tg_navigation_wrapper.menu_style2 .nav li.current-menu-item > a:before {
  transform-origin: left top;
  transform: scale(1, 1);
}

/* VES: CUSTOM: Footer Bottom Links
----------------------------------*/
#footer_wrapper #footer-bottom-section .tg_navigation_wrapper.menu_style1 .nav li {
  display: inline-block;
  margin-right: 30px;
}
#footer_wrapper #footer-bottom-section .tg_navigation_wrapper.menu_style1 .nav li:last-child {
  margin-right: 0px;
}

/*
VES: CUSTOM: Back to top button
------------------------------*/
/*
a#toTop{
  bottom: 9px;
	background-color: #80A379 !important;
	color: rgba(255, 255, 255, 0.5) !important;
}
a#toTop:hover{
	color: rgba(255, 255, 255, 1) !important;
}
*/

/* Form styling
- Formulário de contato: /contato/
- [contact-form-7 id="bddca4b" title="Formulário de contato"]
------------------------*/
/* Container for the form row */
#wpcf7-f5184-p5392-o1 .wpcf7-form > p:nth-of-type(1),
#wpcf7-f5184-p5392-o1 .wpcf7-form > p:nth-of-type(2) {
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
}
#wpcf7-f5184-p5392-o1 .wpcf7-form > p:nth-of-type(2) {
  margin-left: 30px;
  width: calc(50% - 34px);
}
/* Ensure the form rows stack on smaller screens */
@media (max-width: 768px) {
  #wpcf7-f5184-p5392-o1 .wpcf7-form > p:nth-of-type(1),
  #wpcf7-f5184-p5392-o1 .wpcf7-form > p:nth-of-type(2) {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0;
  }
}

/* 404 page
------------------------*/
.h1-404 {
  font-size: 60px !important;
}
.home-404 {
  margin-left: 30px;
}


/* Header instagram icon and link */
.icon-instagram,
.icon-instagram-dark-grey{
  width: 30px;
  height: 30px;
  background-size: contain;
  background-position: right center;
  background-repeat: no-repeat;
  display: inline-block;
}
.icon-instagram{
  /*<!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->*/
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23FFFFFF' d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'%3E%3C/path%3E%3C/svg%3E");
}
.icon-instagram-dark-grey{
  /*<!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->*/
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23545454' d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'%3E%3C/path%3E%3C/svg%3E");
}
.icon-instagram a,
.icon-instagram-dark-grey a{
  display: inline-block;
  width: 100%;
  height: 100%;
}
.icon-instagram a:not(.elementor-animation-bob):not(#toTop):not(.ab-item):not(.screen-reader-shortcut):not(.logo_wrapper):not(:has(img)):before,
.icon-instagram-dark-grey a:not(.elementor-animation-bob):not(#toTop):not(.ab-item):not(.screen-reader-shortcut):not(.logo_wrapper):not(:has(img)):before{
  display: none !important;
}

/*Logo right wrapper*/
html[data-menu=leftalign] #logo_right_wrapper{
  display: flex;
  float: none;
  align-items: center;
}

/*Projetos slides separation*/
.tg_horizontal_gallery_cell{
  margin-right: 15px !important;
}

body:not([class*="elementor-"]) #page_content_wrapper ul {
  list-style-type: none; /* Remove default bullets */
}

body:not([class*="elementor-"]) #page_content_wrapper li {
  position: relative;
  padding-left: 20px; /* Add space for the hyphen */
}

body:not([class*="elementor-"]) #page_content_wrapper li::before {
  content: "-"; /* Add hyphen */
  position: absolute;
  left: 0;
}


/*Arrows size*/
.ti-arrow-right{
  font-size: 25px !important;
}

/*Contact form*/
[data-name="your-consent"] .wpcf7-list-item{
  margin: 0;
}


/*.banner-section*/
.banner-column{
  min-height: calc(100vh - 70px) !important;
}
/*.banner-text*/


/* Top bar instagram icon
------------------------*/
@media (max-width: 1024px) {
  #logo_right_instagram{
    margin-right: 20px;
  }
}


/* Utils
------------------------*/
.uppercase,
.uppercase a{
  text-transform: uppercase !important;
}


/* Gallery cell hover
------------------------*/
.tg_horizontal_gallery_cell{
	position: relative;
}
.gallery_cell_bg_hover{
	position: absolute;
	top:0;
	left:0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg,rgba(153,153,151,0.01),rgba(0,0,0,0.6)) !important;
	opacity: 0; /* Initially hidden */
	
	transform: scale(1);
    transition: transform 0.7s ease, opacity 0.7s ease; /* Smooth transition for both properties */
}

.gallery_cell_bg_hover_alt{
	position: absolute;
	left: 0;
	bottom: 30px;
	z-index: 100;
	padding: 0 30px;
	width: 100%;
	color: #fff;
	font-family: "Inter";
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}

.gallery_cell_bg_hover.active {
    opacity: 1;
    transform: scale(1.06); /* Final state for the active class */
}