/* Template Farm Haus */
/* Colors 
	darkgrey
	#262626
	pink
	#cd7781
	pink-light
	
*/
/*FONTS*/
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Gentium Plus';
  font-style: normal;
  src: url('webfonts/Gentium_Plus/GentiumPlus-Regular.ttf') format('truetype'); 
       
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Gentium Bold';
  font-style: normal;
  src: url('webfonts/Gentium_Plus/GentiumPlus-Bold.ttf') format('truetype'); 
       
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  src: url('webfonts/Noto_Sans/NotoSans-VariableFont_wdth,wght.ttf') format('truetype'); 
       
}
/* Typo */
body, p, span {
	font-family:'Noto Sans';
}
h2, .h2, h1, .h1 {
	font-family: 'Gentium Plus';
}
h1.display-3 {
	line-height:4rem;
	font-family: 'Gentium Bold';
	
}
@media (max-width: 575.98px) {
	h1.display-3 {
	line-height:3rem;
	font-family: 'Gentium Bold';
	
}
}
h2 {
	font-size:3rem;
	font-family:'Gentium Bold';
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3 {
	font-family: 'Noto Sans';
	font-weight:800;
}
h3 {
	
}

ul.navbar-nav.bg-pink-full {
	background-color: transparent;
}
ul.navbar-nav.bg-pink-full .nav-item a{
	background-color:rgba(205, 119, 129, 0.5);
	
}

@media (max-width: 575.98px) {

ul.navbar-nav.bg-pink-full {
	background-color: transparent;
}
ul.navbar-nav.bg-pink-full .nav-item a{
	background-color:transparent;
	
}
}
.navbar-nav .nav-item a.nav-link {
	color:white;
	margin-right:2rem;
	font-family:'Gentium Plus';
	text-transform:uppercase;
	font-size:1.5rem;
	font-weight:100;
	/*text-shadow:2px 2px 3px #262626;*/
}
.navbar-nav .nav-item.active a.nav-link, .navbar-nav .nav-item a.nav-link:hover {
	text-decoration:underline;
	text-underline-offset: 8px;
}
/*color*/
.color-pink {
	color:#cd7781;
}
.bg-pink-light {
	background-color:#f9f1f1;
}
.bg-pink-full {
	background-color:#cd7781;
	color:white;
}

/* Container*/

.flower-gallery .col {
    padding-right: .5rem;
    padding-bottom: .5rem;
}
.flower-gallery .col:nth-of-type(5), .flower-gallery .col:last-of-type {
    padding-right: 0;
    padding-bottom:0;
}
@media (max-width: 575.98px) {
	.flower-gallery .col 
	{
	padding-right: .5rem;
	padding-left: .5rem;
    padding-bottom: .5rem;
}
	.flower-gallery .col:nth-of-type(5), .flower-gallery .col:last-of-type 
	{
    padding-right: .5rem;
    padding-bottom:.5rem;
}
}
a.farmhaus-logo h1 img{
    width:200px;
}
@media (max-width: 575.98px) {
	a.farmhaus-logo h1 img{
    width:150px;
}
}
section#farm-haus-banner{
	background-position:center center;
	background-size:cover;
	height:840px;
}
img.small-banner {
	object-fit:cover;
    width: 100%;
    height: 450px;
	background-position:center center;
	
}
.light-overlay, .dark-overlay, .gradient-overlay, .transparent-overlay {
    position: relative;
    overflow: hidden;
}

/* Icons and Buttons*/

.sf-icon-row {
	margin:10px 0;
}
@media (max-width: 575.98px) {
	.sf-icon-row {
	text-align:center;
}
}
i.sf {
	width: 40px;
    height: 40px;
	margin-right:10px;
	padding: 5px;
    display: inline-block;
	background-size:contain;
	background-repeat: no-repeat;
}
i.sf.icon-big {
	width: 40px;
    height: 40px;
	margin-right:20px;
	padding: 6px;
    display: inline-block;
	background-size:contain;
}
@media (max-width: 575.98px) {
	i.sf.icon-big {
	width: 40px;
    height: 40px;
	margin:25px auto 5px;
	display:block;
	text-align:center;
}
}
i.non-food {
	background-image:url('/fileadmin/Farmhaus/Icon_No_Food.png');
}
i.seed {
	background-image:url('/fileadmin/Farmhaus/Icon_Seed.png');
}
i.sun {
	background-image:url('/fileadmin/Farmhaus/Icon_Sun.png');
}
i.can {
	background-image:url('/fileadmin/Farmhaus/Icon_Watering_Can.png');
}
/* FORMS */

form label {
	font-weight:400;
}

.btn {
	letter-spacing:inherit;
	font-size:inherit;
}
.btn.btn-primary {
	background-color:#913640;
	border:1px solid transparent;
}
.btn:hover {
	background-color:#f9f1f1;
	color:#262626;
	border:1px solid #cd7781;
}