.sidebar-link-wrapper {
    width: 100%;
    display: block;
    background: #f4f4f4;
    box-sizing: border-box;
    padding: 1rem 2rem; 
	margin-right: 2rem;
  }  

.link-title {
    border-bottom: solid 1px #4c4c4c;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0.5rem 0;
    margin-bottom: 0.5rem;
}

.sidebar-link {
    display: block;
    color: #666;
    height: 2rem;
    font-weight: 400;
    text-decoration: none;
    white-space: nowrap;
}

.sidebar-link .icon-arrow-right {
    display: none
}

.sidebar-link.active .icon-arrow-right {
    display: inline-block
}

.sidebar-link.active, .sidebar-link:hover {
    font-weight: 600
}

.gap-lg {
    height: 2rem;
}

.icon-arrow-right:after {
    content: ' ';
    display: inline-block;
    position: relative;
    top: 0;
    right: 0;
    width: 0.7rem;
    height: 0.7rem;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    transform: rotate(45deg)
}

.order-panel {
    .flex-container {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        justify-content: center;
    }
    
    .panel {
        flex: 1 1 0;
        min-width: 15rem;
        box-sizing: border-box;
    }
    
    @media (max-width: 768px) {
        .panel {
            flex: 1 1 calc(50% - 1rem);
        }
    }
    
    @media (max-width: 480px) {
        .panel {
            flex: 1 1 calc(100% - 1rem);
        }
    }
    
    .panel-title {
        margin: 0;
        padding: 0;
        background-color: #e0d9d1;
        font-size: 1.5rem;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 80px;
        text-transform: uppercase;
		color: #000;
    }

    .non-bold-title {
        font-size: 1.5rem;
        margin-bottom: 0.5rem;
    }

    .panel-primary {
        border: 1px solid #e0d9d1;
        background-color: #f5f5f5;
        color: #252525;
    }

    .panel-body {
		padding: 2rem;
		text-align: center;
    }

	h3 {
		color: #252525;
		margin-top: 1rem;
	}

	.bold {
		font-weight: 600;
		margin-bottom: 0.5rem;
	}
}


.legal-documents 
{
	
    .title-1 {
      font-family: "Playfair Display", serif;
      font-weight: 700;
      font-size: 1rem !important;
    }
  
    .title-2 {
      font-family: "Playfair Display", serif;
      font-weight: 700;
      font-size: 2rem !important;
      margin-bottom: 2rem;
    }
  
    h4 {
        font-size: 1rem !important;
        text-transform: uppercase !important;
        display: block !important;
        font-weight: 600;
        margin: 1rem 0;
    }

	h3 {
	    display: block;
	    font-family: 'Open Sans', sans-serif;
	    font-size: 1.5rem;
	    font-weight: 400;
	    text-transform: uppercase;
	    border-bottom: solid 1px #888;
	    padding-bottom: 1rem;
	    margin-bottom: 3rem;
	    margin-top: 4.5rem;
		color: #252525
	}

    p {
        margin: 0.5rem 0;
		font-weight: 500;

        & a {
            text-decoration: none;
            color: #006bb4;
        }
    }
}

.image-and-text-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    .image-and-text-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
        padding: 1rem;
        width: 16rem;

        img {
            width: 100%;
        }

        .text-block {
            text-align: center;

            .name {
                font-family: "Work Sans", sans-serif;
                font-size: 0.875rem;
                font-weight: 700;
                text-transform: uppercase;
                color: #4c4c4c;
                letter-spacing: .9px;
            }

            .title {
                text-transform: uppercase;
            }

            .email, .phone {
                i {
                    margin-right: 0.5rem;
                }
            }

            .additional-info {
                font-size: 0.8rem;
                margin-top: 0.5rem;
            }
        }
    }
}

.behind-the-craft {
    .image-and-text-item {
        padding: 2rem;
        width: 22.5rem;
    }
}

.pn-about {
    h1 {
        font-family: "Playfair Display", sans-serif;
        font-size: 2rem;
        font-weight: 700;
        color: #4c4c4c;
        text-align: center;
        letter-spacing: 0.1rem;
    }

    .hero-with-text-container {

        .text-overlay h1 {
            font-size: 4rem;
            max-width: 41rem;
            padding-bottom: 2.5rem;
            margin: auto;
        }
    }

   
}

.how-to-order {
    text-align: center;

    .page-title {
      padding: 1.5rem;
      text-transform: uppercase;
      color: #252525;
    }
    
    .section-title {
      padding: 1.5rem;
      font-size: 2rem;
      color: #252525;
    }

    .partner-title {
      padding: 1.5rem;  
      font-size: 2rem;
      color: #252525;
    }

    .actions {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 2rem;
    }

    .action-black {
        background-color: black;
        color: white;
        text-transform: uppercase;
        padding: 1rem;
        text-decoration: none;
        border-radius: 0.25rem;
        font-weight: bold;
        text-align: center;
        cursor: pointer;
    
        &:hover {
            background-color: #333;
        }
    }
}

.home {
    .title-way-order {
        font-family: "Playfair Display",serif;
        font-size: 2rem;
        line-height: 1.5;
        letter-spacing: .05em;
        font-weight: 600;
        color: #252525;
        text-align: center;
        text-decoration: none;
        padding-top: 2rem;
    }

    .title {
        font-size: 1.5rem;
        line-height: 1.175;
    }

    .subtitle {
        font-size: 0.875rem;
        line-height: 1.2;
    }
}

.pn-faq {
    .group-head {
        &,
        & a {
            font-family: 'Open Sans', sans-serif;
            font-size: 1.75rem;
            text-decoration: underline;
            text-transform: capitalize;
            color: #000;
        }
    }

    .faq-title {
        font-family: "Playfair Display", serif;
        font-size: 1.75rem;
        color: #252525;
        padding-bottom: 2rem;
    }

    .faq.body a {
        text-decoration: none;
        color: #006bb4;
        font-weight: 500;
    }

    .question-head {
        font-size: 1rem;
        font-weight: 600;
        padding-top: 1.6em;
        padding-bottom: 1em;
        text-indent: 0.5rem;
        margin: 0;
        cursor: pointer;
    }

    .group-body {
        padding-bottom: 2rem;
    }
}

.pn-caring {
    h1 {
        font-size: 1.875rem;
        font-family: "Playfair Display", sans-serif;
        text-transform: capitalize;
		color: #252525;
		
    }

    p {
        font-family: "Work Sans", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.75;
        letter-spacing: 0;
        color: #252525;
        padding-top: 1rem;
    }

    .berpadding {
        padding-left: 3rem;
        &,
        & p {
            padding-top: 1rem;
        }
    }
}

.breadcrumb-trail ol {
    border-bottom: 0;
    padding-bottom: 0;
}

.quote {
	padding-top: 168px;
    padding-bottom: 140px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.quote h2 {
	font-weight: 300;
	line-height: 1.1;
}

.quote .text {
	font-family: "Playfair Display", sans-serif;
	font-size: 27px;
	color: #1b1b1b;
	margin: 0;
	margin-bottom: 1em;
}

.half-side-walking-path {
	max-width: 100%;
    margin: 0 auto;
    padding: 160px 0;
	
	.paragraph {
		padding-right: 70px;
		flex-basis: 0;
        flex-grow: 1;
        flex-shrink: 1;
		margin: 0;
        padding: 0;
        padding-bottom: 1em;
        font-size: 16px;
        line-height: 1.38;
        letter-spacing: .87px;
        max-width: 380px;
        margin-left: auto;
        margin-right: 20px;
	}
}

.half-side-image {
    border-left: solid 1px #c7c7c7;
    padding-left: 69px;
    font-size: 0
}

@media (min-width: 768px) {
	.half-side-image {
		border-left: solid 1px #c7c7c7;
		padding-left: 69px;
		font-size: 0;
	}
}
@media screen and (min-width: 768px) and (max-width:1120px) {
    .pn-stevenshell .half-side-image {
        border-left:0;
        padding-left: 0
    }
}

@media screen and (max-width: 768px) {
    .pn-stevenshell .half-side-image {
        order:0;
        padding: 0 8vw
    }
}

@media screen and (max-width: 768px) {
    .half-side-walking-path .paragraph {
        order:1;
        padding: 0 8vw
    }
}

.walking {
	text-align: right;
	border-bottom: solid 2px #ba8e00;
	font-size: 0;
	margin-top: 94px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	position: relative;
	left: -100px;
	
	img#man-bend {
        width: auto;
        height: 62px;
        display: inline;
    }
	
	img#man-straightedge {
		width: auto;
		height: 62px;
		display: inline;
    }
	
	.fromcenter {
		margin-left: 20px;
        margin-right: auto;
        text-align: left;
        left: auto;
        right: -100px;
	}
	
}
	
.pn-stevenshell {
	.padding-standard {
		padding: 5em 0em;
	}
	
	.single-after-hat {
    	padding-top: 100px;
    	padding-bottom: 26px;
		text-align: center;
		max-width: 740px;
		margin: 0 auto;
		
		p {
		    text-align: left;
			line-height: 1.38;
			letter-spacing: .87px;
			margin-bottom: 1em;	
		}
	}
}

.showroom-description {
	padding: 1.2rem;
}
	
@media screen and (min-width: 800px) { 
    .showroom-description {
        width: 50%;
        padding: 2.5rem 0;
        margin: 0 auto;
    }
}

.showrooms-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3rem;

    .showroom-item-no-href {
        display: flex;
        flex-direction: row;
        justify-content: center;
        background-color: #f6f6f6;
        padding: 2rem;
        gap: 2rem;
        
        @media (max-width: 900px) {
            flex-direction: column;
        }

        .no-button-image {
            width: 50%;

            @media (max-width: 900px) {
                width: 100%;
            }
        }

        .showroom-text {
            text-align: left;
            align-self: center;
        }

        .logo {
            height: 2rem;
            margin-bottom: 1rem;
			transform: initial;
			position: initial;
        }

        .name {
            font-size: 1rem;
            padding: 0;
        }
    }
  
    .showroom-item-has-href {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 46%;
        margin: 1rem 0;

		@media (max-width: 800px) {
        	max-width: 100%;
    	}
    
    }

    .button-image {
		display: flex;
		flex-direction: column-reverse;
		gap: 1rem;
        width: 100%;
        transition: transform 0.3s ease;
		text-align: center;
        margin-bottom: 1rem;
        
        &:hover {
        transform: scale(1.05);
        }
    }
    
    .logo {
        height: 5rem;
        margin: 0 auto;
		position: initial;
		transform: initial;
    }
    
    .main-image {
        width: 100%;
        height: auto;
    }
    
    .showroom-text {
        text-align: center;
    }
    
    .name {
        padding: 1rem 0;
        font-size: 1.5rem;
        font-weight: bold;
        text-transform: uppercase;
    }
    
    .where, .when {
        font-size: 1rem;
        margin: 0;
    }
    
    .showroom-buttons {
        display: flex;
        justify-content: center;
        gap: 1rem;
        padding-top: 2rem;
    
        a {
			background-color: lightgray;
			padding: 1rem 1.5rem;
			color: black;
			text-decoration: none;
			border-radius: 0.25rem;
			transition: background-color 0.3s ease;

			&:hover {
				background-color: darkgray;
			}
		}
	}
}
.pn-atlanta, .pn-highpoint {
    text-align: center;
	footer {
		text-align: left;
	}

    h1 {
        font-size: 4rem;
        font-weight: 700;
        margin: 3rem auto;
    }

    h4 {
        font-size: 1.2rem;
        font-weight: 700;
        color: black;
        text-transform: uppercase;
        margin-top: 2rem;
    }

    h5 {
        color: black;
        margin: 1rem auto;
    }

    p {
       max-width: 40rem;
       margin: 2rem auto; 
    }
}

.hero-with-text-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    
    .hero-image {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }
  
    .text-overlay {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      color: white;
      padding: 1rem;
      width: 100%;
      text-align: center;
      font-family: "Playfair Display", serif;
      font-weight: 600;
  
      &.left {
        text-align: left;
        left: 1rem;
      }
  
      &.center {
        text-align: center;
        left: 50%;
        transform: translate(-50%, -50%);
      }
  
      &.right {
        text-align: right;
        right: 1rem;
      }
    }
  }

.contact-us-card {
	text-align: center;
	display: inline-block;
    padding: 2em;
	vertical-align: top;
	background: #fff;
	padding-top: 2.8em;
	box-shadow: 0px 1px 6px 0px #606060;
	margin: 0 1.9em;
	color: #4c4c4c;
	.card-title {
		font-size: 1.25rem;
		font-weight: 700;
		padding-top: 2rem;
		padding-bottom: 0.6em;

	}
    .card-text {
		margin: 0;
		font-size: 14px;
		color: #4c4c4c;
	}
}
  

.pn-contact {
    .card-wrapper {
        margin-top: -8.5em !important;
    }
	.card-wrapper .column div {
		height: 100%;
	}
	#contact-us-description-1 {
		font-family: 'Open Sans Semibold','Open Sans',sans-serif;
		font-size: 2.0rem;
		text-transform: uppercase;
		padding-top: 3rem;
	}
	
	#contact-us-description-2 {
		font-family: 'Open Sans',sans-serif;
		font-size: 1.4rem;
		text-transform: None;
		padding-bottom: 5rem;
		max-width: 64rem;
		margin: 0 auto;
	}
}
@media (max-width: 600px) {
	.pn-contact {
		#contact-us-description-1 {
			font-size: 1.5rem;
		}

		#contact-us-description-2 {
			font-size: 1rem;
		}
	}
}
.padding-top-view {
	padding-top: 1rem;
}

.image-slider-container {
    width: 90%;
	margin: auto;
    padding: 1rem 0;
    
    .image-slider-wrapper {
        display: flex;
        align-items: center;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        padding: 0rem 2.5rem;

        .image-slider {
            overflow: hidden;
            flex: 1;
            position: relative;

            &:before,
            &:after {
                content: "";
                position: absolute;
                top: 0;
                width: 50px;
                height: 100%;
                z-index: 1;
            }

            &:before {
                left: 0;
                background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
            }

            &:after {
                right: 0;
                background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
            }
        }

        .image-slider-track {
            display: flex;
            transition: transform 1s ease-in-out;
            will-change: transform;
        }

        .slider-item {
            flex: 0 0 auto;
            transition: transform 0.3s ease;
            position: relative;
            height: 20rem;
            padding: 0.25rem;
            z-index: 2;
        }

        .slider-image {
            height: 100%;
            width: auto;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
        }

        .slider-button {
            color: #2e2e2e;
            font-size: 2rem;
            border: none;
            cursor: pointer;
            position: absolute;
            z-index: 10;

            &.left {
                left: 0;
            }

            &.right {
                right: 0;
            }

            &:hover {
                color: darkgray
            }
        } 
    }

    .image-slider-label {
        font-size: 1.2rem;
        color: rgb(171, 167, 167);
        font-weight: 500;
        text-transform: uppercase;
        text-align: center;
    }
}

.current-category {
	display: flex;
	height: auto;
	min-height: 320px;
	overflow: hidden;
}

.info-wrapper {
	display: flex;
	height: 100%;
	flex-grow: 1;
    padding: 2rem 0;
	
	&.row-reverse {
		flex-direction: row-reverse;
	}

	@media (max-width: 1000px) {
		flex-direction: column !important;
	}

	img {
		display: block;
		width: 100%;
		max-height: fit-content;
		object-fit: contain;
	}
	
	.category-image {
		width: 100%;
		flex-grow: 1;
        z-index: 1;
	}

	.category-details {
		display: flex;
		width: 100%;
		flex-direction: column;
		height: 100%;
		flex-grow: 1;

        a.title-wrapper {
            text-decoration: none;

            &:hover {
                background-color: rgba(230, 225, 220, 0.7);
            }
        }

		.title-wrapper {
			background-color: rgba(246, 243, 241, 0.7);
			height: 6rem;
			padding: 0 2rem;
			box-sizing: border-box;
			display: flex;
			align-items: center;
			font-family: "Playfair Display", serif;
			z-index: 2;
			margin: 0 -5rem;

			.category-title {
				margin-left: 4rem;
				font-family: "Playfair Display", serif;
				font-size: 2rem;
				letter-spacing: 0.05em;
				font-weight: 600;
				line-height: 1;
			}
		}

		.category-description {
			display: flex;
			flex-direction: column;
			flex-grow: 1;
			justify-content: center;
			align-items: center;
			gap: 1rem;
			padding: 2rem;
			letter-spacing: 0.05em;
			font-size: 1rem;
            text-align: center;

			p {
				font-size: 1.5rem;
				letter-spacing: 0.05em;
				text-transform: uppercase;
				line-height: 1.75;
				padding-bottom: 1rem;
			}
		}
	}
}