/*
Theme Name: LogisFair - Theme
Theme URI: http://logisfair.ch
Version: 1.0
Description: A theme for the logisfair.ch-Plattform
Author: Johannes von Niederhäusern
Author URI: https://vonniederhaeusern.net;
template: bb-theme
*/

/*---------------------
Font-Fix on Mac
-----------------------*/
body {
	font-size: 20px;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale;
}

/*---------------------
General Font-Settings
-----------------------*/
body {
	font-family: "tt-commons-pro", sans-serif;
	font-weight: 400;
	font-style: normal;
}
html, body {
 	font-size: 20px;
}
h1 {
    font-family: "tt-commons-pro", sans-serif;
	font-weight: 500;
	font-style: normal;
    /*font-size: 4.333rem;*/
    /*line-height: 4.556rem;*/
}
h2 {
    font-family: "tt-commons-pro", sans-serif;
	font-weight: 500;
	font-style: normal;
    /*font-size: 2.667rem;*/
    /*line-height: 2.778rem;*/
}
h3 {
	font-family: "tt-commons-pro", sans-serif;
	font-weight: 500;
	font-style: normal;
	/*font-size: 1.444rem;*/
    /*line-height: 1.556rem;*/
}
h4 {
	font-family: "tt-commons-pro", sans-serif;
	font-weight: 500;
	font-style: normal;
	/*font-size: 1.444rem;*/
    /*line-height: 1.556rem;*/
}
h1 span.heading-colored,
h2 span.heading-colored,
h3 span.heading-colored,
h4 span.heading-colored {
	color: #6CB46B;
}
body p {
	font-family: "tt-commons-pro", sans-serif;
	font-weight: 400;
	font-style: normal;
}
body .fl-page a.fl-button {
	font-family: "tt-commons-pro", sans-serif;
	font-weight: 500;
}
@media (max-width: 768px) {
        h1 {
        font-size: 2.8rem;
        line-height: 3rem;
    }
        h2 {
        font-size: 2rem;
        line-height: 2.2rem;
    }
}
body .fl-module-rich-text .fl-module-content .fl-rich-text a,
body .fl-builder-content .fl-module.fl-module-accordion .fl-module-content .fl-accordion-item .fl-accordion-content p span a,
body .fl-builder-content .fl-module.fl-module-post-carousel .fl-module-content .fl-post-carousel .fl-post-carousel-post .timeline-content a {
    text-decoration: underline;
}


/*---------------------
Inserate Grid
-----------------------*/
.fl-post-feed-post {
	overflow: visible;
}
.lf-inserat {
	background: #ffffff;
	padding: 25px 25px 25px;
	border: 2px solid #415670;
	border-radius: 8px;
	display: flex;
	color: #24303f;
	box-shadow: 0px 1px 15px 5px rgba(16, 24, 40, 0.05);
}
.lf-inserat.linked:hover {
	text-decoration: none;
	color:  #24303f;
}

.lf-inserat .lf-inserat-content {
	flex-basis: auto;
	flex-grow: 1;
}
.lf-inserat.linked .lf-inserat-link {
    display: flex;
    align-self: center;
    justify-content: flex-end;
    min-width: 200px;
}
.lf-inserat-details {
	display: flex;
	gap: 25px;
	flex-wrap: wrap;
	margin-top: .5rem;
}
.lf-inserat-detail {
	min-width: 200px;
}
.lf-inserat-detail span.value,
.lf-inserat-detail span.label {
	display: block;
}
.lf-inserat-detail span.value {
	font-weight: 500;
}

.lf-inserat.object.linked .lf-inserat-pubdate {
	display: block;
	margin-bottom: .8rem;
	margin-top: -0.2rem;
	font-size: 0.9rem;
}
.lf-inserat.object.linked .lf-inserat-link .button {
	font-weight: 600;
    font-size: 1rem;
    letter-spacing: 0.5px;
    border-radius: 7px;
    padding: 12px 24px;
    display: inline-block;
}
.lf-inserat.object.linked .lf-inserat-link .button {
	background:  #24303f;
	color: #ffffff;
}