/* @override 
	https://xn--rmli-verein-thb.ch/wp-content/themes/bb-theme-child/style.css?*
	https://www.ruemli-verein.ch/wp-content/themes/bb-theme-child/style.css?* */



/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 


/* @group Font Reset
------------------------------------------------------------- */

html {
	-webkit-font-smoothing: antialiased!important;
	-moz-osx-font-smoothing: grayscale!important;
	text-rendering: optimizeLegibility!important;
}
		
		@media all and (min-width: 1801px) and (max-width: 9999px) {
			html {
				font-size: 16px!important;
			}
		}
		@media all and (min-width: 1501px) and (max-width: 1800px) {
			html {
				font-size: 15px!important;
			}
		}
		@media all and (min-width: 1201px) and (max-width: 1500px) {
			html {
				font-size: 14px!important;
			}
		}	
		@media all and (min-width: 901px) and (max-width: 1200px) {
			html {
				font-size: 13px!important;
			}
		}	
		@media all and (min-width: 601px) and (max-width: 900px) {
			html {
				font-size: 12px!important;
			}
		}
		@media all and (min-width: 351px) and (max-width: 600px) {
			html {
				font-size: 11px!important;
			}
		}
		@media all and (min-width: 0px) and (max-width: 350px) {
			html {
				font-size: 10px!important;
			}
		}

/* @end */



/* @group Custom Properties - General
------------------------------------------------------------- */

:root {
	--h1-font-size: 4.2rem;
	--h2-font-size: 4.2rem;
	--h3-font-size: 2.8rem;
	--h4-font-size: 1.8rem;
	--basic-font-size: 1.4rem;
	
	--h1-line-height: 1;
	--h2-line-height: 1;
	--h3-line-height: 1;
	--h4-line-height: 1.2;
	--basic-line-height: 1.4;

	--font-style: normal;
	--font-family: 'venice-blvd', sans-serif;
	--font-weight: 400;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--font-weight-black: 900;
	--letter-spacing: 0;
	--word-spacing: 0;	
}

	@media all and (min-width: 0px) and (max-width: 900px) {
		:root {
			--h1-font-size: 2.8rem;
			--h2-font-size: 2.8rem;
		}
	}

/* @end */



/* @group Typography - General
------------------------------------------------------------- */

body {
	font-family: var(--font-family);
	font-weight: var(--font-weight-semibold);
	font-size: var(--basic-font-size);
	line-height: var(--basic-line-height);
}

.fl-page *:not(i) {
	font-style: var(--font-style);
	font-family: var(--font-family);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--letter-spacing);
	word-spacing: var(--word-spacing);
}

.fl-page h1,
.fl-page h1 * {
	font-size: var(--h1-font-size);
	line-height: var(--h1-line-height);
	font-weight: var(--font-weight-black);
	text-transform: uppercase;
}

.fl-page h2,
.fl-page h2 * {
	font-size: var(--h2-font-size);
	line-height: var(--h2-line-height);
	font-weight: var(--font-weight-black);
	text-transform: uppercase;
}

.fl-page h3,
.fl-page h3 * {
	font-size: var(--h3-font-size);
	line-height: var(--h3-line-height);
	font-weight: var(--font-weight-bold);
	text-transform: uppercase;
}

.fl-page h4,
.fl-page h4 * {
	font-size: var(--h4-font-size);
	line-height: var(--h4-line-height);
	font-weight: var(--font-weight-bold);
	text-transform: uppercase;
}

.fl-page p,
.fl-page p * {
	font-size: var(--basic-font-size);
	line-height: var(--basic-line-height);
}

.fl-page p.lead,
.fl-page p.lead * {
	font-size: var(--h4-font-size);
	line-height: var(--h4-line-height);
}

/* @end */



/* @group Typography - Spacing
------------------------------------------------------------- */

p, h1, h2, h3, h4, p.lead {
	margin: 2rem 0 0 0;
}

h1 + p,
h2 + p,
h3 + p {
	margin-top: 1.5rem;
}

h4 + p {
	margin-top: 0;
}

/* @end */



/* @group Typography - Links
------------------------------------------------------------- */

.fl-page .fl-rich-text > * > a,
.fl-page .fl-rich-text > * > a:hover,
.fl-page .fl-html > * > a,
.fl-page .fl-html > * > a:hover {
	text-decoration: underline;
}

.fl-page .fl-rich-text > h1 > a,
.fl-page .fl-rich-text > h1 > a:hover,
.fl-page .fl-html > h1 > a,
.fl-page .fl-html > h1 > a:hover {
	text-decoration-thickness: calc(var(--h1-font-size) * 0.05);
	text-underline-offset: calc(var(--h1-font-size) * 0.1);
}

.fl-page .fl-rich-text > h2 > a,
.fl-page .fl-rich-text > h2 > a:hover,
.fl-page .fl-html > h2 > a,
.fl-page .fl-html > h2 > a:hover {
	text-decoration-thickness: calc(var(--h2-font-size) * 0.05);
	text-underline-offset: calc(var(--h2-font-size) * 0.1);
}

.fl-page .fl-rich-text > h3 > a,
.fl-page .fl-rich-text > h3 > a:hover,
.fl-page .fl-html > h3 > a,
.fl-page .fl-html > h3 > a:hover {
	text-decoration-thickness: calc(var(--h3-font-size) * 0.05);
	text-underline-offset: calc(var(--h3-font-size) * 0.1);
}

.fl-page .fl-rich-text > h4 > a,
.fl-page .fl-rich-text > h4 > a:hover,
.fl-page .fl-html > h4 > a,
.fl-page .fl-html > h4 > a:hover {
	text-decoration-thickness: calc(var(--h4-font-size) * 0.05);
	text-underline-offset: calc(var(--h4-font-size) * 0.1);
}

.fl-page .fl-rich-text > * > a,
.fl-page .fl-rich-text > * > a:hover,
.fl-page .fl-html > * > a,
.fl-page .fl-html > * > a:hover {
	text-decoration-thickness: calc(var(--basic-font-size) * 0.05);
	text-underline-offset: calc(var(--basic-font-size) * 0.1);
}

.fl-page .fl-rich-text > .lead > a,
.fl-page .fl-rich-text > .lead > a:hover,
.fl-page .fl-html > .lead > a,
.fl-page .fl-html > .lead > a:hover {
	text-decoration-thickness: calc(var(--h4-font-size) * 0.05);
	text-underline-offset: calc(var(--h4-font-size) * 0.1);
}

/* @end */



/* @group Layout - Row
------------------------------------------------------------- */

.fl-row {
	max-width: 100%;
}

.fl-row.fl-row-full-width .fl-row-content.fl-row-full-width {
	max-width: 100%;
}

.fl-row.fl-row-full-width .fl-row-content.fl-row-fixed-width {
	max-width: 75rem;
}

/* @end */



/* @group Layout - Row Content Wrap
------------------------------------------------------------- */

.fl-row-content-wrap {
	padding: 10vh 1.5rem;
}

.fl-page .rv-full-height-row .fl-row-content-wrap {
	min-height: 0!important;
	height: 100vh!important;
	height: 100svh!important;
}

/* @end */



/* @group Layout - Module
------------------------------------------------------------- */

.fl-module-content {
	margin: 1rem 1.5rem;
}

.fl-page .fl-module-content .fl-rich-text > *:first-child,
.fl-page .fl-module-content .fl-html > *:first-child {
	margin-top: 0;
}

	@media all and (min-width: 0px) and (max-width: 900px) {
		.fl-page .fl-module.mobile-margin-top {
			margin-top: 2rem;
		}
	}

/* @end */



/* @group Hero Image
------------------------------------------------------------- */

.fl-page .rv-hero-row .fl-row-content-wrap {
	min-height: 0!important;
	height: calc(100vh - 5rem)!important;
	height: calc(100svh - 5rem)!important;
}

.fl-page .rv-hero-image img {
	max-height: calc(100vh - 5rem)!important;
	max-height: calc(100svh - 5rem)!important;
	max-width: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}

/* @end */



/* @group Navigation
------------------------------------------------------------- */

.fl-page .rv-menu-row .fl-row-content-wrap {
	min-height: 0!important;
	height: 5rem!important;
	position: sticky;
	top: 0;
}

.fl-page #menu-header li a {
	padding-left: 1rem;
	padding-right: 1rem;
	height: 5rem;
	line-height: 5rem;
	color: #ffffff;
	font-size: var(--basic-font-size);
	text-transform: uppercase;
	font-weight: var(--font-weight-semibold);
	text-decoration: none;
}

.fl-page #menu-header li a:hover {
	color: #0d3654;
}

	@media all and (min-width: 0px) and (max-width: 900px) {
		.fl-page #menu-header li a {
			padding-left: .75rem;
			padding-right: .75rem;
			font-size: calc( var(--basic-font-size) * .8 );
		}
	}

/* @end */



/* @group Gallery
------------------------------------------------------------- */

.fl-page .fl-module-gallery .fl-mosaicflow {
	margin-left: -1.5rem;
}

.fl-page .fl-module-gallery .fl-mosaicflow-item {
	margin: 0 0 1.5rem 1.5rem;
}

.fl-page .fl-module-gallery .fl-photo-img {
	border-radius: 1.5rem;
	transition: all .3s ease-in-out 0s;
}

.fl-page .fl-module-gallery .fl-photo-img:hover {
	transform: translateY(-.75rem);
	box-shadow: 0px .75rem 0.75rem rgba(0, 0, 0, 0.5);
}

 .mfp-container {
	padding: 0!important;
}

.mfp-content img.mfp-img {
	padding-bottom: 0px !important;
}

.mfp-bg {
	opacity: 1;
}

/* @end */



/* @group Carousel
------------------------------------------------------------- */

.fl-page .uabb-image-carousel-item {
	padding: 1rem;
}

.fl-page .uabb-image-carousel-item .uabb-image-carousel-content {
	overflow: visible;
}

.fl-page .uabb-image-carousel-item .uabb-image-carousel-content a {
	outline: none!important;
}

.fl-page .uabb-image-carousel-item .uabb-gallery-img {
	border-radius: 1.5rem;
	transition: all .3s ease-in-out 0s;
}

.fl-page .uabb-image-carousel-item .uabb-gallery-img:hover {
	transform: translateY(-.75rem);
	box-shadow: 0px .75rem 0.75rem rgba(0, 0, 0, 0.5);
}

/* @end */