/* ORANGE #B76E55 #D9CFC7  Brown #50251E green #677E6F */

@font-face {
    font-family: 'the_bold_fontbold';
    src: url('theboldfont-webfont.woff2') format('woff2'),
         url('theboldfont-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'oranienbaumregular';
    src: url('oranienbaum-webfont.woff2') format('woff2'),
         url('oranienbaum-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'euphorigenicregular';
    src: url('euphorigenic-webfont.woff2') format('woff2'),
         url('euphorigenic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@media (max-width: 767px) {
    .row {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .col-md-4 {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}

body {
  background-color:#FFFFFF;
  margin-top: 5rem;
}

h1, h2, h3, h4, h5, h6 {
  /*font-family: 'oranienbaumregular';*/
  color: #50251E;
}

h5.animal {
  color: #FFFFFF !important;
  font-size: 18px;
}

h2.garden {
  font-family:'the_bold_fontbold';
  text-align:left;
  color:#677E6F;
  font-size: 48px;
}

h6.footer {
  font-family:'the_bold_fontbold';
  color:#FFFFFF;
  font-size: 24px;
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  color: white;
  text-align: center;
}

.for-sale {
  color:#000000;
    font-weight:bold;
    font-size:34px;
  text-align: center;
}

.open-hours {
  color:#000000;
    font-weight:bold;
    font-size:24px;
  text-align: center;
}

.shop-local {
  background-color:#999999;

}
.garden-item-link {
    color:#000000;
    text-decoration:none;

}

.article-date {
    color:#000000;
    text-decoration:none;

}

.article-date:hover {
    color:#50251E;
    text-decoration:none;

}

.post-content {
  color:#000000;
    font-size:1.125rem;
    line-height: calc(31em / 18);
    font-weight: 500;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
    font-family: montserrat, sans-serif;
}

.post-author-date{
    color: #000000;
    font-weight: 700;
    font-size: .9375rem;
    line-height: calc(26em / 15);
    
}

p{
  color:#50251E;
}

p.quote {
  color:#FFFFFF;
  font-size:16px;
}
p.animal {
  color:#000000;
  font-size:18px;
}
p.email {
    font-family:'euphorigenicregular';
    font-weight: bold; 
    font-size: 26px;
    color:#000000;
    margin-bottom: -5px;
}
p.password {
    font-family:'euphorigenicregular';
    font-weight: bold; 
    font-size: 26px;
    color:#000000;
    margin-bottom: -5px;
}
.splash-title {
	font-family:'euphorigenicregular';
	color: #FFFFFF !important;
	text-align:center;
	font-size: 26px;
}

/* mouse over link */
a:hover {
  color: green;
}

/* selected link */
a:active {
  color: DarkGreen;
}

.style211 {
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: x-small;
}
.style212 {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.bg-steel {
  background-color: #50251E;
}

.bg-light {
  background-color: #50251E !important;   
}

a.nav-link {
  color: #FFFFFF !important;   
}

.site-header .navbar-nav .nav-link {
  color: #FFFFFF;
}

.site-header .navbar-nav .nav-link:hover {
  color: #FFFFFF;
}

.site-header .navbar-nav .nav-link.active {
  font-weight: 500;
  color: #FFFFFF;
}

.login-white {
	color:#FFFFFF;
}

.content-section {
  background: #D9CFC7;
  padding: 10px 20px;
  border: 2px solid #D9CFC7;
  border-radius: 5px;
  margin-bottom: 20px;
  color:#50251E;
  
}

.login-section {
  background: #999999;
  padding: 10px 20px;
  border: 2px solid #D9CFC7;
  border-radius: 5px;
  margin-bottom: 20px;
  
}

.home-content-section {
  background: #D9CFC7;
  padding: 10px 20px;
  border: 2px solid #D9CFC7;
  border-radius: 0px;
  margin-bottom: 20px;
    
  /*background: #D9CFC7;
  padding: 10px 20px;
  border-radius: 30px;
  margin-bottom: 20px;*/
  
}
.tour-button-content-section {
  background: #D9CFC7;
  padding: 10px 20px;
  border-radius: 5px;
  margin-bottom: 20px;
  
}
img.plant-link {
	border: 5px solid #677E6F;
	margin-bottom: 20px;
	margin-right: 20px;
}

img.plant-link:hover {
	border: 5px solid #677E6F;
	margin-bottom: 20px;
	margin-right: 20px;
}

img.animal-link {
	border: 5px solid #b76e55;
	margin-bottom: 20px;
	margin-right: 20px;
}

img.animal-link:hover {
	border: 5px solid #B75137;
	margin-bottom: 20px;
	margin-right: 20px;
}

img.alpaca-link {
	border: 5px solid #b76e55;
	margin-bottom: 20px;
	margin-right: 20px;
	align:left;
}

img.alpaca-link:hover {
	border: 5px solid #B75137;
	margin-bottom: 20px;
	margin-right: 40px;
	align:right;
}

.beehives {
  width: 100%;
  height: auto;
}

.tour-animal-content-section {
  text-align:center;
  background: #D9CFC7;
  padding: 10px 20px;
  border-radius: 30px;
  margin-bottom: 20px;
  
}

a.forgot-password{
	color: #FFFFFF;
}

a.forgot-password:visited{
	color: #FFFFFF;
}
a.forgot-password:hover{
	color: #FFFFFF;
}


a.article-author{
	color: #50251E;
}

a.article-author:visited{
	color: #50251E;
}

a.article-author:hover{
	color: #50251E;
}

a.article-title:link {
  color: #50251E;
}

a.article-title:hover {
  color: #50251E;
  text-decoration: none;
}
/* visited link */
a.article-title:visited {
  color: #50251E;
}

.article-content {
  white-space: pre-line;
    text-size:1.125rem;
}

.article-author-img {
  height: 100px;
  width: 100px;
  margin-right: 16px;
}

.article-metadata {
  padding-bottom: 1px;
  margin-bottom: 4px;
  border-bottom: 1px solid #e3e3e3
  color: #50251E;
}

.article-metadata a:hover {
  color: #50251E;
  text-decoration: none;
}

.article-metadata a:visited {
  color: #50251E;
  text-decoration: none;
}

.article-svg {
  width: 25px;
  height: 25px;
  vertical-align: middle;
}

.account-img {
  height: 125px;
  width: 125px;
  margin-right: 20px;
  margin-bottom: 16px;
}

.garden-img {
  height: 125px;
  width: 125px;
  margin-right: 20px;
  margin-bottom: 16px;
}

.account-heading {
  font-size: 2.5rem;
}

.btn-primary, .btn-primary:active, .btn-primary:visited {
    background-color: #b76e55  !important;
	border-color: #b76e55   !important;
	color: #FFFFFF !important;
}
.btn-primary:hover {
	background-color: #B75137 !important;
}

.btn-secondary, .btn-secondary:active, .btn-secondary:visited {
    background-color: #b76e55  !important;
	border-color: #b76e55  !important;
	color: #D9CFC7 !important;
	font-family: 'the_bold_fontbold' !important;
}
.btn-secondary:hover {
	background-color: #B75137 !important;
}

.btn-dark, .btn-dark:active, .btn-dark:visited {
    background-color: #677E6F  !important;
	border-color: #B76E55  !important;
}
.btn-dark:hover {
	background-color: #677E6F !important;
}

.form-control-label {
	color: #FFFFF !important;
}

.jam-background {
	background-color: #B76E55;
}

.jam-info {
	text-align:right;
	width:100%;
	font-size:18px !important;
	color: #FFFFFF;
	background-color: #B76E55;
}

.jam-image {
	padding-top:0;
	padding-right:0;
	text-align:right;
	background-color: #B76E55;
}

.jam-title {
	font-family: 'the_bold_fontbold';
	font-size:1.5rem;
	color: #FFFFFF;
	background-color: #B76E55;
}

.alpaca-div {
	text-align:right;
}

.duck-div {
	text-align:right;
}

.alpaca-info-text {
	padding-left:80px;

}

/* ORANGE #B76E55 TAN #D9CFC7  Brown #50251E green #677E6F */