/* 
Theme Name: Masentia
Description: Tema för Masentia
Template: hello-elementor
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

@font-face {
    font-family: 'Optima';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Optima-unicode.woff') format('woff');
    }
@font-face {
    font-family: 'Optima Bold';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/OPTIMA_B.woff') format('woff');
    }


body{
    overflow-x: hidden;
    font-family:'montserrat', sans-serif !important;
    color:#4B4B4A !important;
}
#top-bar{
    z-index: 99999 !important;
}
#top-bar-right{
    height:60px;
}
#top-bar-right .wpml-ls-sub-menu{
    border:none !important; 
    width:calc(100% + 20px);
    top:40px;
}
#top-bar-right .wpml-ls-sub-menu a{
    background-color: #527FA8;
    border:none;
    border-top:3px solid #fff; 
}
#top-bar-right .wpml-ls-sub-menu a:hover{
    background-color: #90B5D0;
}
#top-bar-right .wpml-ls-sub-menu li{
    position: relative;
    z-index: 20;
}
#top-bar-right .wpml-ls-sub-menu li a{
    padding: 10px;
}
.woocommerce-breadcrumb{
    font-family: 'montserrat', sans-serif;
}
.woocommerce-breadcrumb a{
    display: inline-block;
}

/* .single-product header{
    display: none;
} */
h1,
h2,
h3,
#header h1, 
#header h2, 
#header h3, 
#header h4,
#header h5, 
#header h6,
#content h1, 
#content h2, 
#content h3, 
#content h4,
#content h5, 
#content h6,
.product h1, 
.product h2, 
.product h3, 
.product h4,
.product h5, 
.product h6,
.elementor-location-footer h1, 
.elementor-location-footer h2, 
.elementor-location-footer h3, 
.elementor-location-footer h4,
.elementor-location-footer h5, 
.elementor-location-footer h6{
    font-family: 'Optima', sans-serif !important;
    font-weight: 400 !important;
}
#header p,
#header a,
#header span,
#content p,
#content a,
#content span,
.single-case p,
.elementor-location-footer p,
.elementor-location-footer a,
.elementor-location-footer span{
    font-family: 'montserrat', sans-serif !important;
}
div[data-elementor-type="header"] .e-n-menu-item span{
    font-family: 'montserrat', sans-serif !important;
}
/*start slide*/
.slider-start {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.news-banner{
    position: absolute;
    bottom:0px;
    width:100%;
    background-color: #EAEEF9;
    display: flex;
    justify-content: center;
    padding:20px 20px;
}
.news-banner-posts{
    list-style-type: none;
    display: flex;
    flex-direction: row;
}
.news-banner-posts {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.news-banner-posts li {
    flex: 1 1 33%;
    padding: 0 20px;
    text-align: center;
    box-sizing: border-box;
    position: relative;
}

.news-banner-posts li:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: #527FA8;
}

#content .news-banner-posts a {
    font-family: 'montserrat', sans-serif !important;
    text-decoration: none;
    color: #4b4b4b;
    font-weight: 700;
}
.slider-start {
    display: flex !important;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%; 
}
.slider-start img, .slider-start video {
    width: 100%;
    height: auto;
}

.masentia-logo-container{
    position: relative;
    width:171px;
    height:92px;
}
.masentia-logo-container .white-logo,
.masentia-logo-container .dark-logo{
    width:100%;
    height:auto;
    position: absolute;
    top:0px;
    left:0px;
}
body .module-container h3{
    font-size: 32px !important;
}

body .module-container p{
    font-size: 15px !important;
    line-height: 0.8 !important;
}
.contact-module-phone p{
    margin-top:24px;
}
.contact-module-phone p, .contact-module-mail p{
    font-family: 'montserrat', sans-serif;
    font-size: 18px !important;
}
body p.module-last-text{
    line-height:1.1 !important;
    max-width: 360px;
}
.module-close:before, .module-close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 22px;
    width: 4px;
    background-color: #fff;
}
.module-close:after {
    transform: rotate(-45deg);
}
.module-close:before {
    transform: rotate(45deg);
}
.module-close{
    position: absolute;
    right: 10px;
    top: 15px;
    width: 32px;
    height: 32px;
    opacity: 1;
}
.section-padding{
    padding-left:60px;
    padding-right:60px;
}
.category-text-c .section-padding{
    padding-left: 0px;
    padding-right: 0px;
}

.img-lightbox {
  padding: 0;
  border: none;
  max-width: 90vw;
  max-height: 90vh;
  background: transparent;
}
.img-lightbox::backdrop {
  background: rgba(0,0,0,.85);
}
.img-lightbox img {
  display: block;
  max-width: 90vw;
  max-height: 85vh;
  width: auto;
  height: auto;
  margin: 0 auto;
  border-radius: 8px;
}
.img-lightbox .lb-close {
  position: fixed;
  top: 18px;
  right: 22px;
  font-size: 25px;
  background: rgba(0,0,0,.6);
  color: #fff;
  border: 0;
  line-height: 1;
  width: 50px;
  height: 50px;
  border-radius: 999px;
  cursor: pointer;
}
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
	background-color: #E26C2B !important;
}

.main-menu-c,
.e-n-menu-title-container > span{
    font-family: 'montserrat', sans-serif !important;
}

.main-menu-c button:hover,
.main-menu-c button:focus{
    background-color: transparent !important;
}

.contact-card-info.contact-mail a{
    color: #fff;
}

.product-category-grid-intro,
.case-grid-section-padding,
.contact-slider-section-padding,
.subject-brands-intro.section-padding,
.child-pages-grid-intro.section-padding,
.about-masentia.section-padding,
.career-first-section.section-padding,
.hitta-till-oss-ex-c .subject-intro.section-padding,
.newspage-intro-container .subject-intro.section-padding,
.newspage-intro-container .subject-title.section-padding,
.seminar-overview .seminar-item,
.passed-event-seminar-overview.section-padding,
.event-seminar-content.section-padding{
    max-width: 100%;
    width: 1560px;
    justify-self: center;
}


.branscher-grid-c .product-category-wrapper,
.client-cases-container,
.child-pages-grid{
    padding-top: 60px;
}

.branscher-brands-c .brand-container.section-padding{
    padding-left: 0px;
    padding-right: 0px;
}

.highlight-block.odd .highlight-block-content{
    padding-left: 80px;
}


@media only screen and (max-width: 768px) {
   #contact-module-closed{
        bottom:0px;
        left:0px;
        width:100%;
        padding:20px;
        color:#fff;
        background-color: #E26C2B;
        z-index:999999;
        cursor:pointer;
    }

    #contact-module-closed h3{
        text-align:center;
    }
    .module-container{
        margin:0 auto;
        width:100%;
    }
}

/*top bar*/
#top-bar{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right:60px;
    padding-left:60px;
}
#top-bar *{
    font-family: 'montserrat', sans-serif;
    font-size: 14px;
    font-weight: 500;
}
#top-bar-right{
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 30px;
}
#top-bar-right a{
    color:#fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}
#top-bar-right a::before{
    width: 20px;
    height:20px;
    margin-right:8px;
}
.top-newsletter .top-banner-icon,
.top-login .top-banner-icon{
    margin-right:10px;
}
.top-newsletter .top-banner-icon,
.top-lang .top-banner-icon,
.top-login .top-banner-icon{
    position: relative;
}
.top-newsletter p,
.top-lang p,
.top-login p{
    margin-bottom:0px;
}
/* #top-bar-right .top-newsletter a::before{
    background-image: url('');
}
#top-bar-right .top-lang a::before{
    background-image: url('');
}
#top-bar-right .top-login a::before{
    background-image: url('');
} */
#top-bar-right .js-wpml-ls-item-toggle{
    background-color: transparent;
    border:none;
}
.top-lang,
.top-newsletter,
.top-login{
    display: flex;
    align-items: center;
}
.wpml-ls-legacy-dropdown-click{
    width:auto;
}

/* sticky menu */
.elementor-sticky--effects.elementor-element-542648b2 .e-n-menu .e-n-menu-heading > li span,
.elementor-sticky--effects.elementor-element-542648b2 .e-n-menu .e-n-menu-heading > li span *{
    color: #4B4B4A !important;
    fill: #4B4B4A !important;
}
.elementor-sticky--effects.elementor-element-a730eed .e-n-menu-toggle svg{
    fill: #4B4B4A !important;
}

/* menu */
.menu-contact-button,
.machine-document-button,
a.highlight-block-button{
    background-color:#E26C2B;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:18px 30px;
}
.machine-document-button{
    display: flex;
    margin-bottom:120px;
}
.pdf-button::before{
    content: '';
    display: inline-block;
    background-image: url('assets/images/pdf.png');
    height:32px;
    width:26px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right:16px;
}
a .menu-contact-button,
a .machine-document-button,
#content a.highlight-block-button{
    font-family: 'montserrat', sans-serif !important;
    color: #fff !important;

}
.machine-document-container{
	margin-top: 40px;
}
.machine-document-container h3{
	color: #4B4B4A !important;
}
.machine-document-list li a{
    color:#527FA8;
    text-decoration: underline;
    font-weight: 700;
}
/* Lista utan standardpunkter */
.machine-document-list { 
    list-style: none; 
    padding: 0; 
    margin: 0px 0px 60px 0px; 

}
.machine-document-list li { margin: .25rem 0; }

/* Länken får ikon till vänster */
.machine-document-list a {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  text-decoration: none;
}

.product-data-table-c{
    overflow: auto;
    max-width: 100%;
    padding-bottom: 15px;
}
.product-data-table-c caption{
    text-align: left;
    font-size: 1.75rem;
    margin-bottom: 1rem;
}
.product-data-table-c table thead th,
.product-data-table-c table thead tr:hover th{
    background-color: #527fa8;
    color: #fff;
}
.product-data-table-c table th,
.product-data-table-c table td{
    border: 0px !important;
    text-align: left;
    white-space: nowrap;
    font-size: 16px;
}
.product-data-table-c table td{
    font-size: 14px;
}
.product-data-table-c table th{
        font-family: 'montserrat', sans-serif !important;
        font-weight: 700;
}

body .product-data-table-outer-c .product-data-table-c table tr td{
    background-color: transparent;
}
body .product-data-table-outer-c .product-data-table-c table tr:nth-child(even) > td{
    background-color: rgba(200, 200, 200, 0.2);
}

.product-data-table-c table tr:hover th,
.product-data-table-c table tr:hover td{
    background-color: initial;
}




.product-data-table-c::before{
    content: '';
    display: none;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: rgba(255, 255, 255, 0.5);
    background-image: url(/wp-content/themes/masentia/assets/images/hori-scroll-icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-position: left 20% center;
    background-size: 50px auto;
    opacity: 1;
    transition: background-position 600ms, opacity 300ms;
}
.product-data-table-c.visible::before {
    display: block;
}
.product-data-table-c.active::before {
    background-position: left 75% center;
}
.product-data-table-c.hidden::before {
    opacity: 0;
}



/* Dekorativ ikon via mask (kan färgas med color) */
.machine-document-list a::before {
  content: "";
  width: 1.6em;
  height: 1.6em;
  background: currentColor; /* styr ikonfärg */
  -webkit-mask: url("assets/images/blue-pdf.svg") no-repeat center / contain;
  mask: url("assets/images/blue-pdf.svg") no-repeat center / contain;
  flex: 0 0 auto;
}
#content a.highlight-block-button{
    display: flex;
    width: fit-content;
}
a .menu-contact-button,
a.highlight-block-button{
    text-transform:uppercase;
    font-weight: 500;
}
/* top media sektion */
.top-media-section {
    position: relative;
    height: calc(100vh - 200px);
    height: calc(100dvh - 200px);
    width: 100%;
    overflow: hidden;
}
.start-top-media-section {
    height: calc(100vh - 56px);
}
.top-media-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.top-media-overlay p{
    font-size:20px;
}
.top-media-container video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.top-media-overlay-wrapper {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1400px;
    padding-left: 40px; /* Marginal från vänster */
    box-sizing: border-box;
}

.top-media-overlay,
.start-top-media-overlay {
    color: #4B4B4A !important;
    text-align: left;
    padding: 80px;   
}

.top-media-overlay {
    max-width: 700px;
    background-color: #EAEEF9;
}
.top-media-overlay h1,
.start-top-media-overlay h1{
    font-size: 80px;
    color:#4B4B4A !important;
}
.top-media-overlay .masentia-button{
    margin-top: 40px;
    display: block;
    width: fit-content;
}
#content .top-media-button {
    display: inline-block;
    padding: 10px 20px;
    color: #fff !important;
    background: #E26C2B;
    text-decoration: none;
    margin-top: 10px;
    font-family: 'montserrat', sans-serif !important;
    font-weight: 500;
}

.slider-start *{
    color:#fff !important;
}
.slider-start p{
    font-size: 35px;
    display: flex;
    align-items: center;
    margin-bottom:40px;
}
.slider-start p::before{
    content:' ';
    display: block;
    width: 70px;
    height: 2px;
    background-color: #fff;
    margin-right: 32px;
}
.slider-start p,
.slider-start a{
    font-family: 'montserrat', sans-serif !important;
}
.slider-start a{
    font-size: 20px;
    border-radius: 0px;
}
.slider-start h2{
    font-size: clamp(40px, 8vw, 110px) !important;
    font-family: 'Optima', sans-serif;
    margin-bottom:60px;
}

.subject-max-width{
    width: 100%;
    max-width:1560px;
    margin-left:auto;
    margin-right:auto;
} 
/*Page sektion*/
/* Grundläggande layout */
.pages-section{
    margin-bottom: 100px;
    max-width: 1920px;
    margin-left: auto;
    margin-right:auto;
    padding-left: 0px;
    padding-right: 0px;
}
.home .pages-section{
    max-width: 100%;
}
.pages-section .row {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.pages-section .page {
    position: relative;
    overflow: hidden;
    padding-top: 27.6%; /* (530 / 1920) * 100 för proportionell höjd */
}

/* Breddförhållanden */
.first_row .first-page {
    width: calc(50% - 5px);
}

.first_row .second-page,
.first_row .third-page {
    width: calc(25% - 7px);
}
.first_row .third-page {
    width: calc(25% - 8px);
}

.second_row .first-page,
.second_row .second-page {
    width: calc(25% - 7px);
}
.second_row .second-page {
    width: calc(25% - 8px);
}

.second_row .third-page {
    width: calc(50% - 5px);
}

.video-container.aspect-16-9{
    position:relative;
    width:100%;
    padding-top:56.25%
}
.video-container.aspect-16-9 iframe,
.video-container.aspect-16-9 video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
}


/* Anpassad layout för mindre skärmar */
@media (max-width: 1024px) {
    .pages-section {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-rows: auto;
        gap: 10px;
        margin-bottom:60px;
    }
    .pages-section .page{
        padding-top:55%;
    }

    .pages-section .row {
        display: contents; /* Tillåt gridlayout istället för flexbox */
    }

    .pages-section .row .page {
        position: relative;
    }

    /* Specificera kolumn- och radplacering för varje element */
    .pages-section .row.first_row .first-page { grid-column: 1 / 3; grid-row: 1; width: calc(50% - 5px);}
    .pages-section .row.first_row .second-page { grid-column: 2 / 3; grid-row: 1; width: 100%;}
    .pages-section .row.first_row .third-page { grid-column: 3 / 3; grid-row: 1; width: 100%;}

    .pages-section .row.second_row .first-page { grid-column: 1 / 3; grid-row: 2; width: calc(50% - 5px);}
    .pages-section .row.second_row .second-page { grid-column: 2 / 3; grid-row: 2; width: 100%;}
    .pages-section .row.second_row .third-page { grid-column: 3 / 3; grid-row: 2; width: 100%;}

    .pages-section .link{
        font-size: 12px;
    }
}

/* Media-styling */
.pages-section .background-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

/* Pages link styling */
.pages-section .link {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 2;
    color: #fff;
    padding: 5px 10px;
    font-size: 25px;
    border-radius: 4px;
    text-transform: uppercase;
}
.pages-section .pages-overlay{
    width:100%;
    height:100%;
    z-index: 1;
    background-color: rgba(0,0,0,0.4);
    top: 0px;
    left:0px;
    position: absolute;
}
#content .pages-section p.link{
    font-family: 'montserrat', sans-serif !important;
    font-weight: 500;
    z-index: 2;
}

/* Highlighted section, start*/
.highlighted-blocks {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.highlight-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 100px 60px;
    width:100%;
}

.highlight-block.even {
    background-color: #4B4B4A;
    color: #fff !important;
}
.highlight-block.even h2,
#content .highlight-block.even h3,
.highlight-block.even p{
    color:#fff !important;
}
#content .highlight-block.even .subject::before{
    background-color: #fff;
}
.highlight-block.odd {
    background-color: #fff;
    color: #4B4B4A;
}
.highlight-block .subject-text{
    margin-bottom: 80px;
}
.highlight-block.odd .highlight-block-title {
    color: #4B4B4A;
}
.highlight-block-inner{
    display: flex;
    column-gap: 80px;
    width:100%;
    max-width:1600px;
    margin:0 auto;
}
.highlight-block.odd .highlight-block-image{
    order:2;
}
.highlight-block-image {
    flex: 1;
    width: 50%;
    position: relative;
    aspect-ratio: 4 / 2.5;
}
.highlight-block-image img {
    position: absolute;
    width: 100%;
    height: 100% !important;
    object-fit: cover !important;
    margin-bottom: 10px;
    object-position: center center; /* Centrerar bilden */
    display: block !important;
}
.highlight-block-content {
    flex: 1;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.highlight-block-subject {
    font-size: 1rem;
    margin-bottom: 10px;
}

.highlight-block-title {
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.highlight-block-button {
    display: inline-block;
    margin-top: 20px;
    text-decoration: none;
    font-family: 'montserrat', sans-serif;
    color: inherit; /* Behåller textfärgen från blocket */
}

/* nyhetsboxar, startsida*/
.news-section{
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
    overflow: hidden;
}
.news-container {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    margin-bottom:40px;
}

.news-column {
    flex: 1 1 calc(33.333% - 40px); /* Tre kolumner med 40px mellanrum */
    box-sizing: border-box;
    background-color: #EAEEF9;
    padding:60px;
}
.news-image{
    position: relative;
    aspect-ratio: 436 / 292;
    width:100%;
    overflow: hidden;
}
.news-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#content h2.news-title {
    font-size: 35px;
    margin: 20px 0 40px;
    color: #4B4B4A !important;
    font-family: 'montserrat', sans-serif !important;
    font-weight: 500 !important;
}

.news-excerpt {
    font-size: 18px;
    margin-bottom: 10px;
}
.news-link {
    display: inline-block;
    text-decoration: none;
}
.news-section-button{
    align-self: center;
    display: inline-block;
}

.news-container .slick-slide {
    margin: 0 20px 40px;
}

.news-container .slick-list {
    margin: 0 -20px; 
    overflow: hidden; 
}
/* varumärken */

.varumarke-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 50px;
    width:100%;
    margin: 0 auto;
}
.varumarke-item {
    text-align: center;
}
.varumarke-item img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 10px;
}

/* Länk-styling */
.pages-section .page a.content {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

/* enskild produkt*/
.masentia-product-info{
    margin-bottom: 40px !important;
    max-width: calc(100% - 80px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
}
.masentia-product-info .elementor-shortcode{
    display: flex;
    gap: 60px;
}
.document-shortcode{
    width:100%;
    display: flex;
}
.document-shortcode .elementor-widget-container{
    width:100%;
}
.document-shortcode .elementor-shortcode{
    display: flex;
    flex-direction: column;
}
.document-button-container{
    margin:0 auto;
}
.document-shortcode h3{
    color: #4B4B4A !important;
}
.masentia-product-info-text h2,
.dark-grey-subtitle,
.dark-grey-title{
    color: #4B4B4A !important;
    margin-top: 55px;
    margin-bottom:30px;
}
.dark-grey-title{
    font-size: 60px;
    margin-bottom:40px;
}
.dark-grey-subtitle{
    font-size: 40px;
    margin-bottom:10px;
}
.dark-grey-subtitle-small{
    color: #4B4B4A !important;
    margin-top: 55px;
    margin-bottom:30px;
    font-size: 32px;
    font-family: 'Optima', sans-serif !important;
}
.event-seminar-content p{
    font-size: 20px;
}
.masentia-product-info-text p,
.masentia-product-info-text ul li{
    font-size: 16px;
}
.masentia-product-info-text ul{
    margin-bottom: 1.2rem;
}
.masentia-product-info .elementor-shortcode .masentia-product-info-images{
    width:50%;
}
.masentia-product-info .elementor-shortcode .masentia-product-info-text{
    width:50%;
}

.product-slider-container{
    position: relative;
}
.product-slider-container .slide img{
    margin: 0 auto;
}
h1#single-product-title{
    font-family: 'Optima', sans-serif;
    color:#527FA8;
    font-size: 60px;
}
.mobile-product-title{
    display: none;
}

#machine-spec-container{
    max-width: 800px;
}
#machine-spec-container h3{
    font-family: 'Optima', sans-serif;
    color:#4B4B4A;
    margin-bottom:20px;
}
#machine-spec-inner-container{
    padding:40px 40px;
    border: 2px solid #4b4b4b;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
#machine-spec-inner-container p{
    display: flex;
    align-items: center;
    font-family: 'montserrat', sans-serif;
}
#machine-spec-inner-container p::before{
    content:'';
    background-color: #4B4B4A;
    height:2px;
    width:20px;
    display: inline-block;
    margin-right:10px;
}
/* Kontakt intro // Service varumärken */
div.contact-intro,
div.service-brands-intro{
    max-width:900px;
}
.product .subject,
#content .subject,
.single .subject{
    display: flex;   
    align-items: center;
    font-size: 20px;
    color: #4b4b4a !important;
    font-family: 'montserrat', sans-serif !important;
    font-weight: 500 !important;    
}
.subject::before,
.subject::before,
.subject::before{
    content:' ';
    display: block;
    width: 70px;
    height: 1px;
    background-color: #4b4b4a;
    margin-right: 32px;
}
.subject-title{
    font-size: 60px !important;
    margin: 40px 0px 50px;
}
.subject-intro p{
    font-size: 20px;
    line-height: 1.6;
    margin-bottom:80px;
    max-width: 700px;
}
.subject-text{
    max-width: 550px;
}


.case-ingress-container,
.block-ingress-container,
.page-ingress-container{
    display: flex;
    flex-direction:column;
    max-width: 1464px;
    justify-self: center;
}
.page-ingress-container{
    max-width: 1464px;
    justify-self: center;
}
.case-ingress-inner-container,
.block-ingress-inner-container,
.page-ingress-inner-container{
    display: flex;
    column-gap:60px;
    margin-top:60px;
}
.case-ingress-link-container,
.block-ingress-link-container{
    margin-top: 40px;
    display: flex !important;
    align-items: center;
}
.case-ingress-inner-container .left-column,
.case-ingress-inner-container .right-column,
.page-ingress-inner-container .left-column,
.page-ingress-inner-container .right-column,
.block-ingress-inner-container .left-column,
.block-ingress-inner-container .right-column{
    width:50%;
}
.case-ingress-inner-container .center-column,
.block-ingress-inner-container .center-column,
.page-ingress-inner-container .center-column{
    width:100%;
    max-width: 800px;
    display: block;
    margin:0 auto;
}
.case-ingress-inner-container .center-column p,
.block-ingress-inner-container .center-column p,
.page-ingress-inner-container .center-column p{
    text-align: center !important;
}
.case-ingress-inner-container .center-column .case-ingress-link-container,
.page-ingress-inner-container .center-column .page-ingress-link-container,
.block-ingress-inner-container .center-column .block-ingress-link-container{
    justify-content: center;
}
.case-ingress-inner-container p,
.block-ingress-inner-container p,
.page-ingress-inner-container p{
    font-size: 20px;
}


#content .case-title,
#content .product-category-title,
#content .child-page-title{
    color:#FFF;
    background-color: #527FA8;
    padding:12px 22px;
    font-size: 25px;    
    font-family: 'montserrat', sans-serif !important;
    font-weight: 500 !important;
}
h3.product-category-title,
h3.child-page-title{
    margin-top: 0px !important;
}

.case-company-logo{
    width:120px;
    height:auto;
    margin-top:20px;
    margin-bottom:40px;
}

.category-item img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.category-item h3 {
    font-size: 18px;
    margin: 10px 0;
}

.category-item p {
    font-size: 14px;
    color: #666;
    min-height: 50px; /* Ser till att alla boxar har lika höjd */
}

.client-cases-container,
.product-category-grid,
.child-pages-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(356px, 1fr));
    column-gap: 85px; 
    row-gap: 60px; 
    max-width:1711px;
    width: calc(100% - 30px); 
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 80px;
}
.client-case-image-container,
.product-category-image-container,
.child-page-image-container{
    aspect-ratio: 270/150;
    width: 100%;
    overflow: hidden;
    position: relative;
}
#content .client-case-text, 
#content .product-category-item p,
#content .child-page-item p{
    font-size:20px !important;
}
.client-case-image-container img,
.product-category-image-container img,
.child-page-image-container img{
    margin-bottom: 10px; 
    width: 100%;
    height: 100% !important;
    object-fit: cover; /* Gör att bilden täcker hela behållaren */
    object-position: center center; /* Centrerar bilden */
    display: block !important;
}
.case-item {
    width: 100%; 
    display: flex;
    flex-direction: column;
    height:100%;
}
.case-item .case-company-logo{
    margin-top: 26px;
}
.case-item a.arrow-link{
    margin-top: auto;
}

/* Varumärken */
.brand-container{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 50px;
}
.single-brand{
    background-color: #EAEEF9;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:30px 20px;
    height: 100%;
}

/* animering, hexagon */
@supports ((-webkit-clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)) or (clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%))) {
    .shape {
        width: 45px !important;
        border-radius: 0 !important;
        -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
        clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    }
}
#content .shape--animated,
.single .shape--animated{
    box-shadow: 0 0 0 hsla(0,0%,100%,.6);
    -webkit-animation: beat 2s infinite;
    animation: beat 2s infinite;
}
#content .shape--blue,
.single .shape--blue {
    background: #6ca8bd !important;
    cursor: pointer;
}
.shape--overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 0;
}
.shape {
    background: #fff !important;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.shape--blue svg{
    fill: #fff;
}

@keyframes beat {
    0% {
        transform: scale(1);
        background: #6ca8bd !important;
    }

    50% {
        transform: scale(1.2);
        background: #3c7387 !important;
    }

    100% {
        transform: scale(1);
        background: #6ca8bd !important;
    }
}
/* Kontaktkort */

.contact-slider-container{
    width: 100%;
    max-width: 1560px;
    overflow: hidden;
}
.contact-slider > .slick-list{
    padding-top: 7px;
    padding-bottom: 20px;
}
.contact-card{
    background-color: #527FA8;
    padding:30px 40px 40px;
    margin:0px 20px;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.16);
}
.contact-card *{
    color: #fff;
}
.contact-image{
    margin-bottom: 10px; 
    width: 100%;
    height: 100% !important;
    object-fit: cover; /* Gör att bilden täcker hela behållaren */
    object-position: center center; /* Centrerar bilden */
    display: block !important;
}
.contact-image-container {
    width: 100%;
    aspect-ratio: 270 / 255; /* Sätter proportionerna */
    overflow: hidden;
    position: relative;
}
.contact-image-container img{
    width: 100%;               
    height: 100% !important;              
    object-fit: cover;         
    object-position: center; 
}
.contact-card .contact-name{
    margin-top: 15px;
}
.product .contact-card .contact-name,
#content .contact-card .contact-name,
.single .contact-card .contact-name{
    text-align: center;
    font-size: 25px;
    font-family: 'montserrat', sans-serif !important;
    font-weight: 500;
}
.contact-card .contact-title,
.contact-card .contact-phone,
.contact-card .contact-mail,
#content .contact-card .contact-title,
#content .contact-card .contact-phone,
#content .contact-card .contact-mail,
#content .contact-card .contact-location,
#content .contact-card .contact-title a,
#content .contact-card .contact-phone a,
#content .contact-card .contact-mail a{
    display: flex;
    align-items: center;
    font-family: 'montserrat', sans-serif !important;
    color: #fff;
    font-weight: 500;
}

#content .contact-card .contact-name{
    font-size: 19px;
}
#content .contact-card .contact-name,
#content .contact-card .contact-title{
    justify-content: center;
    text-align: center;
}
#content .contact-card .contact-name:has( + .contact-title){
    margin-bottom: 0px;
}

.contact-card .contact-mail{
    word-break: break-word;
    overflow-wrap: anywhere;
}
.contact-card .contact-mail a{
    line-break: anywhere;
}

.contact-card .contact-card-info{
    display: flex;
    column-gap: 20px;
}

.contact-card .contact-title::before,
.contact-card .contact-phone::before,
.contact-card .contact-mail::before,
.contact-card .contact-location::before{
    content:'';
    display: inline-block;
    width:20px;
    height:23px;
    background-image: url('assets/images/hexagon-white.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    flex: 0 0 20px;
}

.contact-card .contact-title::before{
    display: none;
    height: auto;
}
.contact-card .contact-phone::before{
    background-image: url('assets/images/phone-white.svg');
}
.contact-card .contact-mail::before{
    background-image: url('assets/images/mail-white.svg');
}
.contact-card .contact-location::before{
    background-image: url('assets/images/location-white.svg');
}

.slick-slider .slick-arrow{
    opacity: 0;
    transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
    border-radius: 100% !important;
}
.slick-slider:hover .slick-arrow{    
    opacity: 1;
}

.slick-arrow{
    border-radius: 100% !important;
}
.slider-prev,
.slider-next{
    opacity: 0;
    transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
}
.slick-dots > li {
    display: inline-block;
}
.slick-dots > li:only-child {
    display: none;
}
.slick-dots li button:before{
    font-size: 12px;
}
.slick-dots [type=button]:focus, 
[type=button]:hover, 
[type=submit]:focus, 
[type=submit]:hover, 
button:focus, 
button:hover{
    background-color:transparent;
}
.slick-track{
    display: flex !important;
}
.slider-nav .slick-track img{
    margin:20px 10px;
}
.slick-slide{
    height: inherit !important;
}
.contact-slider-button-container,
.case-slider-button-container{
    margin-bottom:100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact-slider-button,
.case-slider-button{
    margin:0 auto;
    background-color: #E26C2B;
    color:#fff;
    font-family: 'montserrat', sans-serif;
    font-weight: 500;
    padding:20px 30px;
}
body .masentia-button,
#content .masentia-button,
body #content a.masentia-button{
    background-color: #E26C2B !important;
    color:#fff !important;
    padding:20px 30px;
    font-family: 'montserrat', sans-serif !important;
    font-weight: 500;
    border-radius: 0px !important;
    text-align: center;
    display: inline-block;
    width:fit-content;
}
/* Produktslider */
.slider-nav img {
    width: 100%;               
    height: auto;              
    aspect-ratio: 4 / 3;       
    object-fit: cover;         
    object-position: center;   
}
/* Case produktsida */
.case-slide-item{
    display: flex !important;
    background-color: #EAEEF9;
    padding:90px;
    gap:40px;
}
.case-slide-item .case-slide-image,
.case-slide-item .case-slide-video{
    width:60%;
}
.case-slide-item .case-slide-image,
.case-slide-item .case-slide-video{
    position: relative;
}
.case-slider,
.product-slider,
.slider-nav{
    position: relative;
    z-index:1;
    padding-left:40px !important;
    padding-right:40px !important;
}

.case-slider-container .slick-dots,
.slick-dots{
    left:0px;
}
.case-slider .case-slide-image img,
.case-slide-item .case-slide-video video{
    width: 100%;
    height: auto;
    aspect-ratio: 747 / 547;
    object-fit: cover; 
}
.case-slide-text{
    align-self:end;
    width:40%;
}
.case-slide-text h3{
    color:#4B4B4A !important;
    font-size: 40px;
}

/* Extra marginal när det finns fler än en punkt */
.slick-slider:has(.slick-dots > li:not(:only-child)) {
    margin-bottom: 140px !important;
}

/* Gör punkterna till cirklar med storleken 20x20px */
.slick-dots li button {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important; /* Gör dem runda */
    background-color: transparent !important; /* Ej ifyllda */
    border: 1px solid #000 !important; /* Svart kant på inaktiva punkter */
    transition: background-color 0.3s ease, border 0.3s ease !important;
}

/* När en punkt är aktiv, fyll den */
.slick-dots li.slick-active button {
    background-color: #000 !important; /* Fyll med svart eller annan färg */
    border: none !important; /* Ta bort kant på aktiva punkter */
}
.slick-dots li {
    margin: 0 5px;
}
.slick-dots li button:before {
    display: none;
}
.slick-dots {
    bottom: -60px !important; 
}
.slick-dots li {
    margin: 0 10px !important; 
}
.case-card-title-info,
#content .case-card-title-info,
.single-case .case-card-title-info{
    font-family: 'montserrat', sans-serif !important;
    font-weight: 500;
    margin-bottom:40px;
}
.case-card-link-text,
#content .case-card-link-text,
.single-case .case-ingress-link-container a{
    color:#527FA8 !important;
    font-family: 'montserrat', sans-serif !important;
    font-weight: 700;
    font-size:20px;
    display: flex;
    align-items: center;
}
.right-column {
    display: block;
}
body .toggle-btn {
    display: block;
    margin-top: 20px;
    background: none;
    border: none;
    text-align: center;
    font-size: 18px;
    color: #527FA8 !important;
    cursor: pointer;

    position: relative;
    background-color: transparent !important;
}

.toggle-btn span {
    display: block;
    margin-bottom: 10px;
}
.toggle-btn .hexagon-outer-wrapper{
    margin-top:20px;
}
.toggle-btn .hexagon-wrapper {
    position: relative;
    display: inline-block;
    width: 70px;  /* Större hexagon-wrapper */
    height: 70px; /* Större hexagon-wrapper */
    left: 12px;
    top: -9px;
}
.toggle-btn .hexagon-background {
    position: absolute;
    top: -5px;
    left: -5px;
    width: 56px;
    height: 58px;
    background-color: #527FA8; /* Blå hexagon */
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.toggle-btn .hexagon {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 48px;
    height: 50px;
    background-color: #fff; /* Vit hexagon */
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    text-align: center;
    line-height: 50px;
    font-size: 27px;
    color: #527FA8;
    transition: transform 0.3s ease;
}
.toggle-btn .line {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #527FA8;
}

#content .arrow-link, 
#content .arrow-link p,
#content .arrow-link span{
    color:#527FA8 !important;
    font-family: 'montserrat', sans-serif !important;
    font-weight: 700;
    font-size:20px;
    display: flex;
    align-items: center;
}
#content .arrow-link span{
    margin-bottom: 0px;
    max-width: calc(100% - 57px);
}
.arrow-link::after{
    content:' ';
    display: inline-block;
    width: 37px;
    height:19px;
    background-image:url('assets/images/link-arrow.svg');
    margin-left: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
}
.case-slide-text p{
    color:#4B4B4A;
    font-size: 20px;
}
.case-slider-container{
    position: relative;
    overflow: hidden;
}

.slider-prev,
.brand-slider-prev{
    display: block !important;
    height: 78px !important;
    width: 78px !important;
    background-image: url('assets/images/slider-arrow-left.svg');
    position: absolute !important;
    left:0 !important;
    top:calc(50% - 39px) !important;
    z-index:2 !important;
}
.slider-next,
.brand-slider-next{
    display: block !important;
    height: 78px !important;
    width: 78px !important;
    background-image: url('assets/images/slider-arrow-right.svg');
    position: absolute !important;
    right:0 !important;
    top:calc(50% - 39px) !important;
    z-index:2 !important;
}
/* Events och Seminarier */

.event-seminar-content {
    margin: 20px 0;
}

.columns-container{
    display: flex;
    gap: 60px;
    margin-top: 20px;
    justify-content: space-between;
}
.text-image-section-container{
    display: flex;
}
.text-image-section-container .right-column{
    display: flex;
    align-items: flex-end;
    padding-left: 150px;
}
.text-image-section-container p{
    font-size: 20px;
}
.left-column,
.right-column{
    width: 50%;
    max-width: 720px;
}
.left-column img,
.left-column video {
    width: 100%;
    height: auto;
}
.right-column a {
    display: inline-block;
    color: white;
}
.right-column a:hover {
    background-color: #005177;
}
.single-case .right-column .case-ingress-link-container a{
    background-color: transparent;
}
.event-seminar-content{
    margin-bottom: 140px
}
.event-seminar-content ul{
    margin-bottom: 70px;
}
.text-image-section-container ul{
    margin-top:60px;
}
.event-seminar-content ul,
.text-image-section-container ul{
    padding-left:0px;
}
.event-seminar-content ul li,
.text-image-section-container ul li{
    list-style-type: none;
}
.event-seminar-content ul li p,
#content .text-image-section-container ul li p{
    font-family: 'montserrat', sans-serif !important;
    font-weight: 500;
    font-size: 20px;
    display: flex;
    align-items: center;
}

.event-seminar-content ul li p::before,
.text-image-section-container ul li p::before{
    content:'';
    display: inline-block;
    width:20px;
    height:18px;
    background-image: url('assets/images/hexagon-blue.svg');
    background-repeat: no-repeat;
    background-size: contain;
    margin-right:20px;
}
.contact-card-container .slick-track{
    width: 100%;
}
/* Kontaktsida */
.personal-container .contact-card{
    width:335px;
    margin-bottom:40px;
    min-height:507px;
}
.masentia-contacts-search .elementor-shortcode{
    width:320px;
}
.contact-filter-outer-container{
    display: flex;
}
.contact-filter-title{
    margin-right:40px;
    font-size: 20px;
    font-family: 'Optima', sans-serif;
}
.masentia-contacts-filter{
    margin-left:80px;
    display: block;
    width:100%;
    max-width: 1000px !important;
}
.masentia-contacts-filter .contact-filter-container{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    column-gap: 40px;
    row-gap: 15px;
}
.combined-filter-container{
    padding-left:30px !important;
    padding-right:30px !important;
    margin-bottom:60px !important;
}

/* Event seminarie listning */
.event-item{
    background-color: #EAEEF9;
    display: flex;
    padding:65px 120px 75px;
    justify-content: space-between;
    position: relative;
    margin-bottom:60px;
}
.event-item,
    .seminar-item{
        padding:65px 80px 75px;
        gap:40px;
    }
.seminar-overview{
    margin-bottom:100px;
}
.seminar-item{
    display: flex;
    padding:65px 60px 40px;
    justify-content: space-between;
    position: relative;
    margin-bottom:0px;
}
.event-banner,
.seminar-banner{
    background-color: #90B5D0;
    position: absolute;
    top:80px;
    left:-140px;
    padding:30px;
}
.seminar-banner{
    top:145px;
    background-color: #EAEEF9;
}

#content .event-banner p,
#content .seminar-banner p{
    font-family: 'montserrat', sans-serif !important;
    font-weight: 700;
    margin:0px;
}
.event-info,
.seminar-info{
    display: flex;
    flex-direction: column;
}
.case-seminar-contact-cards{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    max-width: 500px;
}
.case-seminar-contact-title{
    display: flex;
    align-items: flex-start;
    width: 100%;
    max-width: 500px;
    padding:20px;
}
#content .case-seminar-contact-title p{
    font-size: 32px;
    font-family: 'Optima', sans-serif !important;
    max-width: 320px;
}
.event-overview{
    margin-top: 60px;
    margin-bottom:180px;
}
.event-overview .event-info,
.event-item .contact-card-container,
.seminar-media{
    max-width: 590px;
    width: 100%;
    margin-bottom:60px;
}
.seminar-overview .subject-title,
.event-overview .subject-title,
.seminar-overview .subject,
.event-overview .subject{
    max-width: 700px;
    width: 100%;
}
.seminar-banner{
    z-index: 1;
}
.seminar-media{
    aspect-ratio: 640 / 450;
    position: relative;
}
.seminar-media img,
.seminar-media video {
    position: absolute;
    width: 100%;
    height: 100% !important;
    object-fit: cover !important;
    margin-bottom: 10px;
    object-position: center center; /* Centrerar bilden */
    display: block !important;
}
.seminar-info{
    max-width: 700px;
    width: 100%;
}
.seminar-info h3{
    font-size: 40px;
    color: #4B4B4A !important;
}
.event-info img,
.seminar-info img{
    margin-bottom:60px;
}
.seminar-button{
    margin-top: 40px;
}
.event-info p,
.seminar-info p{
    margin-bottom:60px;
}
.event-info .masentia-button,
.seminar-info .masentia-button{
    width:fit-content;
}
.event-item .contact-card-container,
.seminar-item .contact-card-container{
    display: flex;
    align-items: flex-end;
    gap:32px;
} 
.event-item .contact-card,
.seminar-item .contact-card{
    max-width: 228px;
    padding:16px 20px;
    margin-left:10px;
    margin-right:10px;
}
.event-item .contact-card .contact-name,
.seminar-item .contact-card .contact-name{
    font-size: 20px !important;
}
.event-item .contact-card .contact-title,
.event-item .contact-card .contact-phone,
.event-item .contact-card .contact-mail,
.seminar-item .contact-card .contact-title,
.seminar-item .contact-card .contact-phone,
.seminar-item .contact-card .contact-mail{
    font-size: 14px;
}
/* .passed-event-seminar-overview-inner-container{
    display: flex;
    flex-wrap: wrap;
    gap:80px;
}*/
.passed-event-seminar-item{
    position: relative;
} 
.passed-event-seminar-overview-inner-container .slick-slide{
    margin-right: 40px;
}
.passed-event-seminar-overview-inner-container .slick-list{
    margin-right: -40px;
}
.passed-event-seminar-media{
    aspect-ratio: 360 / 220;
    position: relative;
}
.passed-event-seminar-media img {
    position: absolute;
    width: 100%;
    height: 100% !important;
    object-fit: cover !important;
    margin-bottom: 10px;
    object-position: center center; /* Centrerar bilden */
    display: block !important;
}
.passed-event-seminar-title{
    background-color: #527FA8;
    padding: 10px 20px;
}
#content .passed-event-seminar-title h3{
    color:#fff !important;
    margin:0px !important;
    font-size: 25px;
    font-family: 'montserrat', sans-serif !important;
    font-weight: 500 !important;
}
.passed-event-seminar-content p{
    margin-top:24px;
    margin-bottom: 40px;
    
}
.passed-event-seminar-banner{
    position: absolute;
    top: 0px;
    left: 0px;
    position: absolute;
    padding: 5px 10px;
    z-index: 2;
    width: 92px;
}
.passed-seminar-banner{
    background-color: #EAEEF9;
}
.passed-event-banner{
    background-color: #90B5D0;
}
#content .passed-event-seminar-banner p{
    margin:0;
    font-size: 14px;
    font-family: 'montserrat', sans-serif !important;
    text-align: center;
}
.column-container,
.column-container h3.title,
.text-image-section-container h3.title{
    font-size: 40px !important;
    color: #4B4B4A;
}
.text-image-section-container h3.title{
    margin-top:30px;
}
.text-image-section-container a{
    margin-top:40px;
}
.column-container .left-column-item{
    margin-bottom: 60px;
}
.column-container .right-column .video-container{
    margin-bottom: 140px;
}
.column-container p{
    font-size: 20px;
}
.exhibitions-container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    margin-top: 70px
}
.exhibition h2.title{
    font-size: 40px;
}
.exhibition .images-container{
    display: flex;
    gap: 40px;
    margin-top:60px;
}
#acf-map {
    width: 100%;
    height: 600px;
    margin: 20px 0;
    bottom:-100px;
}
#acf-map img {
   max-width: inherit !important;
}
.newspage-intro-container{
    max-width: 1600px;
    margin:60px auto 80px;
}
.newspage-container{
    display: flex;
    flex-direction: column;
    gap:100px;
    margin-bottom:-100px;
}
.newspage-container .news{
    display:flex;
    gap:60px;
    justify-content: center;
    padding-top:120px;
    padding-bottom:120px;
}
.newspage-container .news-inner{
    display: flex;
    gap: 80px;
    max-width: 1600px;
    width:calc(100% - 80px);
}
.newspage-container .news:nth-child(odd){
    background-color: #EAEEF9 !important;
}
.newspage-container .news .news-image{
    aspect-ratio: 800/560;
}
.newspage-container .news .image-container,
.newspage-container .news .text-container{
    width:50%;
}
.newspage-container .news .text-container h2{
    color:#4B4B4A;
    font-size: 60px;
    margin-top:60px;
}
.newspage-container .news .text-container p{
    max-width: 600px;
}

.newspage-container .news .text-container .text{
    margin-bottom:60px !important;
}
.newspage-container .news .text-container .masentia-button{
    display: block;
    width: max-content;
}
.career-first-section,
.career-second-section{
	display: flex;
	justify-content: space-between;
	gap: 60px;
	align-items: center;
}
.career-first-section{
	margin-bottom: 80px;
}
.career-first-section > div,
.career-second-section > div{
	width: 50%;
}
.career-first-section .masentia-button,
.career-second-section .job-button-container{
	margin-top:60px;
}
.career-first-section p,
.career-second-section p{
    font-size: 20px;
}

.job-button-container{
    display: flex; 
}
.job-button-container .job-button{
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.job-section-title{
	color: #4B4B4A !important;
	font-size: 40px;
}
.job-ingress{
	margin-bottom:40px;
}
.job-button-container .masentia-button:nth-child(1){
	margin-right: 20px;
}
#content h3.job-title{
	font-size: 20px;
	font-family: 'montserrat', sans-serif !important;
    font-weight: 500 !important;
	color: #4B4B4A !important;
}
/*mailchimp form adjustments*/

#mergeRow-gdpr *{
    font-size: 12px;
    color: #fff;
    font-style: italic;
}
.mc_fieldset{
    border: none;
}
.mc_fieldset label{
    margin-right:10px;
}

/* footer, start */
.footer-top{
    padding-top:40px;
    padding-bottom:40px;
}
.footer-text p{
    font-size: 30px;
    font-family: 'Optima', sans-serif !important;
}
.footer-text p a{
    font-family: 'Optima', sans-serif !important;
}
.footer-menu-col-1 a,
.footer-menu-col-2 a,
.footer-menu-col-3 a{
    font-family:'montserrat', sans-serif !important;
}
.footer-bold-menu-item a{
    font-family:'montserrat', sans-serif !important;
    font-weight: 700 !important;
}
#masentia-footer-form p{
    display: flex;
    gap:40px;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0px;
}
#masentia-footer-form input[type="submit"]{
    border:none !important;
    padding:20px 60px;
}
#masentia-footer-form .wpcf7-email{
    padding:20px;
}
@media only screen and (max-width: 1400px) {
    .slider-start h2{
        font-size: 80px !important;
    }
    .slider-start p{
        font-size: 28px !important;
    }
    .event-item,
    .seminar-item{
        flex-direction: column;
    }
    .event-info,
    .seminar-info{
        width: 100% !important;
        margin:0 auto
    }
    .case-seminar-contact-cards{
        margin: 0 auto;
        max-width: 590px;
        align-items: flex-start;
    }

}
@media (min-width: 1200px) {
    .varumarke-grid {
        grid-template-columns: repeat(5, 1fr);
    }
}
@media only screen and (max-width: 1650px) {
    .event-item,
    .seminar-item{
        padding:65px 80px 75px;
        gap:40px;
    }

    .event-info,
    .seminar-info{
        width: calc(100% - 500px);
    }
    .contact-card-container{
        /* width: 500px !important; */
    }
}
@media only screen and (max-width: 1200px) {
    /* .masentia-product-info .e-con-inner{
        flex-direction: column !important;
    }
    .masentia-product-info-text{
        order:1 !important;
    }
    .masentia-product-info-images{
        order:2 !important;
    } */
    .case-slide-item{
        flex-direction: column;
    }
    .case-slide-item .case-slide-image,
    .case-slide-item .case-slide-video,
    .case-slide-text{
        width:100%;
    }
    .case-slide-text *{
        text-align: center;
        justify-content: center;
    }
    
    .case-company-logo{
        margin: 0 auto 40px;
    }
    .columns-container .left-column,
    .columns-container .right-column,
    .text-image-section-container .left-column,
    .text-image-section-container .right-column{
        width:100%;
    }
    .text-image-section-container .right-column{
        padding-left:0px;
    }
    .columns-container,
    .text-image-section-container,
    .career-first-section,
    .career-second-section{
        flex-direction: column;
    }
    .career-first-section .masentia-button{
        margin-top:20px;
    }
    .career-second-section .job-button-container{
        margin-top:30px;
    }
    .career-first-section .masentia-button,
    .career-second-section .job-button-container{
        margin-bottom: 40px;
    }
    .job-button-container .masentia-button:nth-child(1) {
        margin-right: 0px;
    }

    .page-ingress-inner-container{
        flex-direction: column;
        margin-left:auto;
        margin-right:auto;
    }
    .page-ingress-inner-container .left-column,
    .page-ingress-inner-container .right-column{
        width:100%;
        max-width: 800px;
    }
    .brand-container{
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    #masentia-footer-form p{
        justify-content: center;
        align-items: center;
    }
    .career-first-section > div, 
    .career-second-section > div {
        width: 100%;
    }
    .career-first-section, 
    .career-second-section{
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }
    .career-second-section > div:nth-child(1) {
        order:2;
    }
    .job-button-container{
        gap:20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

@media only screen and (max-width: 1024px) {
    .top-newsletter p,
    .top-lang p,
    .top-login p{
        display: none;
    }
    .top-lang img{
        position: absolute;
    }
    .wpml-ls-slot-shortcode_actions{
        width:1px;
    }
    .js-wpml-ls-sub-menu .wpml-ls-item{
        width:auto !important;
    }
    .js-wpml-ls-sub-menu{
        border:none !important;
    }

    .js-wpml-ls-sub-menu .wpml-ls-item a{
        display: inline-block !important;
    }
    .wpml-ls-sub-menu{
        left:-58px !important;
        top:28px !important;
        width: 100px !important;
    }
    .wpml-ls-sub-menu a{
        background-color: #527FA8;
        border:none;
        padding:8px 16px;
        width: 100%;
        text-align: center;
    }
    .wpml-ls-slot-shortcode_actions > a > span.wpml-ls-native,
    .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after{
        display:none;
    }
    .mobile-product-title{
        display: block;
        text-align: center;
        margin-bottom:30px;
    }
    .masentia-product-info-text{
        text-align: center;
    }
    .desktop-product-title{
        display: none;
    }
    .masentia-product-info{
        max-width: 100% !important;    
    }
    .masentia-product-info-images,
    .masentia-product-info .elementor-shortcode .masentia-product-info-text{
        width:100% !important;
    }
    .masentia-product-info .elementor-shortcode{
        flex-direction: column;
        align-items: center;
        max-width: 750px;
        width: calc(100% - 80px);
        margin: 0 auto;
    }
    .masentia-product-info .elementor-shortcode .masentia-product-info-text{
        display: flex;
        flex-direction: column;
    }
    .news-banner-posts li {
        flex: 1 1 50%;
    }
    .news-banner-posts li:last-child {
        display: none;
    }
    .news-banner-posts li:nth-child(2)::after {
        display: none;
    }
    .case-slider,
    .product-slider,
    .slider-nav{
        position: relative;
        z-index:1;
        padding-left:60px !important;
        padding-right:60px !important;
    }
    .slider-prev{
        height: 60px !important;
        width: 60px !important;
        top:calc(50% - 30px) !important;
    }
    .slider-next{
        height: 60px !important;
        width: 60px !important;
        top:calc(50% - 30px) !important;
    }
    .highlight-block-inner{
        flex-direction: column;
    }
    .highlight-block-inner > div{
        width:100%;
        max-width: 100%;
    }
    .highlight-block.odd .highlight-block-inner .highlight-block-image{
        order:1;
    }
    .highlight-block.odd .highlight-block-inner .highlight-block-content{
        order:2;
    }
    .highlight-block-image{
        margin-bottom:60px;
    }
    .highlight-block-content{
        align-items: center;
        align-self: center;
    }
    .highlight-block-content .subject{
        align-self: flex-start;
    }
    .event-item,
    .seminar-item{
        padding: 65px 30px 75px;
    }
    .event-banner,
    .seminar-banner{
        background-color: #90B5D0;
        position: absolute;
        top: -15px;
        left: -30px;
        padding: 20px;
    }
    .event-info .masentia-button,
    .seminar-info .masentia-button{
        margin-left: auto;
        margin-right: auto;
    }
    .event-info h3,
    .seminar-info h3{
        text-align: center;
    }
    .event-info p,
    .seminar-info p{
        text-align: center;
    }
    .case-seminar-contact-cards{
        margin-top: 40px !important;
    }
    .seminar-media{
        margin:0 auto 60px;

    }
    .seminar-item .seminar-button{
        display: block !important;
        margin:0 auto;
    }

    
    .masentia-product-info-text ul{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
        padding: 10px;
        position: absolute;
        margin-left: -20px;
        margin-top: -10px;
    }
}

@media only screen and (max-width: 950px) {
    .event-item .contact-card,
    .seminar-item .contact-card{
        max-width: 100%;
    }
    .brand-container{
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media only screen and (max-width: 768px) {
    .masentia-logo-container{
        width:103px;
        height:55px;
    }
    .exhibitions-container {
        grid-template-columns: 1fr;
    }
    .pages-section .link{
        left:0px;
    }
    #content .top-media-button{
        display: block;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }
    .section-padding{
        padding-left:30px;
        padding-right:30px;
    }
    .top-media-overlay-wrapper{
        padding-left:0px;
    }
    .start-top-media-overlay{
        padding:20px;
    }
    .start-top-media-overlay p{
        font-size: 14px !important;
    }
    .slider-start h2{
        font-size: 40px !important;
    }
    a.top-media-button{
        font-size: 15px;
    }
    #content .pages-section p.link{
        font-size: 12px;
    }
    h1#single-product-title,
    h1.elementor-heading-title {
        font-size: 34px !important;
    }
    h2{
        font-size: 20px !important;
    }
    body p{
        font-size: 14px;
    }
    .breadcrumbs-c *{
        font-size: 12px !important;
    }
    .news-banner-posts li {
        flex: 1 1 100%; 
    }
    .news-banner-posts li:not(:last-child)::after {
        display: none;
    }
    .news-banner-posts li:nth-child(n + 2) {
        display: none;
    }
    .case-slider,
    .product-slider,
    .slider-nav{
        position: relative;
        z-index:1;
        padding-left:20px !important;
        padding-right:20px !important;
    }
    .case-slide-item{
        display: flex !important;
        background-color: #EAEEF9;
        padding: 40px;
        gap: 40px;
    }
    .slider-prev{
        left:-15px !important;
        box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
    }
    .slider-next{
        right:-15px !important;
        box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
    }
    .masentia-product-info{
        margin-bottom:0px;   
    }
    .text-image-section-container p,
    #content .client-case-text, 
    #content .product-category-item p{
        font-size: 14px !important;
    }
    .subject-title{
        font-size: 30px !important;
        margin: 30px 0px 20px;
    }
    .event-overview .subject-title,
    .seminar-overview .subject-title{
        margin-bottom:40px;
    }
    .subject-intro,
    .subject-intro-text{
        font-size:14px !important;
    }
    .subject-title,
    .subject-intro-text{
        text-align:center;
    }
    .subject-intro p{
        max-width: 320px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px;
    }
    .case-card-link-text,
    #content .case-card-link-text{
        font-size: 14px !important;
    }

    .case-slide-text p,
    .masentia-product-info-text p,
    .masentia-product-info-text ul li{
        font-size: 14px !important;
    }
    #content .arrow-link,
    #content .arrow-link p{
        font-size: 14px;
    }
    #content .arrow-link p{
        margin-bottom:0px !important;
    }
    .case-card-title-info{
        margin-bottom:20px;
    }
    .case-slide-text h3{
        margin-bottom:10px;
        font-size: 25px;
    }
    .masentia-product-info-text h2{
        margin-top:0px;
    }
    a .machine-document-button{
        font-size: 15px;
    }
    .machine-document-button{
        margin-bottom:80px;
    }
    .news-column {
        flex: 1 1 calc(50% - 20px);
    }
    .highlight-block{
        padding-left:30px; 
        padding-right:30px; 
    }
    .varumarke-grid{
        gap: 30px;
    }
    .single-brand{
        padding: 20px;
    }
    .top-media-section{
        height:auto !important;
    }
    .start-top-media-section{
        height:100vh !important;
    }
    .top-media-container,
    .top-media-section .top-media-overlay-wrapper{
        position: relative !important;
        top:0px;
        left:0px;
        transform: translate(0px, 0px);
    }
    .start-top-media-section .top-media-overlay-wrapper{
        position: absolute !important;
    }
    .top-media-container{
        min-height:400px;
    }
    .top-media-container video{
        position: absolute;
    }
    .top-media-overlay{
        max-width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .top-media-overlay-wrapper{
        padding-left:0px;
    }
    .top-media-overlay h1{
        font-size: 30px;
        text-align: center;
        max-width: 260px;
    }
    .top-media-overlay p{
        font-size: 14px;
        text-align: center;
        max-width: 362px;
        line-height:1.4rem;
    }
    .columns-container{
        gap:0px !important;
    }
    .product .subject, 
    #content .subject, 
    .single .subject{
        font-size: 14px;
    }
    .product .subject::before, 
    #content .subject::before, 
    .single .subject::before{
        margin-right:16px;
    }
    #content .case-title, 
    #content .product-category-title, 
    #content .child-page-title{
        font-size: 14px;
    }
    .product-category-grid,
    .client-cases-container {
        display: block !important;
    }

    .product-category-wrapper{
        padding-left: 25px;
        padding-right: 25px;
    }
    .child-page-item,
    .product-category-item,
    .client-cases-container .case-item{
        padding: 40px 30px 30px;
        background-color: #EAEEF9;
    }
    .child-page-item p,
    .product-category-item p,
    .client-cases-container .case-item{
        text-align: center;
        margin-top: 27px;
    }
    .product-category-item span,
    #content .client-cases-container .case-item a.arrow-link{
        text-align: center;
        font-size: 12px !important;
    }
    #content .client-cases-container .case-item a.arrow-link{
        margin-top: 30px;
    }
    #content .product-category-item .arrow-link,
    #content .client-cases-container .case-item .arrow-link,
    #content .child-page-item .arrow-link{
        justify-content: center;
    }
    #content .child-page-item .arrow-link span{
        font-size: 14px !important  ;
    }
    .event-seminar-content .subject-title{
        margin-bottom:40px !important;
    }
    .event-seminar-content ul li p,
    #content .text-image-section-container ul li p{
        font-size: 14px;
    }
    .event-seminar-content h3,
    .event-seminar-content h4{
        font-size: 20px;
        text-align: center;   
    }
    .event-seminar-content .right-column p{
        font-size: 14px;
        text-align: center;
        line-height: 1.4rem;
        max-width: 362px;
        margin-left: auto;
        margin-right: auto;
    }
    .about-masentia.column-container h3.title,
    .text-image-section-container h3.title
    {
        font-size: 30px !important;
    }
    .text-image-section-container *{
        text-align: center;
    }
    .about-masentia.column-container p.text{
        font-size: 14px;
        
    }
    .event-seminar-content .right-column h3{
        margin-bottom:30px;
    }
    .event-seminar-content .right-column .masentia-button{
        display: block;
        margin: 0 auto;
        width: fit-content;
    }
    .contact-slider{
        padding-left:30px;
        padding-right:30px;
    }
    .event-info h3,
    .seminar-info h3{
        font-size: 30px;
    }
    .event-info p,
    .seminar-info p,
    .page-ingress-inner-container p{
        font-size: 14px;
    }
    #content .case-seminar-contact-title p{
        font-size: 26px !important;
    }
    .passed-event-seminar-item{
        padding: 40px 30px;
        background-color: #EAEEF9;
    }
    .passed-event-seminar-banner{
        top:40px;
        left:30px;
    }
    .brand-container{
        grid-template-columns: 1fr 1fr;
        gap:15px;
    }
    .newspage-intro-container{
        margin-top:0px;
        margin-bottom:40px;
    }
    .newspage-container{
        flex-wrap: wrap;
        gap:40px;
        margin-bottom: -80px;
    }
    .newspage-container .news-inner{
        flex-direction: column;
        gap:0px;
    }
    
    .newspage-container .news{
        padding-top:60px;
        padding-bottom:60px;
    }
    .newspage-container .news-inner .image-container,
    .newspage-container .news-inner .text-container{
        width:100%;
    }
    .newspage-container .news-inner .masentia-button{
        margin-left: auto;
        margin-right: auto;
    }
    
    .text-container h2{
        font-size: 30px !important;
    }
    .text-container h2,
    .text-container p,
    .text-container a{
        text-align: center;
    }
    .passed-event-seminar-overview-inner-container .slick-slide{
        margin-right: 30px;
    }
    .passed-event-seminar-overview-inner-container .slick-list{
        margin-right: -30px;
    }
    .event-info .dark-grey-title{
        margin-top: 10px;
    }
    .career-first-section *,
    .career-second-section *{
        text-align: center;
    }
    .career-first-section p, .career-second-section p {
        font-size: 14px;
    }
    h3.job-title{
        font-size: 14px !important;
    }
    #masentia-footer-form p{
        flex-direction: column;
        gap:20px;
    }
    #masentia-footer-form .wpcf7-email,
    #masentia-footer-form input[type="submit"]{
        width:100%;
        max-width: 400px;
    }

    body .elementor-element.top-bar-menu-c{
        padding-right: 10px;
    }

    .pages-section {
        grid-template-columns: 1fr 1fr;
    }

    /* Specificera kolumn- och radplacering för varje element */
    .pages-section .row.first_row .first-page { grid-column: 1 / 2; grid-row: 1; width: 100%;}
    .pages-section .row.first_row .second-page { grid-column: 2 / 2; grid-row: 1; width: 100%;}
    .pages-section .row.first_row .third-page { grid-column: 1 / 2; grid-row: 2; width: 100%;}

    .pages-section .row.second_row .first-page { grid-column: 2 / 2; grid-row: 2; width: 100%;}
    .pages-section .row.second_row .second-page { grid-column: 1 / 2; grid-row: 3; width: 100%;}
    .pages-section .row.second_row .third-page { grid-column: 2 / 2; grid-row: 3; width: 100%;}

}
@media (max-width: 600px) {
    .varumarke-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .exhibition .images-container{
        flex-direction: column;
    }
    .exhibition .images-container img{
        width:100%;
    }
}
@media (max-width: 480px) {
    .news-column {
        flex: 1 1 100%;
    }
}