.elementor-kit-8{--e-global-color-primary:#520C0F;--e-global-color-secondary:#BE5732;--e-global-color-text:#520C0F;--e-global-color-accent:#BE5732;--e-global-color-5e5e3eb:#F2F1EC;--e-global-color-74b09d0:#FFFFFF;--e-global-typography-f59f495-font-family:"DM Sans";--e-global-typography-f59f495-font-size:1.8rem;--e-global-typography-f59f495-font-weight:200;--e-global-typography-f59f495-line-height:2.4rem;--e-global-typography-f59f495-letter-spacing:-0.05rem;--e-global-typography-4b9b5c4-font-family:"DM Sans";--e-global-typography-4b9b5c4-font-size:1rem;--e-global-typography-4b9b5c4-font-weight:400;--e-global-typography-4b9b5c4-line-height:1.4rem;--e-global-typography-80abef4-font-family:"DM Sans";--e-global-typography-80abef4-font-size:1.3rem;--e-global-typography-80abef4-font-weight:500;--e-global-typography-80abef4-font-style:normal;--e-global-typography-80abef4-line-height:1.5rem;--e-global-typography-80abef4-letter-spacing:-0.02rem;--e-global-typography-d8e239c-font-family:"DM Sans";--e-global-typography-d8e239c-font-size:2.7rem;--e-global-typography-d8e239c-font-weight:500;--e-global-typography-d8e239c-line-height:2.88rem;--e-global-typography-d8e239c-letter-spacing:-0.06rem;--e-global-typography-2aed13a-font-family:"DM Sans";--e-global-typography-2aed13a-font-size:2rem;--e-global-typography-2aed13a-font-weight:500;--e-global-typography-2aed13a-line-height:2.2rem;--e-global-typography-2aed13a-letter-spacing:-0.05rem;--e-global-typography-74c2692-font-family:"DM Sans";--e-global-typography-74c2692-font-size:1.35rem;--e-global-typography-74c2692-font-weight:600;--e-global-typography-74c2692-line-height:1.5rem;--e-global-typography-74c2692-letter-spacing:-0.04rem;--e-global-typography-817a154-font-family:"DM Sans";--e-global-typography-817a154-font-size:1.3rem;--e-global-typography-817a154-font-weight:500;--e-global-typography-817a154-line-height:1.6rem;--e-global-typography-817a154-letter-spacing:-0.03rem;background-color:var( --e-global-color-5e5e3eb );color:var( --e-global-color-text );font-size:1.5rem;font-weight:200;line-height:1.8rem;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{background-color:#520C0F00;color:var( --e-global-color-primary );}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{color:var( --e-global-color-accent );}.elementor-kit-8 a:hover{color:var( --e-global-color-text );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* shrinking header section */
.shrinker {
        height: 120px;
        width: 100%!important;
        background: #F2F1EC;
	transition: all .2s linear!important;
	-webkit-transition: all .1s linear!important;
	-moz-transition: all .1s linear!important;
}

.shrinker.elementor-sticky--effects {
        height: 90px!important;
        width: 100%!important;
	padding-top: 2px!important;
	padding-bottom: 2px!important;
	box-shadow: 0px 6px 30px -4px rgba(0,0,0,.06);
	transition: all .1s linear!important;
	-webkit-transition: all .1s linear!important;
	-moz-transition: all .1s linear!important;
}

/* shrinking logo image */
.shrinking-logo img {
	width: 360px!important;
	transition: all .1s linear!important;
	-webkit-transition: all .1s linear!important;
	-moz-transition: all .1s linear!important;
}
.shrinker.elementor-sticky--effects img {
	width: 320px!important;
	transition: all .1s linear!important;
	-webkit-transition: all .1s linear!important;
	-moz-transition: all .1s linear!important;
}

/* Tablet and Mobile Menu Shrinking */
@media screen and (max-width: 767px) {

/* shrinking background */
.shrinker.elementor-sticky--effects {
	background: #F2F1EC;
	padding-top: 2px!important;
	padding-bottom: 2px!important;
	box-shadow: 0px 6px 30px -4px rgba(0,0,0,.06);
}
	
	/* shrinking image */
.shrinking-logo img {
	width: 220px!important;
}
.shrinker.elementor-sticky--effects img {
	width: 210px!important;
}
}
/* End Of Shrinking Sticky Menu */

/* Hamburger menu animation*/
.two-line-hamburger {
  width: 42px;
  height: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  z-index: 9999;
}
.line {
  display: block;
  height: 4px;
  width: 100%;
  background-color: #BE5732;
  transition: transform 0.4s ease-in-out, background-color 0.4s ease-in-out;
}
.two-line-hamburger.active .line-1 {
  transform: translateY(5.5px) rotate(45deg);
  background-color: #F2F1EC;
}
.two-line-hamburger.active .line-2 {
  transform: translateY(-5.5px) rotate(-45deg);
  background-color: #F2F1EC;
}

/* Unsorted List Bottom Padding */
ul {
    padding-bottom: 20px;
}

/* Spacer Heights (to be setup)
.spacer-x-sm
.spacer-sm
.spacer-med
.spacer-lrg

*/    

/* Moving Line Text Link */
.hover-area {
  padding: 0px;
}
.elementor-button-icon svg {
    width: 3.3rem;
    height: auto;
}
.elementor-button-icon {
  border: none;
  transition: transform 0.4s ease-in-out;
}
.hover-area:hover .elementor-button-icon {
  transform: rotate(135deg);
  fill: #BE5732;
}
.hover-area-light:hover .elementor-button-icon {
  transform: rotate(135deg);
  fill: #520C0F;
}
.hover-area:hover .elementor-button-text{
  color: #BE5732;
}
.hover-area-light:hover .elementor-button-text{
  color: #520C0F;
}
.elementor-button-text {
    text-align: left;
    padding-left: 1rem;
}

/* Portfolio Hover */
#portfolio-title {
  color: #F2F1EC00!important;
  transition: transform 2s ease-in-out;
}
.portfolio-hover-area:hover #portfolio-title {
  color: #F2F1EC!important;
}

/* Design Journel Call to Action Button */
.design-cta-button{
    --size: 5px;
    --color: #F2F1EC;
}
.design-cta-button a{
    position: relative;
}
.design-cta-button a:before{
    content: '';
    position: absolute;
    top: var(--size);
    left: -10px;
    width: calc(100% + 20px);
    height: calc(100% - var(--size) * 2);
    background: var(--color);
    transition: 0.2s ease-in-out;
    transform: scaleY(1);
}
.design-cta-button a:hover:before{
    transform: scaleY(0);
}
.design-cta-button a:after{
    content: '';
    position: absolute;
    left: var(--size);
    top: -10px;
    height: calc(100% + 20px);
    width: calc(100% - var(--size) * 2);
    background: var(--color);
    transition: 0.2s ease-in-out;
    transform: scaleX(1);
}
.design-cta-button a:hover:after{
    transform: scaleX(0);
}
.design-cta-button span{
    position: relative;
    z-index: 3;
}

/* Icon List (li) */
.elementor-icon-list-item svg{
    width: 3.3rem !important;
    height: auto;
}

/* Accordion Icon and Hover Area */
#accord-hover-area {
  padding: 0px;
}
.e-n-accordion-item-title-icon svg {
    width: 3.3rem;
    height: auto;
}
.e-n-accordion-item-title-icon {
  padding: 0px;
  border: none;
  transition: transform 0.4s ease-in-out;
}
#accord-hover-area:hover .e-n-accordion-item-title-icon {
  transform: rotate(135deg);
}

/* Yoast Breadcrubs – Adds space to the left and right of the separator span */
#breadcrumbs span {
    padding-left: .5rem; 
    padding-right: .5rem;
}


/* Design Journal Loop Item Bullets */
.swiper-pagination-bullet {
    border-style: solid;
    border-width: 1.5px;
    border-color: #520C0F;
}

/* Image size based on ratio (golden ratio: 1.618 / 1) */
#main-image {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
}
#ratio-portfolio {
aspect-ratio: 1 / 1;
object-fit: cover;
width: 100%;
}
.ratio-1-1 img {
aspect-ratio: 1 / 1;
object-fit: cover;
width: 100%;
}
.ratio-4-3 img {
aspect-ratio: 4 / 3;
object-fit: cover;
width: 100%;
}
.ratio-3-4 img {
aspect-ratio: 3 / 4;
object-fit: cover;
width: 100%;
}

/* Target Categories and Recent Posts Widgets */

/* Height between title and list */
.elementor-widget-wp-widget-categories h5, 
.elementor-widget-wp-widget-recent-posts h5 {
    margin-bottom: 30px !important;
}

/* Unsorted list styling */
.elementor-widget-wp-widget-categories ul, 
.elementor-widget-wp-widget-recent-posts ul {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    padding-left: 20px !important;
    list-style-type: disc;
    color: #520C0F;
}

/* List items text spacing and color */
.elementor-widget-wp-widget-categories ul li, 
.elementor-widget-wp-widget-recent-posts ul li {
    line-height: 1.4 !important;
    margin-bottom: 1.5rem !important;
    font-size: 1rem;
    color: #520C0F !important;
}

/* List items link styling and hover */
.elementor-widget-wp-widget-categories ul li a, 
.elementor-widget-wp-widget-recent-posts ul li a {
    color: #520C0F;
    text-decoration: none;
    transition: color 0.3s ease;
}

.elementor-widget-wp-widget-categories ul li a:hover, 
.elementor-widget-wp-widget-recent-posts ul li a:hover {
    color: #BE5732;
}

/* Bullet styling (Size and Color) */
.elementor-widget-wp-widget-categories ul li::marker, 
.elementor-widget-wp-widget-recent-posts ul li::marker {
    font-size: 1rem;
    color: #BE5732 !important; /* No hover change */
}/* End custom CSS */