/*
Theme Name: Bionär
Template:  geab
Theme URI: https://www.gavleenergi.se
Author: Gävle Energi AB
Author URI: https://www.gavleenergi.se
Description:  
Version: 3.0
Text Domain: bionar
*/

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');

body{
	font-family: 'Lato', sans-serif !important;
	font-size: 18px;
}

 
@media only screen and (max-width:991px){

.ubermenu-responsive-toggle{
	padding: 1rem!important;
}

.ubermenu.ubermenu-mobile-modal .ubermenu-nav::before{
    width: 40px;
    height: 45px;
  	background: url(img/bionar-symbol.png) no-repeat;
  	background-size: 100% auto;
  	display: block;
  	margin: 40px auto 40px;
  	content: '';
  }



.ubermenu.ubermenu-mobile-modal .ubermenu-nav a{
 	font-weight: 600;
 	text-align: center;
  }
}


.navbar-brand-symbol a{
   background: url(img/bionar-symbol.png) no-repeat;

  }

#simpliform div[data-type=SectionBreakField]:not(.geab-hidden) {
      /* background: #ecf3eb;*/
  }

@media only screen and (min-width:992px){

	.block-1{
		height: 100%;

	}
	.block-2{
 		--bs-aspect-ratio: 42.8571428571%;
    	position: relative;
    	width: 100%;
	}	
}
 
@media only screen and (max-width: 991px){
	.block-1{
		height: 70vh;
	}

	body{
	font-size: 16px;
	}

	.h1, h1{
		font-size: 2rem;
	}

	.h2, h2{
		font-size: 1.7rem;
	}
	.h3, h3{
		font-size: 1.4rem;
	}
}

@media only screen and (min-width: 768px){
  .box-header h1 {
    line-height: 1;
    letter-spacing: -2px;
    font-size: 5.488vw;
    font-weight: 800;
}

.box-header p.lead {
    font-size: 34px !important;
    line-height: 1.4em;}
}
  
.btn, .accordion-button, button{
	font-size: 18px;
}
.btn-link{
	color: #336027!important;
	text-decoration: underline;
	cursor: pointer;
}
.btn-link:hover{
	color: #26481D !important;

}
.btn-link:active, .btn-link:focus{
	color: #182E12 !important;
}


.btn-primary, .wp-block-button:not(.is-style-outline) .wp-block-button__link{
	font-size: 1em;
	background: #336027 !important;
	color: #fff !important;
	border: 2px solid #336027 !important;
	text-decoration: none;
}

.btn-primary:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover{
	background: #26481D !important;
	border: 2px solid #26481D !important;
	text-decoration: none;

}

.btn-primary:active, .btn-primary:focus, .wp-block-button:not(.is-style-outline) .wp-block-button__link:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus{
	background: #182E12 !important;
	border: 2px solid #182E12 !important;
	outline: none;
	box-shadow: none !important;
}

.btn-secondary, .wp-block-button.is-style-outline .wp-block-button__link {

	background: #fff !important;
	color: #336027 !important;
	border: 2px solid #336027 !important;
	text-decoration: none;
}

.btn-secondary:hover, .wp-block-button.is-style-outline .wp-block-button__link:hover{
	background: #ECF3EB !important;
	border: 2px solid #26481D !important;
	text-decoration: none;

}

.btn-secondary:active, .btn-secondary:focus, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link:active{
	background: #D8EBD5 !important;
	border: 2px solid #182E12 !important;
	outline: none;
	box-shadow: none !important;
}



.btn-success{
	background: #C3FFD2 !important;
	color: #47525D !important;
	border: 2px solid #C3FFD2 !important;
}

.btn-success:hover{
	background: #A5FFBC !important;
	border: 2px solid #A5FFBC !important;
}

.btn-success:active, .btn-success:focus{
	border: 2px solid #C3FFD2 !important;
	outline: none;
	box-shadow: none !important;
}


.btn-default{
	border: none !important;
	text-decoration: underline;
}

.has-light-green-background-color, .bg-light-green, .bg-secondary, .bg-info{
	background: #ECF3EB !important;
}
.bg-top, .bg-beige, .has-beige-background-color{  background: #F0EEEA;}

.bg-light{
	background: #f6f6f6 !important;
}

.bg-success{
	background: #c3ffd2 !important;
}

.gradient{
 	color: #336027 !important;

}
.gradient:before{
	-webkit-text-fill-color:  inherit;

}
.has-dark-green-background-color, .bg-dark-green, .bg-primary, #main #simpliform>div:not(.webui-popover) .form-header{
	background: #336027 !important;
}

.has-dark-red-background-color, .bg-dark-red, .bg-danger{
	background: #B10000;
}

.has-gray-green-background-color, .bg-gray-green{
	background: #F8F8F8;
}

   .wp-block-table thead{
        background-color: rgb(51, 96, 39) !important;
        color: #fff;
    }

    header .navbar-nav .dropdown-menu li a:hover, header .navbar-nav .dropdown-menu li a:active{
   /* 	background: #ECF3EB ;*/
    }

.text-danger{
	color: #b10000 !important;
}


.open-hours .closed {
    color: #9E0C3D
}

.open-hours .toggle-arrow {
    display: none;
    transition: transform 0.3s ease-in-out
}

.open-hours .day-container.current .toggle-arrow {
    display: inline-block
}

.open-hours .collapsed {
    transform: rotate(90deg)
}


            @-webkit-keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(196,200,113)}}@keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(196,200,113)}}.bionar-1{-webkit-animation:animate-svg-fill-1 0.8s ease-in 0.6s both;animation:animate-svg-fill-1 0.8s ease-in 0.6s both}@-webkit-keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(114,110,64)}}@keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(114,110,64)}}.bionar-2{-webkit-animation:animate-svg-fill-2 0.8s ease-in 0.8s both;animation:animate-svg-fill-2 0.8s ease-in 0.8s both}@-webkit-keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(80,120,69)}}@keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(80,120,69)}}.bionar-3{-webkit-animation:animate-svg-fill-3 0.8s ease-in 1s both;animation:animate-svg-fill-3 0.8s ease-in 1s both}@-webkit-keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(114,110,64)}}@keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(114,110,64)}}.bionar-4{-webkit-animation:animate-svg-fill-4 0.8s ease-in 1.2000000000000002s both;animation:animate-svg-fill-4 0.8s ease-in 1.2000000000000002s both}@-webkit-keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(80,120,69)}}@keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(80,120,69)}}.bionar-5{-webkit-animation:animate-svg-fill-5 0.8s ease-in 1.4s both;animation:animate-svg-fill-5 0.8s ease-in 1.4s both}@-webkit-keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(114,110,64)}}@keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(114,110,64)}}.bionar-6{-webkit-animation:animate-svg-fill-6 0.8s ease-in 1.6s both;animation:animate-svg-fill-6 0.8s ease-in 1.6s both}@-webkit-keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(80,120,69)}}@keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(80,120,69)}}.bionar-7{-webkit-animation:animate-svg-fill-7 0.8s ease-in 1.8000000000000003s both;animation:animate-svg-fill-7 0.8s ease-in 1.8000000000000003s both}@-webkit-keyframes animate-svg-fill-8{0%{fill:transparent}100%{fill:rgb(114,110,64)}}@keyframes animate-svg-fill-8{0%{fill:transparent}100%{fill:rgb(114,110,64)}}.bionar-8{-webkit-animation:animate-svg-fill-8 0.8s ease-in 2s both;animation:animate-svg-fill-8 0.8s ease-in 2s both}@-webkit-keyframes animate-svg-fill-9{0%{fill:transparent}100%{fill:rgb(80,120,69)}}@keyframes animate-svg-fill-9{0%{fill:transparent}100%{fill:rgb(80,120,69)}}.bionar-9{-webkit-animation:animate-svg-fill-9 0.8s ease-in 2.2s both;animation:animate-svg-fill-9 0.8s ease-in 2.2s both}@-webkit-keyframes animate-svg-fill-10{0%{fill:transparent}100%{fill:rgb(114,110,64)}}@keyframes animate-svg-fill-10{0%{fill:transparent}100%{fill:rgb(114,110,64)}}.bionar-10{-webkit-animation:animate-svg-fill-10 0.8s ease-in 2.4s both;animation:animate-svg-fill-10 0.8s ease-in 2.4s both}@-webkit-keyframes animate-svg-fill-11{0%{fill:transparent}100%{fill:rgb(80,120,69)}}@keyframes animate-svg-fill-11{0%{fill:transparent}100%{fill:rgb(80,120,69)}}.bionar-11{-webkit-animation:animate-svg-fill-11 0.8s ease-in 2.6s both;animation:animate-svg-fill-11 0.8s ease-in 2.6s both}@-webkit-keyframes animate-svg-fill-12{0%{fill:transparent}100%{fill:rgb(114,110,64)}}@keyframes animate-svg-fill-12{0%{fill:transparent}100%{fill:rgb(114,110,64)}}.bionar-12{-webkit-animation:animate-svg-fill-12 0.8s ease-in 2.8000000000000003s both;animation:animate-svg-fill-12 0.8s ease-in 2.8000000000000003s both}@-webkit-keyframes animate-svg-fill-13{0%{fill:transparent}100%{fill:rgb(80,120,69)}}@keyframes animate-svg-fill-13{0%{fill:transparent}100%{fill:rgb(80,120,69)}}.bionar-13{-webkit-animation:animate-svg-fill-13 0.8s ease-in 3.0000000000000004s both;animation:animate-svg-fill-13 0.8s ease-in 3.0000000000000004s both}