/*
Theme Name: Bollebo
Template: hello-elementor
Author: Ella&Sigrid
Author URI: https://ellasigrid.se
Version: 3.4.7.1778056460
Updated: 2026-05-06 08:34:20

*/

:root {
	--black:#000000;
	--grey:#F0EFEB;
    --red:#A51E1E;
	--white:#ffffff;
	--normal-size:1.8rem;
}

::selection {background: var(--red); color:var(--white);} ::-moz-selection {background: var(--red); color:var(--white);}

html { font-size: 62.5%; overflow-x:hidden; }
body {font-size: var(--normal-size); font-family: var(--e-global-typography-text-font-family);}

h1 {font-size: 8rem; line-height: 1.2 !important;}
h2 {font-size: 5rem; line-height: 1.2 !important;}
h3 {font-size: 3rem; line-height: 1.2 !important;}
h4 {font-size: 2.5rem; line-height: 1.2 !important;}

/* Header */
.home header {position: absolute; z-index: 50; width: 100%;}
header .elementor-widget-image a img[src$=".svg"], .home header img[src$=".svg"] {width:187px;}
header .elementor-nav-menu .elementor-item {font-size: var(--normal-size);}
header figcaption {visibility: hidden; font-size: 0px;}
ul.elementor-nav-menu--dropdown a, ul.elementor-nav-menu--dropdown a:focus, ul.elementor-nav-menu--dropdown a:hover {border-inline-start: 0px !important;}

/* Content */
.elementor-cta__button {background: var(--white) !important; color: var(--black) !important; font-size: 2rem !important;}
.elementor-cta__bg:before {background-color: var(--black); opacity: 0.4; content:''; width: 100%; height: 100%; display: block;}
.elementor-form-fields-wrapper input {margin-top: 7px;border-top: 0 !important;border-left: 0 !important;border-right: 0 !important;border-radius: 0 !important;border-bottom: 2px solid #ccc !important;background: var(--grey) !important;margin-bottom: 5px;}
.elementor-field-textual.elementor-size-md {font-size: 18px !important; padding: 10px 15px !important;}
.elementor-widget-button .elementor-button, .elementor-button.elementor-size-md {font-size:2rem !important;}
.elementor-widget-n-accordion .e-n-accordion-item-title-text {font-size:var(--normal-size) !important;}
.elementor-widget-n-accordion .e-n-accordion-item-title, .elementor-widget-n-accordion .elementor-element {border:0 !important;}
.elementor-widget-n-accordion .e-n-accordion-item {padding:10px 0;}
.elementor-widget-n-accordion .e-n-accordion-item:not(:last-child) {border-bottom: 1px solid #ccc;}
.elementor-widget-text-editor a {text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 2px;}
.elementor-widget-text-editor ul, ul.wp-block-list {margin:20px 0; padding-left:20px;}
.elementor-widget-text-editor ul li:not(:last-child), ul.wp-block-list li:not(:last-child) {margin-bottom:10px;}
.elementor-button span {line-height: 1.3; text-align: left;}
.site-main {margin-top:7rem;}
.home .site-main {margin-top:0;}
.site-main .e-con.e-parent {margin-bottom:7rem;}
.site-main .e-con.e-parent .e-con.e-parent {margin-bottom:0;}

/* Footer */
footer h2{font-size:3rem;}

/* TGA */
.elementor-widget-text-editor a[href$=".pdf"]:before, .elementor-widget-theme-post-content a[href$=".pdf"]:before, .elementor-widget-text-editor a[href*="//"]:not([href*="bollebo.se"]):before {font-family: "Font Awesome 6 Pro"; margin-right: 5px;}
.elementor-widget-text-editor a[href$=".pdf"]:before, .elementor-widget-theme-post-content a[href$=".pdf"]:before {content:'\f1c1'; font-size: 18px;}
.elementor-widget-theme-post-content a {text-decoration: underline !important; text-decoration-thickness: 2px !important; text-underline-offset:3px;}
.elementor-widget-text-editor a[href*="//"]:not([href*="bollebo.se"]):before, .elementor-widget-theme-post-content a[href*="//"]:not([href*="bollebo.se"]):before{content:'\f08e'; font-size: 15px;}
.elementor-button[href$=".pdf"] .elementor-button-text:before,.elementor-button[href*="//"]:not([href*="bollebo.se"]) .elementor-button-text:before, .elementor-widget-theme-post-content a[href*="//"]:not([href*="bollebo.se"]):before{font-family: "Font Awesome 6 Pro";color:var(--lightblue);margin-right:1rem;font-weight:300;}
.elementor-button[href$=".pdf"] .elementor-button-text:before{content:'\f1c1'; font-size: 20px;}
.elementor-button[href*="//"]:not([href*="bollebo.se"]) .elementor-button-text:before{content:'\f08e'; font-size: 18px;}

/* Klasser */
.citat strong {color:var(--red); padding: 10px;}
.grey {background: var(--grey); border-radius: 15px !important;}
.news a {text-decoration: underline !important; text-decoration-thickness: 2px !important; text-underline-offset:3px;}
.no-margin-bottom {margin-bottom:0 !important;}
.padding {padding:5rem !important;}
.pratbubbla {max-width:820px;}
.pratbubbla:after {content: '';position: absolute;bottom: 0;left: 50px;width: 0; height: 0; border: 30px solid transparent; border-top-color: var(--white); border-bottom: 0; border-left: 0; margin-left: -10px; margin-bottom: -30px;}
.text-on-image {position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 30px;}
.white {background: var(--white); border-radius: 15px !important;}

@media screen and (max-width: 1200px){
	h1 {font-size: 6rem;}
	h2 {font-size: 4rem;}
	h3 {font-size: 2.5rem;}
	h4 {font-size: 2rem;}
}

@media screen and (max-width: 1024px){
	video {min-height: 565px;}
	header nav.elementor-nav-menu--dropdown {height: 100vh; padding-top: 70px; margin-top: 0 !important; top:-40px !important;}
	header .elementor-menu-toggle {z-index: 50000;}
	header .elementor-menu-toggle.elementor-active svg {fill:var(--black) !important;}
	header .sub-menu a {padding-left:30px !important;}
	header, .home header {position: fixed; width: 100%; z-index: 50; top: 0;}
	.site-main {margin-top: 12rem;}
	.scrolled-down.home header .e-parent, .scrolled-up.home header .e-parent  {background-color: #000000 !important;}
}

@media screen and (max-width: 500px){
	.intro h1 {font-size: 4rem !important;}
	.padding {padding:3.5rem !important;}
	h1 {font-size: 5rem;}
	h2 {font-size: 3rem;}
	h3 {font-size: 2rem;}
	.elementor-widget-button .elementor-button, .elementor-button.elementor-size-md {font-size: 1.8rem !important;}
	.citat h2 {font-size:2.5rem !important;}
	.site-main .e-con.e-parent {margin-bottom: 3rem;}
}