/* Custom CSS */
body.path-node .lang a.active-ln {
    color:white;
}
body.path-node div.lang a {
    color: rgba(255,255,255,0.5) ;
}
body.path-admin div {
	color: black;
}
.field--name-field-body-mobile .field__label {
	display:none;
}
.search-help-link, body #admin-toolbar-search-tab,body #admin-toolbar-mobile-search-tab {
	display:none !important;
}
form.searchform.mainsearchform {
	width:100%;
  	max-width: unset;
}
.searchbar input {
	font-family: "Bebas Neue Pro";
  	font-size: 20px;
}
.carousel-indicators {
	bottom:30px;
}
form.search-form label[for="edit-keys"] {
	display: none;
}
div.form-item-keys {
	width: 100%;
}
.input-group.main-searchbar.searchbar {
	width: 100%;
}
.product-items .field--name-field-name {
	font-family: "Bebas Neue Pro";
  font-size: 25px;
}
.product-items .field--name-field-long-name {
	font-size: 20px !important;
  font-family: "Bebas Neue Pro";
}
.container-inline div.container {
	display: block;
}
.container-inline div.container div {
	display:flex;
}
.search-form input#edit-submit, body.path-search form#search-form + h2 {
	display:none;
} 
.breadcrumb > a.breadcrumb {
	color: white;
  font-size: 16px;
  margin-top:0px;
}
.breadcrumb-self-title {
	font-size: 16px;
}
ol.search-results, ol.search-results li {
	padding-left: 0;
  margin: 0;
  font-size: 12px;
}
.search-result__title  {
	font-size: 12px;
}
nav.pager *{
	color: white;
}

.field--name-field-media-image img.image-style-large {
	/*max-height: 100px;*/
    height: auto;
  width:100%;
  
}

details#edit-advanced {
	display:none;
}
.product-title {
	font-size: 40px;
}
.product-submenu {
	font-size: 16px;
 	margin-left: -10px !important;
  margin-bottom:auto;
}
@font-face {
    font-family: 'Bebas Neue Pro';
    src: url('/themes/LindInventTheme/fonts/bebas-neue-pro/BebasNeuePro-Regular.woff2') format('woff2'),
         url('/themes/LindInventTheme/fonts/bebas-neue-pro/BebasNeuePro-Regular.woff') format('woff'),
         url('/themes/LindInventTheme/fonts/bebas-neue-pro/BebasNeuePro-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('/themes/LindInventTheme/fonts/source-sans-pro/webfonts/source-sans-pro-latin-400-normal.woff2') format('woff2'),
         url('/themes/LindInventTheme/fonts/source-sans-pro/webfonts/source-sans-pro-latin-400-normal.woff') format('woff'),
         url('/themes/LindInventTheme/fonts/source-sans-pro/ttf/source-sans-pro-latin-400-normal.ttf') format('truetype');
}
#reg-newsletter:hover {
    background-color:white;
    border: #fff;
}

.source-sans, div {
    font-family: "Source Sans Pro", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
}

blockquote {
	background-color: rgb(131,171,41);
  padding: 40px;
  font-style: italic;
  position:relative;

}
blockquote p {
  font-size:22px;
  margin-bottom:0;
  position: relative;
  z-index: 5;
  max-width:70%;
}
blockquote div.author {
	font-size:16px;
}
blockquote:before { 
    content: open-quote;
    font-weight: bold;
    font-size: 100px;
    line-height: 110%;
    color:rgba(255,255,255,0.2);
  position:absolute;
  top: 10px;
  left:10px;
} 
blockquote:after { 
    content: close-quote;
    font-weight: bold;
    font-size: 100px;
    line-height: 110%;
    color:rgba(255,255,255,0);
  position:absolute;
  top: 10px;
  left:10px;
} 
blockquote img {
	position: absolute;
    bottom: 0;
  	right: 0;
  	height: auto;
  	width: auto;
  	max-width: 30%;
  	max-height: 80%;
} 
blockquote.blockquote-simple {
	background-color: transparent;
}

.search-result__title a {
	color:white;
  	font-family: "Source sans pro";
  font-size: 12px;
}
.search-form h2 {
	display:none;
}
  .no-scroll {
    overflow: hidden;
}

h1, h2, h3, h4, h5, h6, .bebas-neue
 {
    font-family: "Bebas Neue Pro";
}
/* Page headings */
h2 {
	font-size: 55px !important;
  	color: white;
}
h3 {
	font-size: 35px !important;
  	color: #83AB29;
}
h4 {
	font-size: 25px !important;
  	color: white;
}
h5 {
	font-size: 20px !important;
  	color: white;
}
h6 {
	font-size: 16px !important;
  	color: white;
}


.main-text {
    width: 60%;
    text-align: center;
    margin: auto auto;
    height: 80%;
    padding-top: 10%;
   
}

.carousel-control-prev svg 
{
    background-color: white;
    border-radius: 20px;
    transform: rotate(180deg);
}
.carousel-control-next svg{
    background-color: white;
    border-radius: 20px;

} 
.field--name-field-main-image img{
    height:150px;
    width:150px;
}

.field--name-field-related-products a {
    text-decoration: none;
    color:white;
} 
.field--name-field-category-ingress {
    position: relative;
    z-index: 3;
}
.product-category-ingress p {
    font-size: 22px;
}
p , li {
    font-size: 16px;
}
:is(.field--name-field-related-products, .field--name-field-case-related-products) .field__item {
    display:inline-flex;
}
.field--name-field-related-products, .field--name-field-case-related-products {
  //  text-align: center;
  margin-bottom:30px;
}

.field--name-field-case-related-products .field__label {
	font-family: "Bebas Neue Pro";
  	font-weight: bold;
  	font-size: 25px;
  color: white;
  border-bottom: 1px solid rgb(131, 171, 41);
}

.field--name-field-related-products .field--name-field-title {
    max-height: 24px;
    overflow: hidden;
    max-width:150px;
}
.document-section {
    position:relative;
    display: none;

}
.document-section span {
    position: relative;
    top:1px;
}

.document-section a {
    text-decoration: none;
    color:white;
}

.document-section a svg {
    display:inline;
  	margin-bottom:5px;
}
.document-section .field__item a div  {
    display:inline-block;
  font-size:16px;
}

.block-system-main-block {
    position:relative;
}

.container-fluid {
    padding:0 !important;
}
.sub-text {
    text-align: center;
}

body .lang  {
    top:15px;
    right: 5px;
    position:relative;
    padding-bottom: 10px;
}

body .lang a ,body.path-frontpage .lang a {
text-decoration: none;
color:  rgba(255,255,255,0.4);

font-family: "Bebas Neue";
}
body .lang a.active, body .lang a.active-ln{
color: white;
}

nav {
    padding: 0 25px 0px 10px !important;
}

.col-bottom {
    height: 20%;
    bottom: 0;
    position: relative;
}

.roundButton,.round-button, .path-cases .node--type-case ul.links li,.path-cases .node--type-event ul.links li {
    background-color: rgb(131, 171, 41);
    /* Green background */
    border: none;
    /* Remove borders */
    color: white;
    /* White text */
    padding: 7px 50px;
    /* Some padding */
    text-align: center;
    /* Centered text */
    text-decoration: none;
    /* Remove underline */
    display: inline-block;
    /* Make the container inline */
    font-size: 16px;
    /* Increase font size */
    margin: 4px 2px;
    /* Some margin */
    cursor: pointer;
    /* Pointer/hand icon */
    border-radius: 25px;
    /* Rounded corners */
    min-width: 100px;
}
.roundButtonSmall,.round-button-small, .path-cases .node--type-case ul.links li, .path-cases .node--type-event ul.links li {
    background-color: rgb(131, 171, 41);
    /* Green background */
    border: none;
    /* Remove borders */
    color: white;
    /* White text */
    padding: 2px 20px;
    /* Some padding */
    text-align: center;
    /* Centered text */
    text-decoration: none;
    /* Remove underline */
    display: inline-block;
    /* Make the container inline */
    font-size: 8px;
    /* Increase font size */
    margin: 4px 0px;
    /* Some margin */
    cursor: pointer;
    /* Pointer/hand icon */
    border-radius: 15px;
    /* Rounded corners */
    min-width: 100px;
}
.roundButtonSmall,.round-button-small {
    background-color: rgb(131, 171, 41);
    /* Green background */
    border: none;
    /* Remove borders */
    color: white;
    /* White text */
    padding: 2px 20px;
    /* Some padding */
    text-align: center;
    /* Centered text */
    text-decoration: none;
    /* Remove underline */
    display: inline-block;
    /* Make the container inline */
    font-size: 8px;
    /* Increase font size */
    margin: 4px 0px;
    /* Some margin */
    cursor: pointer;
    /* Pointer/hand icon */
    border-radius: 15px;
    /* Rounded corners */
    min-width: 100px;
}
.round-button-medium, .path-cases .node--type-case ul.links li, .path-events .node--type-event ul.links li , .product-cases ul.links li, .path-room-templates ul.links li {
    background-color: rgb(131, 171, 41);
    /* Green background */
    border: none;
    /* Remove borders */
    color: white !important;
    /* White text */
    padding: 5px 30px;
    /* Some padding */
    text-align: center;
    /* Centered text */
    text-decoration: none !important;
    /* Remove underline */
    display: inline-block;
    /* Make the container inline */
    font-size: 14px;
    /* Increase font size */
    margin: 4px 0px;
    /* Some margin */
    cursor: pointer;
    /* Pointer/hand icon */
    border-radius: 15px;
    /* Rounded corners */
    width: 100%;
}
.path-cases .node--type-case ul.links li a , .path-events .node--type-event ul.links li a,.path-room-templates .node--type-room-template ul.links li a  {
	text-decoration: none;
  	color: white;
}
.path-cases .node--type-case ul.links, .path-events .node--type-event ul.links, :is(#cases-section, #room-template-section, .path-room-templates) ul.links {
	margin: unset;
 	display: block;
  padding-left: revert;
  color: white;
  text-decoration: none;
  position: absolute;
  bottom: 15px;
  width:85%;
}
:is(#cases-section, #room-template-section) .field--type-string , :is(#cases-section, #room-template-section) li  {
	padding: 5px;
  margin:auto;
  z-index:1;
}
footer {
    background-color: rgb(76, 97, 114);
    color: white;
    position: initial;
    min-height: 130px;
    bottom: 0;
    width: 100%;
    text-align:left;
    z-index: 10;
}

body {
    padding-bottom: 0px;
    min-height: 100vh;
}

.main-content {
    min-height: 100vh;
}

.block-field-blocknodehomepagefield-intro-tab .field__items, .block-field-blocknodehomepage2field-intro-tab .field__items {
    display: flex;
    text-align: left;
    position: relative;
    color: white;

}

.block-field-blocknodehomepagefield-intro-tab .field__items a , .block-field-blocknodehome2pagefield-intro-tab .field__items a{
    text-decoration: none;
    color: white;
    font-size: 2rem;
} 

.block-field-blocknodehomepagefield-intro-tab  .field__item  article.node--type-tab  {
    padding: 10px;
    padding-top:70vh;
  /*  background: url("/sites/default/files/styles/large/public/2024-07/landing-slide2.jpg?itok=XBC71xkj") no-repeat;*/
    background-size: cover;
    min-height: 450px;
}
.block-field-blocknodehomepage2field-intro-tab .field__item  article.node--type-tab  {
    padding: 10px;
    padding-top: 75vh;
    overflow: hidden;
  /*  background: url("https://dev.lindinvent.devstation.cloud/sites/default/files/2024-08/inneklimat.jpg") no-repeat;*/
    background-size: cover;
    background-position: center;
    height: 101vh;
}


.field--name-body .field__item {    
    flex-basis: 100%;
}

span.plus {
    padding-right:  5px;
}
span:has(span.plus) {
    cursor: pointer;

}
span:hover span.plus {
    transform: scale(1.4);
}

.product-longname-wrapper div.field--name-field-long-name {
    font-family: 'Source Sans Pro'; 
  font-size:14px !important;
    overflow: visible;
    text-wrap: pretty;
    max-width: 130px;
}
.field--name-field-intro-tab{
 margin-top: min(-20vh , -210px);
}
.navbar {
    z-index:3;
}

.block-field-blocknodehomepagebody , .block-field-blocknodehomepage2body, .startpage-video-body{
    position: absolute;
    width: 100%;
    top: 30%;
    margin: auto;
    z-index: 1;
    text-shadow: 2px 2px rgba(0,0,0,.7);
    text-align: center;
}

.layout__region {
    position:relative;
}

/* Homepage2 */
html {
    box-sizing: border-box;
    font-family: 'sans-serif';
    font-size: 22px;
    font-weight: 200;
      background-color: rgb(48,68,78); 
    /*color:white;*/
}

body {
    margin: 0;
    background-color: rgb(102,121,135); 
}
body.path-frontpage, body.path-node, body.path-frontpage a, body.path-node a {
    color:white;
  text-decoration: none;
}

*, *:before, *:after {
    box-sizing: inherit;
}

.panels, .field--name-field-intro-tab {
    min-height: 105vh;
    overflow: hidden;
    display: flex;
    position: relative;
    vertical-align: bottom;
    
}

.panel, .field--name-field-intro-tab .field__item {
    color: white;
    transition:
        transform 0.8s,
        flex 0.6s cubic-bezier(0.25, 0.1, 0.25, 1.0);
    font-size: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.panel a, .field--name-field-intro-tab .field__item article a{
    color:#fff;
    font-weight:100;
    font-size: 1.5rem;
    text-decoration: none;
    padding-left: 25px;
    
}
.intro-tab-mobile .field__item article a {
	text-decoration: none;
}

.panel:hover{
flex: 1.2;
}

.panel:hover, .field--name-field-intro-tab .field__item:hover {
  flex-basis: 20%;
  
}
.panel:hover .hidden-by-default, .field--name-field-intro-tab .field__item:hover article * {
   visibility: visible;
   opacity: 1;
   transition-property: opacity;
   transition-duration: 1s;
}

.field--name-field-intro-tab .field__item article .node__content {
line-height: 1.2;
padding: 25px;
margin-top: -40px;
font-size: 16px;
}

.block-field-blocknodehomepage2field-intro-tab .field__item article  {
      background-position: center;
}


.text-tiny {
    font-size: 12px;
}

.text-small, p {
    font-size: 16px;
}

.text-big, h3 {
    font-size: 25px;
  	color: #83ab29; !important;
}

.text-huge, h2 {
    font-size: 55px; !important
}

.media-document-checkbox {
    position:absolute; 
    right:65px;
    top:3px;
  	height:16px;
  	width:16px;
}
div.breadcrumb {
  border-bottom: solid 2px rgb(131, 171, 41);
  margin-left: 5px;
}
.breadcrumb a {
  margin-bottom: 0;
  margin-left: 0px;
	color: rgb(74, 98, 114);
  	font-family: "Source Sans Pro";
  	font-size: 16px; 
  	text-decoration: none;
}
div.breadcrumb svg {
  //color: rgb(74, 98, 114);
  margin-top:5px;
} 
.breadcrumb-self-title div {
  color: white;
  font-family: "Bebas Neue Pro";
  font-size: 16px; 
}

.page-node-type-contact .row>* {
	padding-left: 10px;
  	padding-right: 10px;
}

.page-node-type-contact .row {
	margin-left: -28px;
}

.ingress-inline {
	font-size: 22px;
}
a, a.dropdown-item {
	color: white;
}
.main-menu a {
	color:white;
  	text-decoration:none;
}
.main-menu a:hover {
	color:white;
  	text-decoration:underline;
}
.input-group.searchbar {
	
}
.searchform {
	width: 45%;
}

.contact-column-title, .menu-column-title {
	text-align: left;
  	display: block;
  	font-family: "Bebas Neue Pro";
  	font-style: bold;
}
.field--name-field-related-cases {
	display:none;
}
/* Mobile view specific styles */
@media only screen and (max-width: 1400px) {

    .full-image-version {
  	display:none;
  }
  .mobile-image-version {
  	display:block;
  }
  .field--name-field-intro-tab.field__items {
  	display: none;
  }
  .intro-tab-mobile, .startpage-video-body-mobile {
  	margin-top: -200px;
    height: calc(100% + 300px);
  }
 
   .intro-tab-mobile #carouselExampleIndicatorsMobile {
  	display: flex;
  }
  .intro-tab-mobile .carousel-indicators [data-bs-target] {
   border-top: unset;
   border-bottom: unset;
   border-radius: 45px;
   width: 20px;
   height: 20px;
}
  .input-group.searchbar {
  	min-width:200px;
  }
  .navbar {
  	z-index: 100;
  }
  .menu-column, .contact-column {
	border-top: initial;
    margin-bottom: 20px;
  }
  .menu-column-title, .contact-column-title {
    border-bottom: 2px solid rgb(131, 171, 41);
    display: block;
    font-size: 24px;
  }
  [data-history-node-id="136"] .container h1 {
  	margin-left: 10px;
    font-family: "Bebas Neue Pro";
  }
    [data-history-node-id="136"] .container {
  	margin-top: 10px;
      padding-right:20px;
  }
  .navbar {
      margin-left:10px;
  }
    .menu-column li, .contact-column li {
    list-style-type: "+";
    font-weight: 300;
  }
  .menu-column ul, .contact-column ul {
    padding-left: 8px;
  }
  .startpage-introtabs, .startpage-video-body {
  	display: none;
  }
  .main-container {
  	margin-top: 20px;
  }
  .page-node-type-product .carousel-indicators img, .page-node-type-product .field--name-field-environment-image {
  	display: none !important;
  }
  .page-node-type-product .carousel-indicators {
  	top: unset;
    bottom: 10px;
  }
  .product-category-ingress h2 {
  	font-size:24px !important;
  }
  .product-category-ingress p {
  	font-size:16px !important;
  }
  
  div.product-category-bg {
  	top: -200px;
    padding-top 200px;
  }
  .field--name-body .row > * {
  	width:90%;
    margin: auto !important 10px;
  }
  #carouselExampleIndicators {
  	min-height: unset !important;
    margin-top: unset !important;
  }
  .page-node-type-product .product-epd-logo {
  	width: unset;
  }

  .product-epd-logo {
  	position: absolute;
    top: -30px;
    height: 30px !important;
    width:unset;
  }
  .mobile-body img {

  margin: 0 auto;
  display: block;
  max-width: 60vw;
  height: auto;
    width: auto !important;
  margin-top: 100px;
  position: relative;
    max-height:30vh;
  }
  .startpage-video-body-mobile {
  position::relative;
    bottom: 50vh;
  }
  .mobile-body {
  	position: absolute;
    top: 180px;
    width:100%;
    display:block;
  }
  .page-node-type-global-pdf-generator :is(.cat0, .cat1, .cat2, .cat3, .cat4, .cat5, .cat6, .cat7, .cat8, .cat9) {
  	display:none;
  }
  	div.carousel-indicators [data-bs-target] {
		border-top: 0;
		border-bottom: 0;
		height: 20px;

		width: 20px;
      border-radius: 15px;
	}
}
/* Full screen specific styles */
@media only screen and (min-width: 1401px) {
  #navbarSupportedContent {
	position:relative;
  	right: -28px;
	}
  .full-image-version {
  	display:block;
  }
  .mobile-image-version, .mobile-body, .startpage-video-body-mobile {
  	display:none;
  }
   [data-history-node-id="136"] .container h1 {
  	margin-left: 10px;
  	font-family: "Bebas Neue Pro";
  }
   .field--name-field-intro-tab.field__items {
  	display: flex;
  }
     .intro-tab-mobile  #carouselExampleIndicatorsMobile, #mobile-category-selector {
  	display: none;
  }
  .input-group.searchbar {
  	width:300px;
}
  .searchform {
  	max-width:300px;
}
  .menu-column, .contact-column {
	border-left: 2px solid #8b98a6;
  }
  .menu-column:nth-last-child(1), .contact-column:nth-last-child(1) {
	border-right: 2px solid #8b98a6;
  }
  .menu-column li, .contact-column li {
    list-style-type: none;
    font-weight: 300;
  }
  .menu-column ul, .contact-column ul {
    padding-left: 0px;
  }
  .menu-column p, .contact-column p {
    font-weight: 300;
  }
  .menu-column-title, .contact-column-title {
    font-size:24px;
    font-weight: 600;
    font-family: "Bebas Neue Pro";
  }
  .startpage-introtabs-mobile, .startpage-video-body-mobile {
  	display: none;
  }
  img.product-epd-logo {
  	display: inline-block;
  }
  .mobile-body , .startpage-video-body-mobile{
  	display: none;
  }
  	div.carousel-indicators [data-bs-target] {
		border-style: solid;
      border-color: #4c6172;
      border-width: 1px;

		height: unset;
		background-color: rgb(102,121,135);
		opacity: 1;
		width: 80px;
	}
}

/* Global pdf generator start */
.page-node-type-global-pdf-generator input[type='checkbox']:checked, input[type='checkbox']:checked  {
background-color: rgb(132,172,42);
 border-color: rgb(132,172,42);
}
.pdf-category-titles {
	transform: rotate(45deg);
  font-family: "Source Sans Pro";
  font-size: 12px;
  //display:flex;
  align-items:center;
  justify-content:center;
}

.page-node-type-global-pdf-generator button.accordion-button, .document-list-title {
	font-family: "Bebas Neue Pro";
  	font-size: 20px;
  text-transform: uppercase;
  color: white;
  border-bottom: 1px solid rgb(131, 171, 41);
  line-height:24px;
  cursor: pointer;
}
.page-node-type-global-pdf-generator .document-list {
	min-height:200px;
  	font-family: "Source Sans Pro";
    font-size: 14px;
  	list-style-type: none;
  padding-left:0;
  cursor: crosshair;
}
.page-node-type-global-pdf-generator .checkbox-container {
	margin:0;
  line-height:20px;
  text-align:center;
}
.page-node-type-global-pdf-generator .accordion-body span.row-i {
	border-bottom: 1px solid rgba(131, 171, 41,0.3);
  margin: 0 15px;
  width: calc(100% - 30px);
}
#main-pdfgenerator-form label {
	font-family: "Source Sans Pro";
  	font-size: 12px;
}
#main-pdfgenerator-form input {
	color: rgb(77,94,117);
}
#main-pdfgenerator-form div.mb-3 {
	margin-bottom: unset !important;
}
/* Global pdf generator END */

.video-inner-container {
	position: relative;
  display: inline-block;
}
.controlButton {
	position: absolute;
  	bottom: 80px;
  	right: 30px;
  width: 48px;
  height:48px;
  border-radius: 30px;
  background-color: white;
  color: rgb(103,125,131);
  padding: 9px 0 0 13px;
}
.video-play-visible video {
	width:unset;
  height: unset;
  max-height: 90vh;
  max-width: 100%;
 
}
.video-inner-container {
	max-width: 100%;
  	max-height: 90vh;
}

.caption-img figcaption {
    font-size: 12px !important;
}

table {
  font-size: 16px; 
  border: 1px solid #586f82; !important;
    border-collapse: collapse; 
    width: 100%; 
}

td, th {
    border: 0px !important;
    padding: 10px; 
    text-align: left;
}
tr:nth-child(even) {
    background-color: #586f82; 
}
:is(.path-cases, .path-events, .product-cases,  .path-room-templates) article img {
	max-height: 120px;
} 
.path-cases .field--name-field-summary-title, .product-cases .field--name-field-summary-title,
.path-events .field--name-field-summary-title, .path-room-templates .field--name-field-summary-title{
	font-family: "Bebas Neue Pro";
  	font-size: 25px;
  	color: white;
  	font-weight: bold;
  	padding: 10px 10px 0 10px;
}
.path-cases .field--name-field-summary-title a, .product-cases .field--name-field-summary-title a,
.path-events .field--name-field-summary-title a, .path-room-templates .field--name-field-summary-title a {
	color: white;
    text-decoration: none;
}
.path-cases .field--name-field-summary-body, .product-cases .field--name-field-summary-body,
.path-events .field--name-field-summary-body, .path-room-templates .field--name-field-summary-body
{
	font-family: "Source Sans Pro";
  	font-size: 12px;
  	color: white;
  	font-weight: normal;
  padding: 10px 20px 0 10px;
}
.path-cases .field--name-field-summary-body a, .product-cases .field--name-field-summary-body a,
.path-events .field--name-field-summary-body a, .path-room-templates .field--name-field-summary-body a {
	color:white;
    text-decoration: none;
}
:is(#block-lindlnventlheme-webbformular, #block-lindinventtheme-webforms-block, .block-webform-block) :is(input, textarea) {
  width:100%;
}
.lindgreen {
color: #83AB29;
}
article.node--type-case, article.node--type-room-template {
	position:relative;
}

.webform-section label {
    font-size: 16px;
}
input.form-text {
  margin-top: 0px;
}
div.form-item {
margin-top:10px;
  margin-bottom:5px;
}
.views-view-responsive-grid {
	margin-bottom:30px;
}
.iconlinkrow div {
	display:inline;
}
.iconlinkrow a{
	text-decoration:none;
  	color: white;
}
.product-cases {
	display:flex;
  	padding: 0 15px;
}
.product-cases > div {
	margin-bottom:5px;
  	padding:5px;
}
.product-submenu {
	color: white;
}

#main-pdfgenerator-form label {
	display:block;
}
.dropdown:hover .dropdown-menu {
    display: block;
      left: 50%;
    transform: translateX(-50%);
  background-color: transparent;
  border: none;
}
video {
	height:auto;
}
.main-menu {
	background-color: #4c6172;
  opacity:0.95;
}
body.path-frontpage .field--name-field-intro-tab .field--name-body div.field__item {
	visibility: hidden;
  opacity:0;
}
:is(.field--name-field-intro-tab .field__item:hover, .startpage-introtabs:hover +) .field--name-body div.field__item {
	visibility: visible;
  opacity:1;
   transition-delay: 0.5s;
}
body.path-frontpage a.round-button {
	text-align:center;
  	margin: auto;
  padding-left: 50px;
  padding-right: 50px;
  
}
.block-field-blocknodehomepage2body {
	pointer-events: none;
}
.iconlinkrow {
	width: max-content;
  	position:relative;
    top:5px;
}
#edit-field-export-counter-0-value {
	user-select:none;
}
@media only screen and (min-width: 1200px) {
  #navbarSupportedContent {
	position:relative;
  	right: -28px;
	}
}
@media only screen and (max-width: 576px) {
    .iconlinkrow {
  	display:none;
  }
  #menu-right {
  	right:20px;
    position:relative;
  }
}
@media only screen and (max-width: 767px) {
  #menu-right {
	position:relative;
  	right: 12px;
	}
    .intro-tab-mobile {
  	margin-top: -280px;
    height: calc(100vh + 340px);
  }
    #navbarSupportedContent {
	position:relative;
  	right: -35px;
	}
  .page-node-type-startpage-video video {
  	min-height: unset !important;
  }
  .page-node-type-startpage-video .video-inner-container {
  		height: 20vh !important;
    margin-top: 15vh;
  }
  
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
      #navbarSupportedContent {
	position:relative;
  	right: -26px;
	}
}

.view-grouping-header {
	font-family: "Bebas Neue Pro";
  font-size: 25px;
  border-bottom: 1px solid rgb(131, 171, 41);
  color: #83AB29;
  text-transform: uppercase;
  margin-top:20px;
}
.view-grouping-content a {
	color:white;
  font-family: "Source Sans Pro";
  font-size: 12px;
  line-height: 14px;
}

.view-grouping-content span {
line-height: 14px;
}
.view-grouping-content h3 {
	font-size:20px;
  text-transform: uppercase;
}
.path-lindsearch .views-row {
	line-height:  16px;
}

/* Tile styles */
:is(.page-node-type-product, .path-cases, .path-events) .productzoomwrapper {
    overflow: hidden; 
    height: auto;
  	aspect-ratio: 1/1;
padding:5px;
}
:is(.page-node-type-product, .path-cases, .path-events) .productzoom-item {
   height: 100%;
  aspect-ratio: 1/1;
   position: relative;
   background-size: cover;
   overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
  display:flex; 
flex-direction:column; 
flex:1;
}
:is(.page-node-type-product, .path-cases, .path-events) .productzoom-item:hover {
    -webkit-transform: scale(1.1); 
    transform: scale(1.1);
    -webkit-transition: all 0.3s ease-in-out;
}
:is(.page-node-type-product, .path-cases, .path-events, .path-room-templates) .product-text{
margin-top:auto;
padding-bottom:0px;
margin-bottom:0px;
}
:is(.page-node-type-product, .path-cases, .path-events) .productzoom-item {
    position: relative;

    background-repeat: no-repeat;
    background-size: cover;
    padding: 10px;
    overflow: hidden;
}

:is(.page-node-type-product, .path-cases, .path-events) .productzoom-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%; /* Covers ~50% of the image */
    background: linear-gradient(to top, rgba(48, 68, 78,1), rgba(48, 68, 78,0)); /* Blue gradient */
    pointer-events: none; /* Ensures it doesn't interfere with interactions */
}

hr {
	color: rgb(131, 171, 41);
}

.product-category-ingress div.container, .product-category-ingress div.col* {
	margin-left:0;
}
body a.newsletter-footer-button {
	color: #83AB29;
  border-color: #83AB29;
}

subcategory-title {
	margin-top:30px;
}

subcategory-item{
	margin-top:30px;
}

.view-contacts .view-content h3 {
	border-bottom: 1px solid #83AB29;
  font-family: "Bebas Neue Pro";
}
.view-contacts .view-content .views-field-field-name .field-content {
      font-family: "Bebas Neue Pro";
}
.view-contacts .view-content .views-field-field-title .field-content,
.view-contacts .view-content .views-field-field-city .field-content,
.view-contacts .view-content .views-field-mail .field-content,
.view-contacts .view-content .views-field-field-phone .field-content a{
      font-size: 14px;
  	color:white;
  text-decoration: none;
  line-height: 21px;
}

span.subcategory-title {
	margin-top: 30px;
}
.page-node-type-basic-page-with-ingress .breadcrumb.container {
	margin-top: 160px;
  	position:absolute;
  left:0;
  right:0;
  z-index:2;
}
/* Room Templates, function description */
   .li-box {
    width: 100%; 
    margin: 10px auto;
  }
  .li-details {
    all: unset;
    display: block;
  }
  .li-summary {
    background-color: #83ab29;
    color: white;
    padding: 12px 20px;
    cursor: pointer;
    list-style: none;
    position: relative;
    font-size: 14px;
    border: none;
    outline: none;
    border-radius: 20px 20px 0 0; /* Övre hörn rundade */
    width: 100%;
    box-sizing: border-box;
  }
  .li-summary::after {
    content: '+';
    position: absolute;
    right: 20px;
    font-weight: bold;
  }
  .li-details[open] .li-summary::after {
    content: '−';
  }
  .li-inner-content {
    background-color: transparent;
    padding: 20px;
    border: 2px solid #83ab29;
    border-top: none; /* Så det inte blir dubbelram mot knappen */
    border-radius: 0 0 20px 20px; /* Nedre hörn rundade */
    width: 100%;
    box-sizing: border-box;
  }
.li-details:not([open]) .li-summary {
  border-radius: 20px;
}
.li-details[open] .li-summary {
  border-radius: 20px 20px 0 0;
}
div.views-field-mail::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%2210px%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20style%3D%22fill%3A%23fff%3B%22%20d%3D%22M9.9%2C1.9s0%2C0%2C0%2C0l-3.4%2C3.9c-.4.4-.9.7-1.5.7s-1.1-.3-1.5-.7L.1%2C1.9c0%2C.2-.1.3-.1.5v4.4c0%2C1.2.9%2C2.1%2C2.1%2C2.1h5.8c1.2%2C0%2C2.1-.9%2C2.1-2.1V2.3c0-.2%2C0-.3-.1-.5h0Z%22/%3E%3Cpath%20style%3D%22fill%3A%23fff%3B%22%20d%3D%22M4.3%2C5.1c.2.2.4.3.7.3s.5-.1.7-.3l3.4-3.9h0c-.1%2C0-.2%2C0-.3%2C0H1.2c-.1%2C0-.2%2C0-.3%2C0l3.4%2C3.9h0Z%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
  vertical-align: middle;
}
div.views-field-field-phone a::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%2210px%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bfill%3A%23fff%3B%22%20d%3D%22M8.8%2C6.5c-.4-.3-1-.5-1.5-.3-.4.2-.6.8-.9%2C1.1-.1.2-.3.2-.5.1-1.5-.6-2.6-1.5-3.3-2.9-.1-.2-.1-.4%2C0-.6.3-.3.6-.6.6-1%2C0-.4-.1-.8-.3-1.2-.2-.4-.4-1.1-.9-1.3-.4-.2-.9-.1-1.3.2-.7.5-.9%2C1.3-.9%2C2s0%2C.5%2C0%2C.7c.1.5.4%2C1%2C.6%2C1.5.2.4.4.7.7%2C1%2C.8%2C1.1%2C1.7%2C2%2C2.8%2C2.6.6.4%2C1.2.6%2C1.8.9.7.2%2C1.3.5%2C2.1.3.8-.2%2C1.6-.6%2C1.9-1.4.1-.2.2-.5%2C0-.7-.1-.5-.8-.8-1.2-1h0Z%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 6px;
}
.views-field-user-picture {
margin-bottom: 10px;
}
.path-contactlist .views-field {
	line-height:20px;
}

    .klarolindinvent {
        button-text-color: #ffffff,
      button: #83ab29,
        dark1: #d5d9e0,
        dark2: #8b98a6,
        dark3: #4c6172,
        light1: #4c6172,
        light2:#4c6172,
        light3: #4c6172,
        green3: #83ab29,
    }


.path-contacts input#edit-user {
  border-radius: 25px;
  height: 30px;
  position: relative;
  top: 10px;
  font-size: 22px;
}

.path-contacts .form-actions {
	clear:none;
  	
}
.path-contacts .form-actions .button {
margin-top: 18px;
  border-radius: 25px;
  background-color: white;
  }

.path-contacts .views-field-user-picture img {
	min-height:220px;
  	min-width: 220px;
}

.path-contacts .views-view-responsive-grid__item-inner {
	font-size: 14px;
}
.path-contacts .views-view-responsive-grid__item-inner .views-field-field-name {
	font-size:22px;
}

.document-section .field__item {
	position: relative;
}