/*
Theme Name: FIRMA Theme
Theme URI: https://muskat.no
Version: 1.0
Description: The official Muskat Theme.
Author: Muskat
Author URI: https://muskat.no
template: bb-theme
*/

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

:root {
	--maincolor: #3e4c38;
	--maincolordark: #1f261c;
	--maincolorlight: #e1f9d7;
	--maincolorpure: #7a996f;
	--maincolorbg: #e1f9d7;
	--contrastcolor: #423932;
	--contrastcolordark: #211c19;
	--contrastcolorlight: #efe7df;
	--contrastcolorpure: #736357;
	--contrastcolorbg: #efe7df;
	--black: #1f261c; 
	--white: #ffffff;
	--white20: #ffffff20;
	--white50: #ffffff50;
	--white80: #ffffff80;
	--lightgrey: #f2f2f2;
	--grey: #cccccc;
	
	--globalborderradius: 5px;

}

html, body, p {
	font-family: 'acumin-pro', sans-serif;
	font-weight: 300;
	font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'anton', 'acumin-pro', sans-serif;
	font-weight: 300;
	font-style: normal;
}


.hamburgerbutton svg {
	stroke: var(--black);
}

/* Font sizes */

.lead p, p.lead, .custom-quote .sitatholder blockquote, .custom-quote .sitatholder blockquote p { 
	font-size: clamp(1.5625rem, 1.3194rem + 1.2963vw, 3.75rem) !important;
}

/* Hamburger menu*/
.hamburgerbutton {
	top: 70px !important;
}
@media only screen and (max-width: 768px) {
	.hamburgerbutton {
		top: 65px !important;
	}
}

/* Button */
/* Buttons custom */
/* Split buttons - dark background */ 
.split-btn-dark .fl-button-group-button:nth-child(2) a.fl-button {
	background: transparent !important;  
	border: 2px solid var(--white) !important;
}
.split-btn-dark .fl-button-group-button:nth-child(2) a.fl-button:hover {
	background: transparent !important;  
	border: 2px solid var(--contrastcolor) !important;
}
.split-btn-dark .fl-button-group-button:nth-child(2) a.fl-button .fl-button-text {
	color: var(--white) !important;
}
.split-btn-dark .fl-button-group-button:nth-child(2) a.fl-button:hover .fl-button-text {
	color: var(--contrastcolor) !important;
}


/* Split buttons - light background */ 
.split-btn-light .fl-button-group-button:nth-child(2) a.fl-button {
	background: transparent !important;  
	border: 2px solid var(--maincolor) !important;
}
.split-btn-light .fl-button-group-button:nth-child(2) a.fl-button:hover {
	background: var(--maincolorpure) !important;  
	border: 2px solid var(--maincolorpure) !important;
}
.split-btn-light .fl-button-group-button:nth-child(2) a.fl-button .fl-button-text {
	color: var(--maincolor) !important;
}
.split-btn-light .fl-button-group-button:nth-child(2) a.fl-button:hover .fl-button-text {
	color: var(--white) !important;
}