/* 
Theme Name: George Street Lofts Theme
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Enjoyable Design
Author URI: https://enjoyable.design/
Template: hello-elementor
Version: 1.0.1
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
*/

:root {
  --Accent-color: #A67131;
  --Brown-bg: #4D4337;
}

@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

.pageWidth {
  width: 100%;
  padding: 15px;
  max-width: 100%;
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

h1 {
  color: var(--Black, #32302f);
  text-align: center;
  font-family: "Cormorant", serif;
  font-size: 56px;
  font-style: normal;
  font-weight: 500;
  text-transform: capitalize;
}

h2 {
  color: var(--Black, #32302f);
  text-align: center;
  font-feature-settings: "salt" on;
  font-family: "Cormorant", serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  text-transform: capitalize;
}

p {
  color: var(--Text-color, #5c5c5c);
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

a {
  font-family: "Open Sans", sans-serif;
}

a.mainButton {
  display: flex;
  padding: 15px 30px !important;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 4px;
  border: 1px solid #a67131;
  background: var(--Accent-color, #a67131);
  transition: all 0.3s ease;
}

a.mainButton:hover {
  background: transparent;
  color: #a67131;
}

a.secondaryButton {
  display: flex;
  padding: 15px 30px !important;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #4d4337;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  border-radius: 4px;
  border: 1.5px solid #d3d3d3;
  background: transparent;
  transition: all 0.3s ease;
}

a.secondaryButton:hover {
  background: var(--Light-Grey, #f5f5f5);
  color: #4d4337;
}

@media (min-width: 768px) {
  .pageWidth {
    padding: 25px;
  }
}

@media (min-width: 1500px) {
  .pageWidth {
    padding: 25px 10%;
  }
}

.customButton {
  display: flex;
  height: 50px;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: var(--Accent-color, #A67131);
  color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}

.customButton:hover {
    color: #fff;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.25);
}

.customButton:active {
    color: #fff;
  background: #99682C;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25) inset, 0 0 0 0 rgba(0, 0, 0, 0.25);
}

p.upperTitle{
  font-size: 1.2rem;
  color: var(--Accent-color);
  font-weight: 300;
  text-transform: capitalize;
}