@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Combo&family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

.text-purple {
    color:#56235E;
}
.bg-dusty-rose {
    background-color: #F4EAE9;
}
.dusty-rose {
    color: #F4EAE9;
}
.bg-seagreen {
    background-color: #BECBBE;
}
.seagreen {
    color: #BECBBE;
}
.bg-sage {
    background-color: #9dad99;
}
.sage{
    color: #9dad99;
}
.forrest-green {
    color: #092809;
}
body,td,th {
    font-family: "Montserrat Alternates", sans-serif;
    font-size: 1em;
    line-height: 1.1em;
    margin:0;
    border: 0;
    overflow: auto;
}
body {
    background-color: #F3EDE7;
    margin: 0 auto;
}
a:link, a:visited {
    color: #473154;
    text-decoration: none;
}
a:hover, a:active {
    color: #5B4F22;
    text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Combo, sans-serif;
}
section {
    clear: both;
    padding: 30px 5% ;
}
#main {
    width: 650px;
    margin: auto;
    padding: 0;
    border-radius: 10px;
    background-image: url("web-images/bg-4website.jpg");
    background-attachment: fixed;
}
header {
    text-align: center;
    margin: 0;
    padding: 0;
}
.banner {
    margin: 0;
    padding: 0;
    background-image: url("web-images/banner-B@P-Website.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 300px;
    border-radius: 10px 10px 0 0;

}
header h1, header h3 {
    padding: 0;
}
nav {
    text-align: center;
}
nav ul li {
    list-style-type: none;
    display: inline;
}
nav ul li a, nav ul li a:link {
    position: relative;
    line-height: 2em;
    font-weight: bold;
    font-size: 1.25em;
    height: 40px;
    margin: 5px 50px;
    padding: 5px;
}
nav a:hover {
}
iframe {
    width: 100%;
    height: 100%;
    min-height: 575px;
    align-content: center;
    vertical-align: middle;
    padding-left: 2%;
    overflow: hidden;
}
footer  {
    text-align: center;
    font-weight: bolder;
    padding: 15px 0;
    border-radius: 0 0 5px 5px;
}

/*    fcf-custom-css     */
#contactForm,
.fcf-body {
    border-radius: 10px !important;
    padding: 15px;
}
.fcf-form-wrap {
    border-radius: 10px !important;
    max-width: 600px;
    margin: auto;
    padding: 10px;
}
.fcf-input, .fcf-textarea, .fcf-select select {
    background-color: #F4EAE9;
    border-color: #dbdbdb;
    width: 100%;
}