:root {
    --cassiopeia-font-family-body: Open Sans, Roboto, Lato, Montserrat, Raleway, Osawald, sans-serif;
    --cassiopeia-font-family-headings: 'Open Sans', sans-serif;
    --cassiopeia-color-primary: #36563d;
    --cassiopeia-color-link: #36563d;
    --cassiopeia-color-hover: #36563d;
    --breadcrumb-item-active-color: #hsl(0, 0%, 100%);
    --template-bg-light: #f7f6f4;
    --template-text-dark: #36563d;
    --template-text-light: #f7f6f4;
    --template-link-color: #36563d;
    --template-special-color: #36563d;
	--template-link-hover-color: #36563d;
	--template-contrast: #36563d;
    --body-font-family: Open Sans, Roboto, Lato, Montserrat, Raleway, Osawald, sans-serif;
    --body-font-size: 16px;
    --body-line-height: 1.25;
    --body-color: #36563d;
    --body-bg: #f7f6f4;
    --card-border-color: #36563d;
    --card-cap-bg: #d6d1c4;
    --card-border-radius: 25px;
    --card-cap-bg: #f7f6f4;
	--link-hover-color: #36563d;
	--link-color: #36563d;
    --pagination-color: #36563d;
    --pagination-bg: var(--body-bg);
    --pagination-border-width: var(--border-width);
    --pagination-border-color: var(--border-color);
    --pagination-border-radius: var(--border-radius);
    --pagination-hover-color: #36563d;
    --pagination-hover-bg: var(--tertiary-bg);
    --pagination-hover-border-color: var(--border-color);
    --pagination-focus-color: var(--link-hover-color);
    --pagination-focus-bg: var(--secondary-bg);
    --pagination-focus-box-shadow: #36563d;
    --pagination-active-color: #fff;
    --pagination-active-bg: #36563d;
    --pagination-active-border-color: #36563d;
    --pagination-disabled-color: var(--secondary-color);
    --pagination-disabled-bg: var(--secondary-bg);
    --pagination-disabled-border-color: var(--border-color);
	
    
} 

.container-header {
    background-color: #f7f6f4;
    background-image: -o-linear-gradient(315deg, #f7f6f4 0%, #f7f6f4 100%);
    background-image: linear-gradient(135deg, #f7f6f4 0%, #f7f6f4 100%);
    -webkit-box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset;
    box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset;
}
.body{    
    background-color: #f7f6f4;
}

a {
    color: #36563d;
}
.breadcrumb {
    --breadcrumb-divider-color: #fff;
    --breadcrumb-color: #fff;
    --breadcrumb-item-active-color: #fff;
    --breadcrumb-color-hover; #fff;
}
.footer: a {
        color: #fff;
}
.footer: hover {
        color: #fff;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: var(--cassiopeia-font-family-headings);
    font-weight: var(--cassiopeia-font-weight-headings, 700);
    margin: 12px 0;
    word-wrap: break-word;
}
h1 {
	font-size: 26px;
	line-height: 28px;
}
h2 {
	font-size: 22px;
	line-height: 24px;
}
h3 {
	font-size: 18px;
	line-height: 20px;
}
h4 {
	font-size: 14px;
	line-height: 16px;
}
h5 {
	font-size: 13px;
	line-height: 15px;
}
h6 {
	font-size: 12px;
	line-height: 14px;
}
.page-header {padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    margin: 18px 0 27px;
    border-bottom: none;
    color: #36563d;
    background-color: #d6d1c4;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
hr {
  margin: 1rem 0;
  color: #36563d;
  border: 0;
  border-top: 5px solid #36563d;
  opacity: unset;
}
[type=search] {
  border-radius:15px;
  padding-right:14px;
  padding-left: 14px;
  margin-bottom:0;
  background-color: #f7f6f4;
  
}
.container-nav{margin-left: 10px; border-bottom: 5px solid #36563d;}
.metismenu.mod-menu {
    font-size: .85rem;
}
.metismenu.mod-menu .metismenu-item {
    background-color: #f7f6f4;
    color: #36563d;
    font-size: 14px;
    font-weight: 700;
}

.sidebar-right {background-color: #d6d1c4;border-radius: 25px; border-color: #36563d;}
.btn {--btn-border-radius: 25px; }
.btn-primary {
    --btn-color: hsl(0, 0%, 100%);
    --btn-bg: #36563d;
    --btn-border-color: #36563d;
    --btn-hover-color: hsl(0, 0%, 100%);
    --btn-hover-bg: #36563d;
    --btn-hover-border-color: #36563d;
    --btn-focus-shadow-rgb: 39, 39, 111;
    --btn-active-color: hsl(0, 0%, 100%);
    --btn-active-bg: #36563d;
    --btn-active-border-color: #36563d;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: hsl(0, 0%, 100%);
    --btn-disabled-bg: #36563d;
    --btn-disabled-border-color: #36563d;
      --btn-line-height: .5;
}
.container-header .navbar-toggler {
  color: hsl(133, 23%, 27%);
  cursor: pointer;
  border: 1px solid hsl(133, 23%, 27%);
}  





article,
.ffbizbox {padding: 2px; margin: 2px; border: 1px solid #ccc; width: 45%; height: 150px; float: left; overflow: auto;}/*used in the recommended businesses for each listing*/
	
.ffendpage {height: auto; width: 100%; clear: both;}/*at the end of pages with the prev or next tabs, use when added coded divs are on the page so break the line and redirect*/
.ffovallink {font-style: bold; color: #ffffff; background-color: #36563d; padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; border-radius: 50px; text-align: center;}/*used for oval for quick nav on the homepage*/
.ffcirclelink {padding: 10px; margin: 10px; font-weight: bold; border: 5px solid #36563d; background-color: rgba(214, 209, 196, 0.396); width: 115px; height: 115px; border-radius: 50%; display: flex; align-items: center; justify-content: center; float: left; text-align: center;}/*used for circles for quick nav on the homepage*/
.article_2_col {height: auto; width:45%; float: left; margin:1%;} /*creates 2 columns for articles on pages, used with div tags */
.article_3_col {height: auto; width:30%; float: left; margin:1%;} /*creates 3 columns for articles on pages, used with div tags */
.ffcommiteebox {padding: 2px; margin: 1px; width: 47%;  float: left; } /*used in the boards and committees section for each listing*/
@media (max-width: 650px) {
.article_2_col {width:98%; float: none; } 
.article_3_col {width:98%; float: none; }
.ffcommiteebox {width:98%; float: none; }
}
directory,
.directory_circlelink {font-size:14px; padding: 2px; margin: 5px; font-weight: bold; border: 2px solid #36563d; background-color: rgba(214, 209, 196, 0.396); width: 75px; height: 75px; border-radius: 50%; display: flex; align-items: center; justify-content: center; float: left; text-align: center;}/*used for circles for quick nav on the directory page*/
.directory_table{display:table;text-align:center;width:100%;margin:1% auto 0;border-collapse:separate;}
.directory_intro{display:table-row}
.directory_table_row{display:table;width:100%;border-collapse: separate;padding-bottom:20px;margin: .25% auto 0; text-align: center;nth-child(2n+3){background:0 0}}
.directory_theader{display:none}
.directory_table_header{display:table-cell;border-bottom:#1a3816 1px solid;border-top:#1a3816 1px solid;background:#36563d73;color:#1a3816;padding-top:10px;padding-bottom:10px;}
.directory_table_header:first-child{border-left:#1a3816 1px solid;border-top-left-radius:5px;}
.directory_table_header:last-child{border-right:#1a3816 1px solid;border-top-right-radius:5px;}
.directory_table_small{display:table-row;height:auto}
.directory_table_row>.directory_table_small>.directory_table_cell:nth-child(odd){display:table-cell;width: 50%;background:#36563d73;color:#1a3816;padding-top:10px;padding-bottom:10px;min-height: 20%;height:auto; }
.directory_table_row>.directory_table_small>.directory_table_cell{text-align: start; padding:5px;color:#1a3816;border-bottom:#1a3816 1px solid; border-left:#1a3816 1px solid;height:auto; min-height: 75px; }
.directory_table_row>.directory_table_small:first-child>.directory_table_cell{border-left:#1a3816 1px solid;text-overflow: ellipsis;}
.directory_table_row>.directory_table_small:last-child>.directory_table_cell{border-right:#1a3816 1px solid;text-overflow: ellipsis;}
.directory_table_row:last-child>.directory_table_small:last-child>.directory_table_cell:last-child{border-bottom-right-radius:5px;text-overflow: hidden;}
.directory_table_row:last-child>.directory_table_small:first-child>.directory_table_cell:last-child{border-bottom-left-radius:5px;text-overflow: hidden;}
.directory_table_row:nth-child(2n+3){}
.directory_table_cell{display:table-cell;width:50%}
.directory_table_row>.directory_table_small:first-child>.directory_table_cell:last-child{border-left:#1a3816 1px solid}
.directory_table_row>.directory_table_small>.directory_table_cell:first-child{border-left:#1a3816 1px solid}
.directory_table_row>.directory_table_small:first-child>.directory_table_cell:first-child{border-top-left-radius:5px;border-top:#1a3816 1px solid}
.directory_table_row>.directory_table_small:first-child>.directory_table_cell:last-child{border-top-right-radius:5px;border-top:#1a3816 1px solid}
.directory_table_row>.directory_table_small:last-child>.directory_table_cell:first-child{border-right:none}
.directory_table_row>.directory_table_small>.directory_table_cell:last-child{border-right:#1a3816 1px solid}
.directory_table_row>.directory_table_small:last-child>.directory_table_cell:first-child{border-bottom-left-radius:5px}
.directory_table_row>.directory_table_small:last-child>.directory_table_cell:last-child{border-bottom-right-radius:5px}

/*changed to different responsive that works with original small screen
.directory_table{display:table;text-align:center;width:100%;margin:1% auto 0;border-collapse:separate;}
.directory_intro{display:table-row}
.directory_table_row{display:table-row;}
.directory_theader{display:table-row}
.directory_table_header{display:table-cell;border-bottom:#1a3816 1px solid;border-top:#1a3816 1px solid;background:#36563d73;color:#1a3816;padding-top:10px;padding-bottom:10px;}
.directory_table_header:first-child{border-left:#1a3816 1px solid;border-top-left-radius:5px;}
.directory_table_header:last-child{border-right:#1a3816 1px solid;border-top-right-radius:5px;}
.directory_table_small{display:table-cell;height:auto}
.directory_table_row>.directory_table_small>.directory_table_cell:nth-child(odd){display:none;background:#36563d73;color:#1a3816;padding-top:10px;padding-bottom:10px;min-height: 20%;height:auto; }
.directory_table_row>.directory_table_small>.directory_table_cell{text-align: start; padding:5px;color:#1a3816;border-bottom:#1a3816 1px solid; border-left:#1a3816 1px solid;height:auto; min-height: 75px; }
.directory_table_row>.directory_table_small:first-child>.directory_table_cell{border-left:#1a3816 1px solid;text-overflow: ellipsis;}
.directory_table_row>.directory_table_small:last-child>.directory_table_cell{border-right:#1a3816 1px solid;text-overflow: ellipsis;}
.directory_table_row:last-child>.directory_table_small:last-child>.directory_table_cell:last-child{border-bottom-right-radius:5px;text-overflow: hidden;}
.directory_table_row:last-child>.directory_table_small:first-child>.directory_table_cell:last-child{border-bottom-left-radius:5px;text-overflow: hidden;}
.directory_table_row:nth-child(2n+3){}
*/
@media screen and (max-width:900px)
{.directory_table{width:100%}}
@media screen and (max-width:650px){.directory_table{display:block}
.directory_circlelink {font-size:14px; }/*used for circles for quick nav on the directory page*/
.directory_table_row:nth-child(2n+3){background:0 0}
.directory_theader{display:none}
.directory_table_row>.directory_table_small>.directory_table_cell:nth-child(odd){display:table-cell;width:50%}
.directory_table_cell{display:table-cell;width:50%}
.directory_table_row{display:table;width:100%;border-collapse:separate;padding-bottom:20px;margin:5% auto 0;text-align:center}
.directory_table_small{display:table-row}
.directory_table_row>.directory_table_small:first-child>.directory_table_cell:last-child{border-left:#1a3816 1px solid}
.directory_table_row>.directory_table_small>.directory_table_cell:first-child{border-left:#1a3816 1px solid}
.directory_table_row>.directory_table_small:first-child>.directory_table_cell:first-child{border-top-left-radius:5px;border-top:#1a3816 1px solid}
.directory_table_row>.directory_table_small:first-child>.directory_table_cell:last-child{border-top-right-radius:5px;border-top:#1a3816 1px solid}
.directory_table_row>.directory_table_small:last-child>.directory_table_cell:first-child{border-right:none}
.directory_table_row>.directory_table_small>.directory_table_cell:last-child{border-right:#1a3816 1px solid}
.directory_table_row>.directory_table_small:last-child>.directory_table_cell:first-child{border-bottom-left-radius:5px}
.directory_table_row>.directory_table_small:last-child>.directory_table_cell:last-child{border-bottom-right-radius:5px}
  }
financials,
.financials_circlelink {font-size:14px; padding: 2px; margin: 5px; font-weight: bold; border: 2px solid #36563d; background-color: rgba(214, 209, 196, 0.396); width: 75px; height: 75px; border-radius: 50%; display: flex; align-items: center; justify-content: center; float: left; text-align: center;}/*used for circles for quick nav on the financials page*/
.financials_table{display:table;text-align:center;width:100%;margin:1% auto 0;border-collapse:separate;}
.financials_intro{display:table-row}
.financials_table_row{display:table-row;}
.financials_theader{display:table-row}
.financials_table_header{display:table-cell;border-bottom:#1a3816 1px solid;border-top:#1a3816 1px solid;background:#36563d73;color:#1a3816;padding-top:10px;padding-bottom:10px;}
.financials_table_header:first-child{border-left:#1a3816 1px solid;border-top-left-radius:5px;}
.financials_table_header:last-child{border-right:#1a3816 1px solid;border-top-right-radius:5px;}
.financials_table_small{display:table-cell;height:auto}
.financials_table_row>.financials_table_small>.financials_table_cell:nth-child(odd){display:none;background:#36563d73;color:#1a3816;padding-top:10px;padding-bottom:10px;min-height: 20%;height:auto; }
.financials_table_row>.financials_table_small>.financials_table_cell{text-align: start; padding:5px;color:#1a3816;border-bottom:#1a3816 1px solid; border-left:#1a3816 1px solid;height:auto; min-height: 25px; }
.financials_table_row>.financials_table_small:first-child>.financials_table_cell{border-left:#1a3816 1px solid;text-overflow: ellipsis;}
.financials_table_row>.financials_table_small:last-child>.financials_table_cell{border-right:#1a3816 1px solid;text-overflow: ellipsis;}
.financials_table_row:last-child>.financials_table_small:last-child>.financials_table_cell:last-child{border-bottom-right-radius:5px;text-overflow: hidden;}
.financials_table_row:last-child>.financials_table_small:first-child>.financials_table_cell:last-child{border-bottom-left-radius:5px;text-overflow: hidden;}
.financials_table_row:nth-child(2n+3){}
@media screen and (max-width:900px)
{.financials_table{width:100%}}
@media screen and (max-width:650px){.financials_table{display:block}
.financials_circlelink {}/*used for circles for quick nav on the financials page*/
.financials_table_row:nth-child(2n+3){background:0 0}
.financials_theader{display:none}
.financials_table_row>.financials_table_small>.financials_table_cell:nth-child(odd){display:table-cell;width:50%}
.financials_table_cell{display:table-cell;width:50%}
.financials_table_row{display:table;width:100%;border-collapse:separate;padding-bottom:20px;margin:5% auto 0;text-align:center}
.financials_table_small{display:table-row}
.financials_table_row>.financials_table_small:first-child>.financials_table_cell:last-child{border-left:none}
.financials_table_row>.financials_table_small>.financials_table_cell:first-child{border-left:#1a3816 1px solid}
.financials_table_row>.financials_table_small:first-child>.financials_table_cell:first-child{border-top-left-radius:5px;border-top:#1a3816 1px solid}
.financials_table_row>.financials_table_small:first-child>.financials_table_cell:last-child{border-top-right-radius:5px;border-top:#1a3816 1px solid}
.financials_table_row>.financials_table_small:last-child>.financials_table_cell:first-child{border-right:none}
.financials_table_row>.financials_table_small>.financials_table_cell:last-child{border-right:#1a3816 1px solid}
.financials_table_row>.financials_table_small:last-child>.financials_table_cell:first-child{border-bottom-left-radius:5px}
.financials_table_row>.financials_table_small:last-child>.financials_table_cell:last-child{border-bottom-right-radius:5px}
  }
contact,
.contact_container{width:100%;}
.contact_box{min-height: 300px; padding: 1%; height: auto; width: 45%; float: left; margin: 1%; border: 2px double #000;}
.contact_button{width: 75%!important; font-style: bold; color: #ffffff; background-color: #36563d; padding-top: 8px; padding-bottom: 8px; border-radius: 50px; text-align: center; margin: 2px auto 2px auto;}
.contact_button2{font-style: bold; color: #ffffff; background-color: #36563d; padding-top: 8px; padding-bottom: 8px; border-radius: 50px; text-align: center; margin: 2px auto 2px auto;}
@media screen and (max-width:900px){
.contact_box{}}
@media screen and (max-width:650px){
.contact_box{width: 97%; margin:auto; }}
.contact_button{width: 50%;}
.contact_button2{width: 75%;}