/* ===============================
   GLOBAL STYLING
================================ */

body {
    background-color: #EFEFEB; /* Off White */
    color: #363633; /* Stone */
    font-family: 'Playfair Display', serif;
    line-height: 1.6;
}


/* ===============================
   HEADER
================================ */

header,
.elementor-location-header {
    background-color: #efefeb; /* Stone */
}

header a,
header a:visited,
header a:active,
.elementor-location-header a,
.elementor-location-header a:visited,
.elementor-location-header a:active {
    color: #000000 !important;  /* Always black */
    text-decoration: none;
    transition: color 0.3s ease;
}

header a:hover,
.elementor-location-header a:hover {
    color: #fb5252 !important;  /* Change on hover */
}


/* ===============================
   SECTION BACKGROUNDS
   (Add these as CSS classes in Elementor)
================================ */

.light-section {
    background-color: #CCC9C1;
    color: #363633;
    padding: 80px 0;
}

.grey-section {
    background-color: #B8B8B5;
    color: #363633;
    padding: 80px 0;
}

.offwhite-section {
    background-color: #EFEFEB;
    color: #363633;
    padding: 80px 0;
}


/* ===============================
   BUTTONS
================================ */
a.pb-primary-btn.header-btn.customize-unpreviewable {
    background-color: #CCC9C1;
		color: #363633;
		border: 1px solid #CCC9C1;  
}
.pb-primary-btn:before{
   background: linear-gradient(81deg, #313131 0%, #4b4845 100%) !important;}

/* ===============================
   CARDS / BOXES
   (Add class: custom-card)
================================ */

.custom-card {
    background-color: #FFFFFF;
    border: 1px solid #CCC9C1;
    padding: 40px;
    transition: all 0.3s ease;
}

.custom-card:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}


/* ===============================
   SOFT SHADOW OVERLAY EFFECT
   (Add class: shadow-overlay)
================================ */

.shadow-overlay {
    background: linear-gradient(
        120deg,
        rgba(0, 0, 0, 0.05) 25%,
        rgba(0, 0, 0, 0.02) 50%,
        rgba(0, 0, 0, 0.05) 75%
    );
}


/* ===============================
   HEADINGS STYLE
================================ */

h1, h2, h3, h4, h5, h6 {
    color: #363633;
    font-weight: 500;
    letter-spacing: 1px;
}


/* ===============================
   LINKS
================================ */

a {
    color: #363633;
    transition: 0.3s ease;
}

a:hover {
    color: #B8B8B5;
}
.layout-social-box {
    display: none;
}

.sd-sharing {
    margin-bottom: 1em;
    dishttps://digitalruh.com/wp-admin/revision.php?revision=3779play: none;
}


.page-padding {
    padding: 0px 0px !important;
}

.row > * {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.elementor-456 .elementor-element.elementor-element-135ac60 {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
}
.elementor-456 .elementor-element.elementor-element-5960c2f {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
}