@import url("https://fonts.googleapis.com/css2?family=Muli:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Noto+Serif:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css); .site-header {
display: flex;
flex-direction: column;
position: sticky;
top: 0;
z-index: 10;
}
@media screen and (min-width: 1025px) {
.site-header {
position: relative;
}
}
.site-header .header-row {
padding-top: 15px;
padding-left: 40px;
padding-bottom: 15px;
margin-left: auto;
margin-right: auto;
width: 100%;
padding-right: 40px;
background-color: #5d362f;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
@media screen and (min-width: 1025px) {
.site-header .header-row > div {
display: block;
position: relative;
width: 100%;
}
}
.site-header .header-logo {
min-width: 236px;
height: auto;
position: relative;
margin-right: auto;
margin-left: auto;
min-width: 25px;
text-align: center;
display: block;
max-width: 287px;
}
.site-header .header-logo img {
width: 100%;
height: auto;
}
.site-header .header-biz-info {
display: none !important;
}
@media screen and (min-width: 1025px) {
.site-header .header-biz-info {
display: block !important;
}
}
.site-header .header-biz-info span {
display: block;
color: #ffffff;
font-size: 22px;
font-weight: bold;
text-align: right;
}
.site-header .header-biz-info span a {
text-decoration: none;
color: unset;
}
.site-header .mobile-header-buttons {
display: flex;
flex-direction: row;
justify-content: space-between;
background: rgb(93, 54, 47);
padding: 10px 0;
width: 100%;
align-items: center;
}
.site-header .mobile-header-address {
display: block;
background-color: rgb(59, 24, 18);
color: white;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
}
.site-header .mobile-header-address span {
display: block;
}
@media screen and (min-width: 1025px) {
.site-header .mobile-header-buttons {
display: none;
}
.site-header .mobile-header-address {
display: none;
}
} .menu li {
line-height: 1.5;
font-family: Muli;
}
.menu li a {
color: #ffffff;
font-weight: normal;
font-size: 18px;
padding-top: 12px;
padding-bottom: 12px;
margin-left: 0;
padding-left: 0;
margin-top: 0;
margin-right: 0;
padding-right: 0;
justify-content: flex-start;
text-align: left;
text-decoration: none;
letter-spacing: 0.03em;
align-items: center;
display: flex;
flex-direction: row;
white-space: nowrap;
} [class*=" icon-"] {
display: inline;
width: auto;
height: auto;
line-height: normal;
vertical-align: baseline;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
margin-top: 0;
font-family: FontAwesome !important;
font-weight: 400;
text-decoration: inherit;
}
.menu li a .icon-angle-down {
display: inline-block;
padding-right: 0;
padding-left: 15px;
padding-right: 15px;
}
[class*=" icon-"]::before {
cursor: pointer;
}
.icon-angle-down::before {
content: "\f107";
}
.menu li a .icon-angle-down {
transition: transform 0.3s ease-out;
}
.menu li a[aria-expanded=true] .icon-angle-down,
.menu li a:focus .icon-angle-down,
.menu li:hover a .icon-angle-down {
transform: rotate(180deg);
}
.menu li a:hover {
color: rgb(246, 246, 187);
}
.menu li .sub-menu {
opacity: 0;
max-height: 0;
}
.menu li .sub-menu.is-open,
.menu li:hover .sub-menu,
.menu li:focus-within .sub-menu,
.menu li a:active + .sub-menu {
opacity: 1;
max-height: 500px;
} .hamburger-button {
background: transparent;
width: 52px;
height: 52px;
padding: 17px 11px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
transition: color 0.3s ease-in, background-color 0.3s ease-in;
border: none;
top: 49.046875px;
position: fixed;
left: 18px;
z-index: 14;
cursor: pointer;
}
.hamburger-button .hamburger-slice {
display: block;
height: 0;
width: 100%;
border: 1px solid white;
transition: transform 0.3s ease-out, opacity 0.4s ease-out;
transform-origin: center;
}
.hamburger-button.is-active .hamburger-slice:first-child {
transform: translateY(8px) rotate(45deg);
}
.hamburger-button.is-active .hamburger-slice:nth-child(2) {
opacity: 0;
}
.hamburger-button.is-active .hamburger-slice:last-child {
transform: translateY(-8px) rotate(-45deg);
} #hamburger-drawer {
height: calc(100% + 0px);
width: 75vw;
background-color: rgb(93, 54, 47);
transition: transform 0.3s linear;
overflow: auto;
display: flex;
flex-direction: column;
position: fixed;
top: 0;
left: 0;
padding-top: 30px !important;
padding-right: 50px !important;
margin-top: 0;
padding-left: 50px !important;
top: 0;
transform: translate(-100%, 0);
z-index: 13;
}
@media screen and (min-width: 375px) {
#hamburger-drawer {
width: 60vw;
}
}
@media screen and (min-width: 600px) {
#hamburger-drawer {
width: 45vw;
}
}
@media screen and (min-width: 768px) {
#hamburger-drawer {
width: 35vw;
}
}
#hamburger-drawer.is-active {
transform: translate(0, 0);
}
#hamburger-drawer .menu {
position: relative;
margin-top: 70px;
list-style: none;
}
#hamburger-drawer .menu ul {
list-style: none;
transition: transform 0.3s ease-in-out, opacity 0.6s ease-out, max-height 0.3s ease-in-out;
transform-origin: top;
height: auto;
overflow: hidden;
padding: 8px 12px;
}
.hamburger-drawer-overlay {
opacity: 0;
pointer-events: none;
width: 100vw;
background-color: rgba(0, 0, 0, 0.4);
transition: opacity 0.3s ease-out;
z-index: 6;
height: 100%;
position: fixed;
top: 0;
left: 0;
}
.hamburger-drawer-overlay.is-active {
opacity: 1;
pointer-events: all;
}
@media screen and (min-width: 1025px) {
.hamburger-drawer-overlay {
display: none;
}
.hamburger-button {
display: none;
}
} .header-navigation {
background: #5d362f;
text-align: center;
display: none;
}
.header-navigation ul {
display: flex;
flex-direction: row;
list-style: none;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
.header-navigation ul a {
padding: 0 15px;
}
@media screen and (min-width: 1025px) {
.header-navigation {
display: block;
padding-top: 15px;
padding-bottom: 15px;
}
.header-navigation li {
position: relative;
}
.header-navigation .sub-menu {
width: 100%;
left: 15px;
top: 50px;
background-color: rgb(93, 54, 47) !important;
color: #999;
transform: translateY(-10px);
position: absolute;
flex-direction: column;
z-index: 100;
transition: transform 0.4s ease-out, opacity 0.1s ease-out;
width: fit-content;
}
.header-navigation .sub-menu a {
padding: 15px 30px 15px 15px !important;
}
}
.hero-image {
background-repeat: no-repeat;
background-size: cover !important;
background-position: 50% 50%;
padding-top: 15px;
padding-left: 20px;
padding-right: 20px;
margin-left: 0;
padding-bottom: 15px;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
width: auto;
position: relative;
}
.hero-image:before {
content: "";
background-color: rgba(0, 0, 0, 0.6);
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hero-image-content-wrap {
display: flex;
flex-direction: column;
width: 100%;
max-width: 100%;
margin: 0 auto;
padding-top: 80px;
padding-bottom: 80px;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
margin-top: 0;
margin-bottom: 0;
padding-right: 40px;
width: auto;
max-width: 960px;
color: white;
position: relative;
}
.hero-image-content-wrap .hero-image-text {
margin-bottom: 1em;
}
.hero-image-content-wrap h1 {
display: block;
text-align: center;
width: calc(100% - 54px);
height: auto;
padding-top: 2px;
padding-left: 0;
padding-bottom: 2px;
margin-right: auto;
margin-left: auto;
max-width: 583px;
margin-top: 50px;
margin-bottom: 8px;
padding-right: 0;
min-width: 25px;
line-height: 1.2;
font-size: 42px;
}
.hero-image-content-wrap .hero-image-text-content {
margin-top: 31px;
margin-bottom: 40px;
margin-right: auto;
width: 100%;
height: auto;
max-width: 100%;
min-width: 25px;
text-align: center;
}
.hero-image-content-wrap .hero-image-text-content p {
font-weight: bold;
line-height: 27px;
font-size: 20px;
}
.hero-image-content-wrap .hero-image-phone {
font-size: 28px;
margin-top: -11px;
margin-bottom: 8px;
text-align: center;
}
.hero-image-content-wrap .hero-image-phone a {
color: white;
text-decoration: none;
font-weight: bold;
line-height: 27px;
font-size: 28px;
text-align: center;
display: block;
}
.hero-image-content-wrap .hero-form {
background-color: rgba(59, 24, 18, 0.6);
border-radius: 20px;
border-style: solid;
border-width: 1px;
border-color: white;
}
.hero-image-content-wrap .hero-form h2 {
width: 460px;
padding-top: 2px;
margin-top: 24px;
display: block;
text-align: center;
font-size: 22px;
font-weight: bold;
color: white;
line-height: 1.5;
max-width: 100%;
}
.hero-image-content-wrap .hero-form input {
border: 2px solid #000;
display: inline-block;
font-size: 15px;
color: rgb(0, 0, 0);
}
.hero-image-content-wrap .hero-form .button {
color: rgb(59, 24, 18) !important;
font-size: 16px !important;
font-weight: 700 !important;
text-decoration: none;
margin: auto !important;
width: 98% !important;
padding: 10px !important;
background-color: transparent !important;
border-radius: 5px !important;
}
.hero-image-content-wrap .hero-form form {
padding-left: 0.9375em;
padding-right: 0.9375em;
margin-top: 10px;
text-align: left;
}
.hero-image-content-wrap .hero-form form label {
color: white !important;
}
.hero-image-content-wrap .hero-form form legend {
color: white !important;
}
.hero-image-content-wrap .hero-form .gform_required_legend {
position: absolute;
left: -9999px;
top: -9999px;
}
.hero-image-content-wrap .hero-form .gform_footer {
background-color: rgb(246, 246, 187);
border-color: rgb(255, 255, 255);
text-align: center;
width: 238px;
min-width: 190px;
display: block;
margin: 20px 15px;
line-height: 22px;
transition: background-color 0.2s ease, border-color 0.2s ease;
}
@media screen and (min-width: 1028px) {
.hero-image-content-wrap {
flex-direction: row;
}
} * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: "Noto Serif", "Noto Serif Fallback", serif;
line-height: 1.6;
color: #333;
background-color: #fff;
}
h2 {
font-size: 30px;
font-weight: 700;
font-family: "Noto Serif", "Noto Serif Fallback", serif;
font-style: normal;
color: rgb(59, 24, 18);
}
a {
color: rgb(246, 246, 187);
}
a.button {
background-color: rgb(246, 246, 187);
text-decoration: none;
border-color: white;
border-radius: 50px;
border-width: 1px;
border-style: solid;
width: 250px;
height: 45px;
position: relative;
margin-top: 16px;
margin-bottom: 10px;
text-align: center;
display: block;
line-height: 22px;
transition: background-color 0.2s ease, border-color 0.2s ease;
cursor: pointer;
}
a.button span.text {
color: rgb(59, 24, 18) !important;
font-size: 16px !important;
font-weight: 700 !important;
text-decoration: none;
padding: 10px 0;
transition: color 0.2s ease;
max-width: 98%;
vertical-align: middle;
display: inline-block;
}
a.button:hover {
background-color: rgb(255, 255, 165);
border-color: rgb(255, 255, 255);
}
.home .site-header {
position: absolute;
width: 100%;
}
.home .site-header .header-row {
background: transparent !important;
}
.home .site-header .header-navigation {
background: transparent !important;
}
.home .ti-widget-container {
max-width: 960px;
margin: auto;
padding-top: 5em;
padding-bottom: 5em;
}
.home .hero-image {
padding-top: 10em;
}
.home .virtual-consultations {
background-image: linear-gradient(180deg, rgb(93, 54, 47) 0, rgb(59, 24, 18) 100%) !important;
padding-top: 20px;
padding-bottom: 20px;
}
.home .virtual-consultations .content {
max-width: 960px;
position: relative;
margin: auto;
display: flex;
flex-direction: column;
}
.home .virtual-consultations .icon {
width: 160px;
height: 160px;
display: block;
float: none;
max-width: 100%;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
background-color: rgba(255, 255, 255, 0.16) !important;
border-radius: 25%;
}
.home .virtual-consultations .icon svg {
color: rgb(255, 255, 255);
fill: rgb(255, 255, 255);
width: 75%;
height: 100%;
}
.home .virtual-consultations a.button span.text {
margin: auto;
}
.home .virtual-consultations .content > .text {
color: rgb(255, 255, 255);
max-width: 518px;
text-align: center;
margin: auto;
}
.home .virtual-consultations .content > .text span {
font-size: 22px;
font-weight: bold;
}
.home .virtual-consultations .content > .text h3 {
font-size: 30px;
}
.home .virtual-consultations .content > .text p {
font-weight: 400;
}
.home .virtual-consultations .content > .text .button {
text-align: center;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 1028px) {
.home .virtual-consultations .content {
flex-direction: row;
}
.home .virtual-consultations .icon {
margin-right: 20px !important;
}
.home .virtual-consultations .content > .text {
text-align: left;
margin-left: 0;
margin-right: 0;
}
.home .virtual-consultations .button {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
.home .team-you-trust {
padding: 40px 30px;
text-align: center;
}
.home .team-you-trust .info {
padding-top: 15px;
display: flex;
flex-direction: column;
}
.home .team-you-trust p {
text-align: center;
padding-top: 2px;
max-width: 593px;
margin-top: 8px;
margin-bottom: 8px;
margin-left: auto;
margin-right: auto;
color: rgb(0, 0, 0);
font-family: "Muli", "Muli Fallback", sans-serif;
font-weight: 400;
line-height: 1.5;
}
@media screen and (min-width: 1028px) {
.home .team-you-trust .info {
flex-direction: row;
}
.home .team-you-trust p {
text-align: left !important;
margin-left: 0;
margin-right: 0;
}
.home .team-you-trust p:first-child {
margin-right: 81px;
margin-left: auto;
}
.home .team-you-trust p:last-child {
padding-left: 25px;
margin-right: auto;
}
}
.home .why-choose-us {
padding-top: 50px;
padding-left: 40px;
padding-bottom: 50px;
padding-right: 40px;
background-color: rgb(59, 24, 18);
display: flex;
flex-direction: column;
}
.home .why-choose-us > .text {
color: rgb(255, 255, 255);
width: 100%;
padding-right: 40px;
text-align: center;
}
.home .why-choose-us > .text p + p {
margin-top: 1.3em;
}
.home .why-choose-us > .text .button {
margin-left: auto;
margin-right: auto;
}
.home .why-choose-us h2 {
color: rgb(255, 255, 255);
}
.home .why-choose-us .icon-list {
display: grid;
grid-template-columns: 1fr;
grid-gap: 30px;
list-style-type: none;
}
.home .why-choose-us .icon-list li.icon-item {
display: flex;
flex-direction: column;
align-items: center;
margin: auto;
}
.home .why-choose-us .icon-list li.icon-item .icon {
width: 51px;
height: 70px;
text-align: center;
display: block;
}
.home .why-choose-us .icon-list li.icon-item svg {
color: rgb(246, 246, 187);
fill: rgb(246, 246, 187);
height: 100%;
width: 100%;
}
.home .why-choose-us .icon-list li.icon-item .text {
line-height: 1.5;
color: rgb(255, 255, 255);
font-weight: bold;
font-size: 20px;
padding-left: 5px;
padding-right: 15px;
margin-top: 28px;
margin-bottom: 8px;
padding-bottom: 2px;
min-width: 25px;
}
@media screen and (min-width: 1028px) {
.home .why-choose-us {
flex-direction: row;
}
.home .why-choose-us > .text {
width: 41.666%;
text-align: right;
}
.home .why-choose-us > .text .button {
margin-right: 0;
}
.home .why-choose-us .icon-list {
grid-template-columns: 1fr 1fr;
}
.home .why-choose-us .icon-list li.icon-item {
flex-direction: row;
margin: 0;
}
}
.home .cards .card {
padding-top: 50px;
padding-bottom: 50px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}
.home .cards .card:nth-child(odd) {
background-color: rgb(64, 30, 29);
text-align: center;
}
.home .cards .card:nth-child(even) {
background-color: rgba(59, 24, 18, 0.8);
text-align: center;
}
.home .cards .card-content {
display: flex;
max-width: 960px;
margin: auto;
flex-direction: column;
}
.home .cards .card-content h3 {
font-size: 24px;
color: rgb(246, 246, 187);
margin-top: 75px;
margin-bottom: 8px;
}
.home .cards .card-content p {
margin-top: 8px;
margin-bottom: 8px;
color: rgb(255, 255, 255);
}
.home .cards .card-content .card-text {
background-color: rgb(93, 54, 47);
}
.home .cards .card-content a.button {
margin-left: auto;
margin-right: auto;
}
.home .cards .card-image {
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.home .cards .card .spacer {
width: 494px !important;
height: 360px !important;
position: relative;
margin-right: auto !important;
margin-left: auto !important;
max-width: calc(100% - 73px) !important;
min-width: 25px !important;
text-align: center !important;
}
@media screen and (min-width: 1028px) {
.home .cards .card:nth-child(odd) .card-content .card-text {
padding-left: 30px !important;
padding-right: 20px !important;
text-align: left !important;
}
.home .cards .card:nth-child(odd) .card-content .button {
margin-left: 0 !important;
}
.home .cards .card:nth-child(even) .card-content {
flex-direction: row-reverse;
}
.home .cards .card:nth-child(even) .card-content .card-text {
padding-left: 20px !important;
padding-right: 30px !important;
text-align: right !important;
}
.home .cards .card:nth-child(even) .card-content .button {
margin-left: auto !important;
}
.home .cards .card-content {
flex-direction: row;
}
.home .cards .card-content a.button {
margin-left: 0;
margin-right: 0;
}
.home .cards .card-image {
width: 58.7%;
}
}   .service-content-area {
max-width: 1200px;
display: flex;
gap: 30px;
margin: 40px auto; justify-content: center; align-items: flex-start; }
.type-service .entry-content a {
color: rgb(59, 24, 18);
}
.service-primary-content {
flex: 2;
}
.service-sidebar {
flex: 1;
display: flex;
flex-direction: column;
gap: 20px;
} .service-box {
background-color: transparent; padding: 20px;
border-radius: 8px;
border: 2px solid rgb(59, 24, 18); box-sizing: border-box;
}
.service-box a {
margin: auto;
} .service-review-box {
background-image: linear-gradient(180deg, rgb(93, 54, 47) 0, rgb(59, 24, 18) 100%) !important;
} .service-callout-box {  background-image: linear-gradient(180deg, rgb(93, 54, 47) 0, rgb(59, 24, 18) 100%) !important;
color: #fff;
text-align: center;
margin: 0 auto;
text-align: center;
}
.service-callout-box .callout-icon {
margin-bottom: 15px;
}
.service-callout-box .callout-icon svg,
.service-callout-box .callout-icon img {
width: 100px;
height: 100px;
filter: brightness(0) invert(1); display: block;
margin: 0 auto; }
.service-callout-box .callout-title { font-size: 30px;
font-weight: 700;
font-family: "Noto Serif", "Noto Serif Fallback", serif;
font-style: normal; }
.service-callout-box .callout-subhead {
font-size: 1rem;
margin-bottom: 15px;
}
.service-box .service-callout-box a.button span.text {
margin: 0 auto;
}
.service-callout-box .callout-button {
display: inline-block;
background-color: #fff;
color: #d7a76c;
padding: 8px 15px;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
}
.service-callout-box .callout-button:hover {
background-color: #f5f5f5;
} .service-list-box ul {
list-style: none;
padding: 0;
margin: 0;
}
.service-list-box li {
margin-bottom: 10px;
}
.service-list-box li a {
text-decoration: none;
color: #333;
transition: color 0.2s;
}
.service-list-box li a:hover {
color: #000;
}
.service-list-box li.current-service a {
text-decoration: underline;
font-weight: bold;
}
.serviceDivider {
width: 20%; margin: 10px 0 10px 0;
} @media screen and (max-width: 768px) {
.service-content-area {
flex-direction: column;
}
.service-primary-content,
.service-sidebar {
flex: 1;
}
}
.post-template-default .entry-header {
background-position: 50%;
max-width: 100%;
background-repeat: no-repeat;
position: relative;
background-size: cover;
}
.post-template-default .entry-header:before {
background-color: rgba(0, 0, 0, 0.22);
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
}
.post-template-default .entry-header h1 {
display: block;
width: calc(100% - 58px);
padding-top: 2px;
padding-bottom: 2px;
max-width: 744px;
margin-top: 8px;
margin-bottom: 8px;
font-size: 38px;
color: white;
font-weight: 700;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.post-template-default .entry-header .posted-on {
padding-top: 2px;
display: block;
width: calc(100% - 58px);
position: relative;
color: white;
height: auto;
max-width: 744px;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
font-size: 16px;
text-align: center;
}
.post-template-default .entry-header .header-content {
padding-top: 180px;
padding-bottom: 180px;
padding-left: 50px;
padding-right: 50px;
position: relative;
}
.single .entry-content a {
color: rgb(59, 24, 18);
}
.page-template-default .entry-header {
padding-top: 12px;
padding-left: 40px;
padding-bottom: 16px;
padding-right: 40px;
width: auto;
position: relative;
height: auto;
max-width: none;
background-color: rgb(59, 24, 18);
}
.page-template-default .entry-header h1 {
max-width: 1200px;
position: relative;
width: 100%;
line-height: 1.2;
font-size: 42px;
font-weight: 700;
color: white;
margin: auto;
padding-left: 40px;
}
.page-template-default article {
padding-top: 20px;
padding-left: 40px;
padding-bottom: 25px;
padding-right: 40px;
max-width: 1200px;
margin: auto;
}
.page-template-default article p {
max-width: 65ch;
}
.page-template-default article a {
color: rgb(59, 24, 18);
}
.page-template-default .gform-footer {
max-width: 100%;
padding: 0;
background-color: rgb(246, 246, 187);
border-radius: 50px;
border: solid rgb(59, 24, 18) 1px;
text-align: center;
min-width: 200px;
width: 246px;
margin: 20px 15px;
position: relative;
cursor: pointer;
line-height: 22px;
transition: background-color 0.2s ease, border-color 0.2s ease;
}
.page-template-default .gform-footer:hover {
background: rgb(255, 255, 165);
}
.page-template-default .gform_button.button {
color: rgb(59, 24, 18) !important;
font-size: 16px !important;
font-weight: 700 !important;
text-decoration: none;
width: 98% !important;
margin: auto !important;
padding: 10px !important;
background-color: transparent !important;
border-radius: 5px !important;
border: none !important;
outline: 0 !important;
cursor: pointer !important;
}
.about-page svg {
height: 38px;
max-width: 30px;
min-width: 25px;
}
.learn-more {
padding-top: 50px !important;
padding-left: 40px !important;
padding-bottom: 50px !important;
padding-right: 40px !important;
width: auto !important;
background-color: rgb(93, 54, 47) !important;
}
.learn-more-interior {
display: flex;
flex-direction: column;
max-width: 960px;
position: relative;
margin: 0 auto;
width: 100%;
}
.learn-more-interior h3 {
color: white;
}
.learn-more-content {
width: 100%;
margin-top: 86px;
margin-bottom: 8px;
min-width: 25px;
width: 100%;
text-align: center;
}
.learn-more-content a.button {
margin-left: auto;
margin-right: auto;
}
.learn-more-image {
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
border-radius: 10px;
width: 100%;
}
.learn-more-image .spacer {
width: 100%;
max-width: 534.938px;
min-width: 25px;
display: block;
height: 280px;
}
@media screen and (min-width: 1028px) {
.learn-more-interior {
flex-direction: row;
}
.learn-more-content {
text-align: left;
}
.learn-more-content a.button {
margin-left: 0;
margin-right: 0;
}
}
.site-footer {
background-color: rgb(64, 30, 29);
padding-top: 40px;
padding-left: 40px;
padding-bottom: 40px;
padding-right: 40px;
}
.site-footer .divider {
border: none;
width: 25px;
margin: 10px 0;
display: block;
border-top: solid;
color: rgba(255, 255, 255, 0.3);
border-top-width: 4px;
}
.site-footer a {
color: white;
}
.site-footer a:hover {
color: rgb(246, 246, 187);
}
.site-footer .footer-interior {
display: flex;
flex-direction: column;
max-width: 960px;
margin: 0 auto;
position: relative;
width: 100%;
color: white;
}
.site-footer .footer-interior > div {
width: 50%;
position: relative;
}
.site-footer .footer-interior .business-hours {
max-width: 400px;
min-width: 25px;
width: 100%;
}
.site-footer .footer-interior .business-hours dl > div {
display: flex;
flex-direction: row;
justify-content: space-between;
}
@media screen and (min-width: 1025px) {
.site-footer .footer-interior {
flex-direction: row;
}
}
h1 {
display: flex;
flex-direction: column;
}
h1 span + span {
font-size: 18px;
font-weight: normal;
}  .service-content-area {
max-width: 1200px;
display: flex;
gap: 30px;
margin: 40px auto; justify-content: center; align-items: flex-start; }
.service-primary-content {
flex: 2;
}
.service-sidebar {
flex: 1;
display: flex;
flex-direction: column;
gap: 20px;
} .service-box {
background-color: transparent; padding: 20px;
border-radius: 8px;
border: 2px solid rgb(59, 24, 18); box-sizing: border-box;
} .service-review-box {
background-image: linear-gradient(180deg, rgb(93, 54, 47) 0, rgb(59, 24, 18) 100%) !important;
} .service-callout-box {  background-image: linear-gradient(180deg, rgb(93, 54, 47) 0, rgb(59, 24, 18) 100%) !important;
color: #fff;
text-align: center;
margin: 0 auto;
text-align: center;
}
.service-callout-box .callout-icon {
margin-bottom: 15px;
}
.service-callout-box .callout-icon svg,
.service-callout-box .callout-icon img {
width: 100px;
height: 100px;
filter: brightness(0) invert(1); display: block;
margin: 0 auto; }
.service-callout-box .callout-title { font-size: 30px;
font-weight: 700;
font-family: "Noto Serif", "Noto Serif Fallback", serif;
font-style: normal; }
.service-callout-box .callout-subhead {
font-size: 1rem;
margin-bottom: 15px;
}
.service-box .service-callout-box a.button span.text {
margin: 0 auto;
}
.service-callout-box .callout-button {
display: inline-block;
background-color: #fff;
color: #d7a76c;
padding: 8px 15px;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
}
.service-callout-box .callout-button:hover {
background-color: #f5f5f5;
} .service-list-box ul {
list-style: none;
padding: 0;
margin: 0;
}
.service-list-box li {
margin-bottom: 10px;
}
.service-list-box li a {
text-decoration: none;
color: #333;
transition: color 0.2s;
}
.service-list-box li a:hover {
color: #000;
}
.service-list-box li.current-service a {
text-decoration: underline;
font-weight: bold;
}
.serviceDivider {
width: 20%; margin: 10px 0 10px 0;
} @media screen and (max-width: 768px) {
.service-content-area {
flex-direction: column;
}
.service-primary-content,
.service-sidebar {
flex: 1;
}
} .blog-content-area {
max-width: 1200px;
margin: 0 auto;
padding: 2rem;
} .blog-grid {
display: flex;
flex-wrap: wrap; gap: 20px; justify-content: flex-start;
} .blog-post-item {
flex: 0 0 calc(33.333% - 13.33px); box-sizing: border-box;
background: #fff;
border: 1px solid #e0e0e0;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
border-radius: 8px;
overflow: hidden;
display: flex;
flex-direction: column;
} .blog-post-thumbnail img {
width: 100%;
height: auto;
display: block;
} .blog-post-content {
padding: 1rem 1.2rem;
flex: 1;
display: flex;
flex-direction: column;
} .blog-post-title {
font-size: 1.2rem;
margin: 0 0 0.8rem;
color: #331a0d;
}
.blog-post-title a {
text-decoration: none;
color: inherit;
} .blog-post-excerpt {
flex: 1;
font-size: 0.95rem;
color: #555;
margin-bottom: 1rem;
} .blog-read-more {
font-weight: bold;
color: #331a0d;
text-decoration: none;
align-self: flex-start;
}
.blog-read-more:hover {
text-decoration: underline;
} .blog-pagination {
margin-top: 2rem;
text-align: center;
}
.blog-pagination a {
padding: 0.5rem 0.8rem;
margin: 0 0.2rem;
border: 1px solid #ccc;
border-radius: 4px;
text-decoration: none;
color: #331a0d;
}
.blog-pagination a:hover {
background: #331a0d;
color: #fff;
border-color: #331a0d;
}
.blog-pagination .current {
background: #331a0d;
color: #fff;
border-color: #331a0d;
} @media (max-width: 992px) {
.blog-post-item {
flex: 0 0 calc(50% - 10px); }
}
@media (max-width: 600px) {
.blog-post-item {
flex: 0 0 100%; }
} .blog-search-box {
width: 100%; margin-bottom: 2rem; }
.blog-search-box form {
display: flex;
width: 100%;
}
.blog-search-box input[type=search] {
flex: 1; padding: 0.6rem 1rem;
font-size: 1rem;
border: 1px solid #ccc;
border-radius: 6px 0 0 6px;
outline: none;
}
.blog-search-box button[type=submit] {
padding: 0.6rem 1rem;
font-size: 1rem;
border: 1px solid #ccc;
border-left: none;
border-radius: 0 6px 6px 0;
background: #331a0d;
color: #fff;
cursor: pointer;
transition: background 0.3s;
}
.blog-search-box button[type=submit]:hover {
background: #4d2a13;
} .entry-content {
line-height: 1.8; margin-bottom: 1.5em; }
.entry-content p {
margin-bottom: 1em; } .post-nav-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 5rem;
margin-top: 5rem;
}
.nav-older, .nav-newer {
flex: 0 0 auto;
} .social-row {
display: flex;
justify-content: center;
margin-bottom: 5rem;
}
.custom-social-share {
display: flex;
gap: 10px;
}
.custom-social-share .social-icon {
display: flex;
align-items: center;
justify-content: center;
width: 45px;
height: 45px;
border-radius: 50%;
color: #fff;
font-size: 20px;
text-decoration: none;
transition: transform 0.2s;
}
.custom-social-share .social-icon:hover {
transform: scale(1.1);
} .custom-social-share .facebook {
background: #1877F2;
}
.custom-social-share .twitter {
background: #1DA1F2;
}
.custom-social-share .linkedin {
background: #0A66C2;
}
.custom-social-share .whatsapp {
background: #25D366;
}
.custom-social-share .email {
background: #666666;
}