/* My Colors and Fonts
font-family: 'Noto Serif', serif;
font-family: 'Roboto', sans-serif;

light blue #c4cdea
light tan #ffdfbf
tan #EDB27B
slightly darker tan #cc9057
green #036637
light pink #ffefef
dark pink #d69498

dark blue #8c9ed9
darker dark blue #7390ec
dark tan #efa25c
darker tan #e4730d
light green #299160
light pink dark #ecc3c3
darker dark pink #b87e81

/* Color Theme Swatches in Hex 
.My-Color-Theme-1-hex { color: #C4CDE9; }
.My-Color-Theme-2-hex { color: #EDB27B; }
.My-Color-Theme-3-hex { color: #026636; }
.My-Color-Theme-4-hex { color: #FFEFEE; }
.My-Color-Theme-5-hex { color: #D69398; }

/* Color Theme Swatches in RGBA 
.My-Color-Theme-1-rgba { color: rgba(196, 205, 233, 1); }
.My-Color-Theme-2-rgba { color: rgba(237, 178, 123, 1); }
.My-Color-Theme-3-rgba { color: rgba(2, 102, 54, 1); }
.My-Color-Theme-4-rgba { color: rgba(255, 239, 238, 1); }
.My-Color-Theme-5-rgba { color: rgba(214, 147, 152, 1); }

Color Theme Swatches in HSLA 
.My-Color-Theme-1-hsla { color: hsla(225, 45, 84, 1); }
.My-Color-Theme-2-hsla { color: hsla(28, 76, 70, 1); }
.My-Color-Theme-3-hsla { color: hsla(151, 96, 20, 1); }
.My-Color-Theme-4-hsla { color: hsla(3, 100, 96, 1); }
.My-Color-Theme-5-hsla { color: hsla(355, 44, 70, 1); }
*/

body {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 0.90rem;
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: #ffdfbf;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
header.masthead {
    padding-top: 10.5rem;
    padding-bottom: 6rem;
    text-align: center;
    color: #fff;
    background-image: url(../image/frontimagedark2.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
}
section.image-section {
    padding-top: 10.5rem;
    padding-bottom: 6rem;
    text-align: center;
    color: #fff;
    background-image: url(../image/drape.jpeg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
}
#mainNav {
	padding-top: 1rem;
	padding-bottom: 1rem;
	background-color: #b87e81;
}
@media (min-width: 992px) {
	#mainNav {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
		border: none;
		background-color: #b87e81;
		transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
	}
	#mainNav.navbar-shrink {
	padding-top: 1rem;
	padding-bottom: 1rem;
	background-color: #b87e81;
	}
	#mainNav .navbar-brand img {
	height: 5rem;
	transition: height 0.3s ease-in-out;
	}
	#mainNav.navbar-shrink .navbar-brand svg, #mainNav.navbar-shrink .navbar-brand img {
	height: 2.5rem;
	}
} 
#mainNav .navbar-nav .nav-item .nav-link {
    font-family: 'Roboto', sans-serif;
    font-size: 1.25rem;
    color: #ecc3c3;
    letter-spacing: 0.0625em;
}
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
    color: #EDB27B;
}
header.masthead .masthead-heading, section.image-section .masthead-heading {
    font-size: 3.25rem;
    font-weight: 700;
    line-height: 3.25rem;
    margin-bottom: 2rem;
    font-family: 'Noto Serif', serif;
}

header.masthead .masthead-subheading, section.image-section .masthead-subheading {
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 100;
    line-height: 1.5rem;
    margin-bottom: 25px;
    font-family: 'Roboto', sans-serif;

}
.btn-primary, .btn-dark {
    color: #b87e81;
    background-color: #ecc3c3;
    border-color: #ecc3c3;
} 

.btn-primary:hover, .btn-dark:hover {
    color: #ecc3c3;
    background-color: #b87e81;
    border-color: #b87e81;
}
.text-primary {
    --bs-text-opacity: 1;
    color: #b87e81 !important;
}

.fa-inverse {
    color: #ffefef;
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: #EDB27B !important;
}
.price{font-style:italic; font-weight: bold;}
.caption{font-size: 125%; max-width: 300px; margin: auto}
strong {text-transform: uppercase}

.portfolio-modal .modal-content ul.list-inline {
    margin-bottom: 3rem;
}
/*
.btn-dark {
	color: #fff;
	background-color: #ecc3c3;
	border-color: #ecc3c3;
}
.btn-dark:hover {
    color: #ecc3c3;
    background-color: #b87e81;
    border-color: #b87e81;
}
*/
.btn-xl {
    padding: 1rem 1.25rem;
	font-family: 'Roboto', sans-serif; 
    font-size: 1.25rem;
    font-weight: 700;
}
     h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-family: 'Noto Serif', serif;
    font-weight: 700;
    line-height: 1.2;
    color: #e4730d;
}
.timeline .timeline-heading h4, .timeline .timeline-heading .h4 {
    margin-top: 0;
    color: #e4730d;
}  
    .page-section h3.section-subheading, .page-section .section-subheading.h3 {
    font-size: 1rem;
    font-weight: 100;
    font-style: normal;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 4rem;
}
p {
	line-height: 1.25rem;
}
.text-muted {
    --bs-text-opacity: 1;
    color: #e4730d !important;
}
#portfolio .portfolio-item .portfolio-caption .portfolio-caption-heading {
    font-size: 1.5rem;
    font-family: 'Noto Serif', serif;
    font-weight: 700;
    margin-bottom: 0;
    color: #e4730d;
}

#portfolio .portfolio-item .portfolio-caption .portfolio-caption-subheading {
    font-style: normal;
    font-weight: 100;
    font-family: 'Roboto', sans-serif;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(184, 126, 129, 0.7);
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity ease-in-out 0.25s;
}

.portfolio-modal .modal-content p.item-intro {
    font-style: normal;
    font-weight: 100;
    margin-bottom: 2rem;
    font-family: 'Roboto', sans-serif;
}
b, strong {
	font-weight: 900;
	letter-spacing: .025rem;
	color: #e4730d;
}
.timeline > li .timeline-image {
    position: absolute;
    z-index: 100;
    /*
    left: 0;
    width: 80px;
    height: 80px;
    margin-left: 0;
    */
    text-align: center;
    color: white;
    border: 7px solid #e9ecef;
    border-radius: 100%;
    background-color: #ffefef;
}

}
.footer {
    text-align: center;
    font-size: 1.25rem;
    font-family: 'Roboto', sans-serif;
}
li {list-style-type:none}