@import url("https://fonts.googleapis.com/css?family=Montserrat:200,300,300i,400,500,600,700&display=swap"); .main-flexible
{
width:100%;
margin:0;
padding-left: 25px;
padding-right: 25px;
box-sizing:border-box;
}
@media only screen and (max-width: 768px) {
.main-flexible
{
padding-left: 20px;
padding-right: 20px;
}
}
.inner-flexible
{
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding:0;
} @media only screen and (max-width: 768px) {
.responsive_desktop
{
display:none!important;
}
}
@media only screen and (min-width: 769px) {
.responsive_mobile
{
display:none!important;
}
} .main-flexible .con-field {
width: 100%;
}
.main-flexible .gform_title, .main-flexible .gform_description, .main-flexible .gform_required_legend
{
display:none;
}
.main-flexible .form-field input[type="text"], .main-flexible .form-field input[type="email"], .main-flexible .form-field textarea, .main-flexible .con-field input[type="text"], .main-flexible .con-field select, .main-flexible .con-field input[type="tel"], .main-flexible .con-field textarea, .main-flexible .con-field input[type="email"] {
color: #333;
border: 1px solid #c9c9c9;
font-family: "Montserrat", sans-serif;
font-weight: 500;
}
::placeholder
{
color:#777!important;
} .flexible-content h1, .flexible-content h2, .flexible-content h3, .flexible-content h4, .flexible-content h5
{
font-size: 60px;
line-height: 1.15;
font-family: "Montserrat", sans-serif;
font-weight: 500;
margin-bottom:15px;
color: #f38121;
}
.flexible-content b, .flexible-content strong
{
font-weight: 500!important;
}
.flexible-content h1
{
font-size: 50px;
}
.flexible-content h2
{
font-size: 36px;
}
.flexible-content h3
{
font-size: 24px;
}
.flexible-content h4
{
font-size: 18px;
}
.flexible-content p
{
margin-bottom:40px;
font-size: 18px;
line-height: 1.75;
font-family: "Montserrat", sans-serif;
font-weight: 300;
}
.flexible-content h6
{
margin-bottom:40px;
font-size: 22px;
line-height: 1.5;
font-family: "Montserrat", sans-serif;
font-weight: 400;
}
@media only screen and (max-width: 768px) {
.flexible-content p, .flexible-content h6
{
margin-bottom: 20px;
}
}
.flexible-content a
{
font-weight: 500;
color: #f38121;
}
.flexible-content ul, .flexible-content ol
{
font-family: "Montserrat", sans-serif;
width:100%;
margin:30px 0 40px 0;
padding:0;
}
.flexible-content ul li, .flexible-content ol li{
position: relative;
margin-bottom: 25px;
font-size: 18px;
line-height: 26px;
font-weight: 300;
margin-left: 34px;
}
.flexible-content ol li{
margin-left: 20px;
}
.flexible-content ul li:before
{
content: '';
position: absolute;
left:-34px;
top:0;
width:20px;
height: 26px;
background-repeat: no-repeat;
background-position: left center;
background-size: 20px;
background-image: url(//www.indus.se/wp-content/themes/indus-wp/images/dot-orange.svg);
}
@media only screen and (max-width: 1024px) { .flexible-content p
{
font-size: 16px;
}
.flexible-content h6
{
font-size: 20px;
}
.flexible-content h1
{
font-size: 40px;
}
.flexible-content h2
{
font-size: 28px;
}
.flexible-content h3
{
font-size: 20px;
}
.flexible-content h4
{
font-size: 18px;
}
.flexible-content ul li{
font-size: 16px;
}
} .btn, .btn:hover
{
display: inline-block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: .5rem 1.25rem;
margin: 0 8px;
font-size: 1rem;
line-height: 1.5;
border-radius: .15rem;
}
@media only screen and (max-width: 768px) {
.btn, .btn:hover
{
padding: .4rem 1rem;
font-size: 14px;
margin: 0 5px;
}
}
.btn-white, .btn-white:hover
{
background-color: white;
color:#f38121;
}
.btn-whiteoutline, .btn-whiteoutline:hover
{
border-color: white;
color:white;
}
.btn-orange, .btn-orange:hover
{
background-color: #f38121;
color:white;
}
.btn-orangeoutline, .btn-orangeoutline:hover
{
border-color: #f38121;
color:#f38121;
}
.btn-green, .btn-green:hover
{
background-color: #377d4f;
color:white;
}
.btn-greenoutline, .btn-greenoutline:hover
{
border-color: #377d4f;
color:#377d4f;
} .width_full, .width_medium, .width_half, .width_quarter
{
width:100%;
}
@media only screen and (min-width: 1024px) {
.width_full
{
width:100%;
}
.width_medium
{
width:80%;
}
.width_quarter
{
width: 65%;
}
.width_half
{
width:50%;
}
}
.position_center
{
display:flex;
justify-content:center;
}
.nospacing-top
{
margin-top:0;
}
.nospacing-bottom
{
margin-bottom: 0;
}
.spacing-top
{
margin-top:22px;
}
@media only screen and (min-width: 1024px) {
.spacing-top
{
margin-top:50px;
}
}
.spacing-bottom
{
margin-bottom:16px;
}
@media only screen and (min-width: 1024px) {
.spacing-bottom
{
margin-bottom:42px;
}
}
.padding-top
{
padding-top:60px;
}
@media only screen and (max-width: 767px) {
.padding-top
{
padding-top:40px;
}
}
.flexible-styling-white
{
background-color: #fff;
}
.flexible-styling-light-grey
{
background-color: #f6f6f6;
}
.flexible-styling-orange
{
background-color: #f38121;
color: #fff;
}
.flexible-styling-orange p, .flexible-styling-orange div, .flexible-styling-orange span, .flexible-styling-orange h1, .flexible-styling-orange h2, .flexible-styling-orange h3, .flexible-styling-orange h4, .flexible-styling-orange a
{
color: #fff;
}
.flexible-styling-light-orange
{
background-color: #efba8e;
}
.flexible-styling-blue
{
background-color: #3d6b86;
color: #fff;
}
.flexible-styling-blue p, .flexible-styling-blue div, .flexible-styling-blue span, .flexible-styling-blue h1, .flexible-styling-blue h2, .flexible-styling-blue h3, .flexible-styling-blue h4, .flexible-styling-blue a
{
color: #fff;
}
.flexible-styling-light-blue
{
background-color: #adc0d0;
}
.flexible-styling-green
{
background-color: #377d4f;
color: #fff;
}
.flexible-styling-green p, .flexible-styling-green div, .flexible-styling-green span, .flexible-styling-green h1, .flexible-styling-green h2, .flexible-styling-green h3, .flexible-styling-green h4, .flexible-styling-green a
{
color: #fff;
}
.flexible-styling-light-green
{
background-color: #a8c5b2;
} .main-flexible.multi-column
{
width:100%;
}
.multi-column-row
{
width:100%;
display: flex;
flex-wrap:wrap;
justify-content:space-between; 
}
@media only screen and (min-width: 768px) {
.multi-column-row .size-medium-large, .multi-column-row .size-medium
{
max-width: 100%;
}
}
.multi-column-row .col
{
width: 100%;
}
.multi-column-row .col-w50
{
width: 47%;
}
@media only screen and (max-width: 768px) {
.multi-column-row .col-w50
{
width: 100%;
}
}
.multi-column-row .col-w30
{
width: 30%;
}
@media only screen and (max-width: 768px) {
.multi-column-row .col-w30
{
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.multi-column-row p:last-child
{
margin-bottom:0;
}
}
.multi-column.flexible-styling-light-grey, .multi-column.flexible-styling-orange, .multi-column.flexible-styling-blue, .multi-column.flexible-styling-green, .multi-column.flexible-styling-light-orange, .multi-column.flexible-styling-light-blue, .multi-column.flexible-styling-light-green
{
padding-top:32px;
padding-bottom:32px;
}
@media only screen and (min-width: 1024px) {
.multi-column.flexible-styling-light-grey, .multi-column.flexible-styling-orange, .multi-column.flexible-styling-blue, .multi-column.flexible-styling-green, .multi-column.flexible-styling-light-orange, .multi-column.flexible-styling-light-blue, .multi-column.flexible-styling-light-green
{
padding-top:62px;
padding-bottom:62px;
}
} .headline-block
{
display: flex;
align-items: center;
padding: 10px 0;
}
.headline-block.flexible-styling-light-orange h2
{
color:#f38121;
}
.headline-block.flexible-styling-light-blue h2
{
color:#3d6b86;
}
.headline-block.flexible-styling-light-green h2
{
color:#377d4f;
}
.headline-block.headline_height_high
{
min-height: 160px;
}
.headline-block.headline_size_big h2
{
font-size: 48px;
}
.headline-block .position_center
{
text-align: center;
}
.headline-block .divider
{
display:none;
}
.headline-block h2
{
margin-bottom: 0;
}  .flexible-banners .inner-flexible
{
display:flex;
justify-content: center;
flex-wrap:wrap;
}
.flexible-banner
{
width:31%;
margin-right:3.5%;
background-color: #f6f6f6;
margin-bottom: 40px;
visibility: hidden;
}
.flexible-banner:last-child
{
margin-right:0;
}
@media only screen and (max-width: 1400px)
{
.flexible-banner
{
width:32%;
margin-right:2%;
}
}
@media only screen and (max-width: 768px)
{
.flexible-banner
{
width:48%;
margin-right:4%;
}
.flexible-banner:nth-child(2n+0)
{
margin-right:0;
}
}
@media only screen and (max-width: 576px)
{
.flexible-banner
{
width:100%;
margin-right:0;
margin-bottom: 20px;
}
}
.flexible-banner .image-container
{
width:100%;
height: auto;
overflow: hidden;
}
.flexible-banner .image-container img
{
width:100%;
transition: transform 500ms ease;
}
.flexible-banner:hover .image-container img
{
transform:scale(1.15);
}
.flexible-banner .content
{
width:100%;
box-sizing:border-box;
padding:25px;
padding-top: 22px;
text-align: center;
}
.flexible-banner .content .arrow
{
width:auto;
margin-left: 10px;
vertical-align: baseline;
}
@media only screen and (max-width: 1024px)
{
.flexible-banner .content
{
padding:20px;
padding-top: 18px;
}
.flexible-banner .content .arrow
{
width: 20px;
}
}
.flexible-banner .content h3, .flexible-banner .content h4
{
margin-bottom: 0;
}
.flexible-banner .content p
{
font-size: 16px;
margin-bottom: 0;
margin-top: 8px;
}
@media only screen and (max-width: 1024px)
{
.flexible-banner .content p
{
margin-top: 4px;
}
} .flexible-banner.reference .content
{
text-align: left;
}
.flexible-banner.reference .content h4
{
color: #231f20;
}
.flexible-banner.reference .link
{
color: #f38121;
font-weight: 500;
}
.flexible-banner.reference .link .arrow
{
width:16px;
margin-left: 0;
}
.flexible-banner.reference:nth-child(3n+0)
{
margin-right:0;
}
@media only screen and (max-width: 768px)
{
.flexible-banner.reference:nth-child(3n+0)
{
margin-right: 4%;
}
.flexible-banner:nth-child(2n+0)
{
margin-right:0!important;
}
}
@media only screen and (max-width: 576px)
{
.flexible-banner:nth-child(2n+0), .flexible-banner.reference:nth-child(3n+0)
{
margin-right:0!important;
}
} .flexible-activities .inner-flexible
{
max-width: 1100px;
}
.flexible-activity
{
display:flex;
padding-top: 10px;
margin-bottom: 30px;
border-bottom: 1px solid #ededed;
}
.flexible-activity .image-container
{
width:20%;
margin-right:5%;
}
.flexible-activity .image-container img
{
width:100%;
}
.flexible-activity .content
{
width:75%;
}
.flexible-activity .content h2
{
margin-bottom: 4px;
}
.flexible-activity .content .date
{
color:#777;
font-weight: 600;
font-size: 20px;
margin-bottom: 20px;
}
@media only screen and (max-width: 420px)
{
.flexible-activity
{
display:block;
}
.flexible-activity .image-container
{
width:100%;
margin-right:0;
margin-bottom: 20px;
}
.flexible-activity .image-container img
{
max-width: 220px;
}
.flexible-activity .content
{
width:100%;
}
.flexible-activity h2
{
font-size: 24px;
}
.flexible-activity .content .date
{
font-size: 16px;
}
} .region-tabs
{
display:flex;
flex-wrap: wrap;
padding:6px 0;
}
.region-tabs .region-tab
{
margin-right:20px;
margin-bottom:16px;
padding:6px 10px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
cursor:pointer;
transition:all 250ms ease;
}
@media only screen and (max-width: 420px)
{
.region-tabs .region-tab
{
margin-right:8px;
margin-bottom:8px;
}
}
.region-tabs .region-tab.selected
{
background-color: #f38121;
border-radius: 5px;
color:#fff;
}
.region-content
{
display:none;
} .icon-row .inner-flexible
{
display:flex;
justify-content: space-between;
flex-wrap:wrap;
padding-top:50px;
}
.flexible-icon
{
width:25%;
padding:0 10px;
margin-bottom:50px;
text-align: center;
visibility: hidden;
}
@media only screen and (max-width: 768px)
{
.flexible-icon
{
width:50%;
}
}
@media only screen and (max-width: 576px)
{
.flexible-icon
{
width:80%;
margin-left:10%;
padding:0;
}
}
.flexible-icon img
{
height: 80px;
width: auto;
margin-bottom: 20px;
}
@media only screen and (max-width: 768px)
{
.flexible-icon img
{
height: 70px;
}
}
.flexible-icon p
{
font-size: 16px;
margin-bottom: 0;
font-weight: 500;
} .main-flexible.content-block
{
display: flex;
flex-wrap:wrap;
padding:0;
}
.content-block .cell-inner
{
width:700px;
box-sizing: border-box;
}
@media only screen and (max-width: 1400px) {
.content-block .cell-inner
{
width:100%;
}
}
.content-block .content-cell
{
width:50%;
padding:60px 0 40px 0;
display: flex;
justify-content: flex-end;
align-items: center;
background-color: #f6f6f6;
}
.content-block .image-cell
{
display:flex;
justify-content: space-between;
flex-wrap:wrap;
position: relative;
width:50%;
min-height: 580px;
background-size:cover;
background-repeat: no-repeat;
background-position: center center;
}
.content-block .image-cell .cell-image
{
position: absolute;
width: 100%;
height:100%;
top:0;
left:0;
overflow: hidden;
}
.content-block .image-cell .cell-image img
{
width:100%;
height:100%;
object-position: center;
object-fit: cover;
}
.content-block .image-cell .cell-embed
{
position: absolute;
width: 100%;
height:100%;
top:0;
left:0;
overflow: hidden;
}
.content-block .image-cell .cell-embed iframe
{
width:100%!important;
height: 100%!important;
}
@media only screen and (max-width: 1650px) {
.content-block .image-cell
{
min-height: 540px;
}
}
@media only screen and (max-width: 1400px) {
.content-block .image-cell
{
min-height: 480px;
}
}
@media only screen and (max-width: 768px) {
.content-block .content-cell
{
padding:30px 0 30px 0;
}
.content-block .image-cell, .content-block .content-cell
{
width:100%;
}
.content-block .image-cell
{
min-height: 500px;
}
}
@media only screen and (max-width: 576px) {
.content-block .content-cell
{
align-items: flex-start;
}
.content-block .image-cell
{
min-height: 350px;
}
}
.content-block .image-cell .cell-inner
{
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
padding-top: 50px;
}
.content-block .image-cell.bg-orange .cell-inner
{
padding-top: 100px;
padding-bottom: 40px;
}
@media only screen and (max-width: 768px)
{
.content-block .image-cell.bg-orange .cell-inner
{
padding-top: 50px;
padding-bottom: 0;
}
}
.content-block .image-cell .cell-inner .flexible-icon p
{
color:#fff;
line-height: 1.25;
}
@media only screen and (min-width: 576px) {
.content-block .image-cell .cell-inner .flexible-icon
{
width: 50%;
}
}
.content-block ul.additions li:before
{
background-image: url(//www.indus.se/wp-content/themes/indus-wp/images/addition-orange.svg);
}
ul.checkbocks
{
margin-top: 0;
}
ul.checkbocks li
{
box-sizing:border-box;
}
.content-block ul.checkbocks li
{
float:left;
width:calc(50% - 50px);
color:#f38121;
font-weight: 400;
}
@media only screen and (max-width: 576px)
{
.content-block ul.checkbocks li
{
float:none;
width:calc(100% - 50px);
}
}
.content-block ul.checkbocks.tillval li
{
float:none;
width: 90%;
font-weight: 300;
color:#231f20;
}
.content-block ul.checkbocks.tillval
{
margin-top: 30px;
}
@media only screen and (max-width: 576px)
{
ul.checkbocks li
{
float:none;
width:calc(100% - 40px);
}
}
ul.checkbocks li:before
{
content:'';
background-image: url(//www.indus.se/wp-content/themes/indus-wp/images/check-orange.svg);
}
ul.checkbocks.tillval li:before
{
content:'';
background-image: url(//www.indus.se/wp-content/themes/indus-wp/images/addition-orange.svg);
background-size: 18px;
width:18px;
}
.flexible-download
{
display: flex;
align-items:center;
width: 75%;
background-color: white;
padding:5px;
box-sizing: border-box;
margin:4px 0;
}
@media only screen and (max-width: 576px) {
.flexible-download
{
width: 100%;
}
}
.flexible-download img
{
height: 80px;
}
.flexible-download .download-content
{
height: 100%;
padding-left:20px;
padding-right: 15px;
box-sizing: border-box;
}
.flexible-download h4
{
font-size: 16px;
margin:0;
}
.flexible-download p
{
font-size: 15px;
margin:0;
}
@media only screen and (max-width: 768px) {
.flexible-download h4
{
font-size: 14px;
}
.flexible-download p
{
font-size: 13px;
}
}
.bg-orange
{
background-color: #f38121;
}
.content-block.image_left .content-cell
{
order:2;
justify-content: flex-start;
}
.content-block.image_left .image-cell
{
order:1;
justify-content: flex-end;
}
@media only screen and (max-width: 768px) {
.content-block.image_left .content-cell, .content-block.image_right .content-cell
{
order:2;
}
.content-block.image_left .image-cell, .content-block.image_right .image-cell
{
order:1;
}
}
.content-block.image_right .content-cell .cell-inner
{
padding-right:75px;
padding-left:0;
}
.content-block.image_right .image-cell .cell-inner
{
padding-right:0;
padding-left:75px;
}
.content-block.image_left .content-cell .cell-inner
{
padding-right:0;
padding-left:75px;
}
.content-block.image_left .image-cell .cell-inner
{
padding-right:75px;
padding-left:0;
}
@media only screen and (max-width: 1450px) {
.content-block.image_right .content-cell .cell-inner
{
padding-right:40px;
padding-left:25px;
}
.content-block.image_right .image-cell .cell-inner
{
padding-right:25px;
padding-left:40px;
}
.content-block.image_left .content-cell .cell-inner
{
padding-right:25px;
padding-left:40px;
}
.content-block.image_left .image-cell .cell-inner
{
padding-right:40px;
padding-left:25px;
}
}
@media only screen and (max-width: 768px) {
.content-block.image_left .content-cell .cell-inner, .content-block.image_right .content-cell .cell-inner
{
padding-left:20px;
padding-right:20px;
}
.content-block.image_left .image-cell .cell-inner, .content-block.image_right .image-cell .cell-inner
{
padding-left:20px;
padding-right:20px;
}
}
.content-block.border_top
{
border-top:4px solid #f38121;
}
.content-block.border_bottom
{
border-bottom:4px solid #f38121;
}
.content-block.styling_green ul.additions li:before
{
background-image: url(//www.indus.se/wp-content/themes/indus-wp/images/addition-green.svg);
}
.content-block.styling_green ul.checkbocks li:before
{
background-image: url(//www.indus.se/wp-content/themes/indus-wp/images/check-green.svg);
}
.content-block.styling_green ul.checkbocks li
{
color:#377d4f;
}
.content-block.styling_green.border_top
{
border-top:4px solid #377d4f;
}
.content-block.styling_green.border_bottom
{
border-bottom:4px solid #377d4f;
}
.content-block.styling_green h1, .content-block.styling_green h2, .content-block.styling_green h3, .content-block.styling_green h4, .content-block.styling_green a
{
color:#377d4f;
}
.content-block.styling_blue h1, .content-block.styling_blue h2, .content-block.styling_blue h3, .content-block.styling_blue h4, .content-block.styling_blue a
{
color:#3d6b86;
}
.content-block.styling_green .bg-orange
{
background-color: #377d4f;
} .carousel_high {
height: 380px;
}
@media only screen and (min-width: 768px) {
.carousel_high {
height: 500px;
}
}
@media only screen and (min-width: 1024px) {
.carousel_high {
height: 580px;
}
}
.carousel_low {
height: 320px;
}
@media only screen and (min-width: 768px) {
.carousel_low {
height: 400px;
}
}
@media only screen and (min-width: 1024px) {
.carousel_low {
height: 480px;
}
}
.flickity-page-dots {
bottom: 10px;
}
.flickity-carousel.is-single-slide .flickity-page-dots {
display: none;
}
.flickity-page-dots .dot {
width: 16px;
height: 16px;
margin: 0 6px;
opacity: 1;
background-color: rgba(180, 180, 180, 0.75);
border: none;
transition: 250ms;
}
@media only screen and (max-width: 576px) {
.flickity-page-dots .dot {
width: 12px;
height: 12px;
}
}
.flickity-page-dots .dot:hover {
background: #f38121;
}
.flickity-page-dots .dot.is-selected {
background: #f38121;
}
.flickity-page-dots .dot:before {
content: none;
}
.flickity-button {
background: #f38121;
&:hover {
background: #f38121;
}
.flickity-button-icon {
fill: #fff;
}
}
.flickity-carousel
{
overflow:hidden;
}
.carousel-cell {
width: 100%;
}
.cell-item {
display: flex;
align-items: center;
position: relative;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
padding-left:25px;
padding-right:25px;
box-sizing:border-box;
}
.cell-item .carousel-image
{
position: absolute;
z-index: -2;
width: 100%;
height:100%;
top:0;
left:0;
overflow: hidden;
}
.cell-item .carousel-image img
{
width:100%;
height:100%;
object-position: center;
object-fit: cover;
}
.video-container
{
width:100%;
height: 100%;
position: absolute;
overflow: hidden;
top:0;
left:0;
z-index: -1;
}
.video-container video
{
position: absolute;
width: 100%;
height: 100%;
top:0;
left: 0;
right: 0;
bottom:0;
object-fit: cover;
}
.cell-item .inner-container
{
display: flex;
padding:2rem;
}
.cell-item .content {
width: 100%;
}
.cell-item .content a
{
color:#fff;
font-weight: 500;
}
.cell-item .content p {
font-weight: 400;
line-height: 1.35;
margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
.cell-item .content p {
font-size: 20px;
margin-bottom: 10px;
}
}
.cell-item .content h1
{
font-size: 45px;
margin-bottom: 5px;
max-width: 100%;
}
.cell-item .content h1.big
{
font-size: 55px;
}
.cell-item .content h1.small
{
font-size: 28px;
}
@media only screen and (max-width: 1024px) {
.cell-item .content h1
{
font-size: 24px;
}
.cell-item .content h1.big
{
font-size: 30px;
}
.cell-item .content h1.small
{
font-size: 18px;
}
}
.cell-item .content .btn {
margin-top: 5px;
}
@media only screen and (min-width: 768px) {
.cell-item .content .btn {
margin-top: 10px;
}
}
.cell-item .content .btn-white,
.cell-item .content .btn-light {
color: #f38121;
}
.cell-item .content .btn-white
{
background-color: #fff;
}
.cell-item.text-shadow .content .btn{
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
}
.cell-item.text-shadow .content h1, .cell-item.text-shadow .content p{
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}
.cell-item.dark .content h1, .cell-item.dark .content p{
}
.cell-item.light .content h1, .cell-item.light .content p{
color: #fff;
}
.cell-item.orange .content h1, .cell-item.orange .content p{
color: #f38121;
}
@media only screen and (min-width: 576px) {
.cell-item.half .content
{
max-width: 50%;
}
}
@media only screen and (min-width: 576px) {
.cell-item.part .content
{
max-width: 80%;
}
}
.cell-item.text_center .inner-flexible, .cell-item.text_center .inner-container
{
display: flex;
justify-content: center;
}
.cell-item.text_center .content, .cell-item.text_center .content h1, .cell-item.text_center .content p, .cell-item.text_center .content .buttonContainer
{
text-align: center;
}
.cell-item.text_center.force_text_left .content, .cell-item.text_center.force_text_left .content h1, .cell-item.text_center.force_text_left .content p, .cell-item.text_center.force_text_left .content .buttonContainer
{
text-align: left;
}
.cell-item.text_right .inner-flexible, .cell-item.text_right .inner-container
{
display: flex;
justify-content: flex-end;
}
.cell-item.text_right .content, .cell-item.text_right .content h1, .cell-item.text_right .content p, .cell-item.text_right .content .buttonContainer
{
text-align: right;
}
.cell-item.text_top
{
align-items: flex-start;
}
.cell-item.text_top .content
{
margin-top: 2.5rem;
}
@media only screen and (max-width: 576px) {
.cell-item.text_top .content
{
margin-top: 1.5rem;
}
}
.cell-item.text_middle
{
align-items: center;
width:100%;
}
.cell-item.text_middle .content
{
align-items: center;
width:100%;
height: 100%;
}
.cell-item.text_bottom
{
align-items: flex-end;
}
.cell-item.text_bottom .content
{
margin-bottom: 3.5rem;
}
.cell-item.text_middle.carousel_high .content
{
margin-top: 2.5rem;
}
@media only screen and (max-width: 576px) {
.cell-item.text_bottom .content
{
margin-bottom: 2.25rem;
}
}
.cell-item.left_top {
background-position: left top;
}
.cell-item.left_center {
background-position: left center;
}
.cell-item.left_bottom {
background-position: left bottom;
}
.cell-item.right_top {
background-position: right top;
}
.cell-item.right_center {
background-position: right center;
}
.cell-item.right_bottom {
background-position: right bottom;
}
.cell-item.center_top {
background-position: center top;
}
.cell-item.center_center {
background-position: center center;
}
.cell-item.center_bottom {
background-position: center bottom;
}
.cell-item.left_top .carousel-image img {
object-position: left top;
}
.cell-item.left_center .carousel-image img {
object-position: left center;
}
.cell-item.left_bottom .carousel-image img {
object-position: left bottom;
}
.cell-item.right_top .carousel-image img {
object-position: right top;
}
.cell-item.right_center .carousel-image img {
object-position: right center;
}
.cell-item.right_bottom .carousel-image img {
object-position: right bottom;
}
.cell-item.center_top .carousel-image img {
object-position: center top;
}
.cell-item.center_center .carousel-image img {
object-position: center center;
}
.cell-item.center_bottom .carousel-image img {
object-position: center bottom;
}
@media only screen and (min-width: 576px) {
.cell-item.mobileImage {
display: none;
}
} @media only screen and (max-width: 420px) {
.cell-item.gotMobileImage {
display: none;
}
}
.flexible-contacts .contact-person-inner
{
display:flex;
justify-content: center;
flex-wrap:wrap;
}
.flexible-contacts .person-detail
{
float:none;
}
@media only screen and (min-width: 1024px) {
.flexible-contacts .team-card-row
{
justify-content: center;
}
.flexible-contacts .team-card-col
{
max-width:293px;
}
}
.flexible-styling-light-grey .team-card-col .team-card
{
background-color: #fff;
}
.flexible-contacts .gform_wrapper
{
width:100%;
margin:-30px 0 40px 0;
}
.flexible-contacts .con-field {
width: 100%;
}
@media only screen and (min-width: 1024px) {
.flexible-contacts .person-detail
{
width:293px;
}
.flexible-contacts .gform_wrapper
{
width:40%;
margin-top: 0;
margin-bottom:0;
margin-right: 65px;
}
.flexible-contacts .gform_confirmation_wrapper
{
width:40%;
margin-right: 65px;
}
body .flexible-contacts .gform_wrapper ul li.gfield
{
margin-top: 0;
margin-bottom: 30px;
}
}
.flexible-contacts.flexible-styling-light-grey
{
padding-bottom: 40px;
}
.flexible-contacts.flexible-styling-light-grey .person-inner
{
background-color: #fff;	
}
.flexible-contacts .contact-text
{
width:100%;
margin-bottom: 20px;
}
.flexible-contacts .contact-text.desktop
{
display: none;
}
@media only screen and (min-width: 767px) {
.flexible-contacts .contact-text
{
width: 80%;
}
}
@media only screen and (min-width: 1024px) {
.flexible-contacts .contact-text
{
max-width: 380px;
margin-bottom: 0;
}
.flexible-contacts .contact-text.desktop
{
display: block;
}
.flexible-contacts .contact-text.mobile
{
display: none;
}
}
.sustainable-menu-fixed
{
position: fixed;
z-index: 1500;
bottom:-150px;
left:0;
right:0;
width:100%;
display:flex;
justify-content: center;
transition: bottom 250ms ease;
box-sizing: border-box;
}
.sustainable-menu-fixed.show
{
bottom:0;
}
.sustainable-menu
{
display:flex;
justify-content: center;
}
@media only screen and (max-width: 420px) {
.sustainable-menu
{
width:100%;
justify-content: space-between;
}
}
.sustainable-menu-fixed .sustainable-menu
{
padding: 20px 12px;
background-color: #fff;
border-radius: 8px 8px 0 0;
}
@media only screen and (max-width: 1024px) {
.sustainable-menu-fixed .sustainable-menu
{
width:100%;
padding:16px 20px;
border-radius: 0;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}
}
@media only screen and (max-width: 420px) {
.sustainable-menu-fixed
{
background-color: #fff;
}
.sustainable-menu-fixed .sustainable-menu
{
width:380px;
}
}
.sustainable-menu-item
{
font-family: "Montserrat", sans-serif;
width:90px;
padding:10px 0;
margin:0 12px;
color:#fff;
cursor: pointer;
text-align: center;
transition: all 250ms ease;
}
@media only screen and (max-width: 420px) {
.sustainable-menu-item
{
width:64px;
margin:0;
padding:6px 0;
}
}
.sustainable-menu-fixed .sustainable-menu-item
{
transform: scale(0.9,0.9);
}
.sustainable-menu-fixed .sustainable-menu-item:hover, .sustainable-menu-fixed .sustainable-menu-item.active
{
transform: scale(1.1,1.1);
}
.sustainable-menu-item img
{
width:36px;
margin-bottom: 6px;
}
@media only screen and (max-width: 420px) {
.sustainable-menu-item img
{
width:26px;
margin-bottom: 4px;
}
}
.sustainable-menu-item .text
{
font-size: 12px;
font-weight: 600;
line-height: 1.3;
}
@media only screen and (max-width: 420px) {
.sustainable-menu-item .text
{
font-size: 9px;
}
}
.sustainable-menu-item.blue
{
background-color: #adc0d0;
}
.sustainable-menu-item.green
{
background-color: #a8c5b2;
}
.sustainable-menu-item.orange
{
background-color: #efba8e;
}
.sustainable-menu-item.brown
{
background-color: #a49f9b;
}
.sustainable-menu-item.grey
{
background-color: #bbbbbb;
}
.sustainable-menu-item.blue:hover, .sustainable-menu-item.blue.active
{
background-color: #3d6b86;
}
.sustainable-menu-item.green:hover, .sustainable-menu-item.green.active
{
background-color: #377d4f;
}
.sustainable-menu-item.orange:hover, .sustainable-menu-item.orange.active
{
background-color: #f38121;
}
.sustainable-menu-item.brown:hover, .sustainable-menu-item.brown.active
{
background-color: #524b45;
}
.sustainable-menu-item.grey:hover, .sustainable-menu-item.grey.active
{
background-color: #928f8d;
}
.sustainable-menu-item.blue.solid
{
background-color: #3d6b86;
}
.sustainable-menu-item.green.solid
{
background-color: #377d4f;
}
.sustainable-menu-item.orange.solid
{
background-color: #f38121;
}
.sustainable-menu-item.grey.solid
{
background-color: #928f8d;
}
html.hidescroll
{
overflow: hidden;
}
@media (hover: hover) {
html.hidescroll
{
padding-right:15px;
}
html.hidescroll .fixed-header
{
padding-right: 15px;
}
html.hidescroll .sustainable-menu-fixed
{
padding-right: 15px;
}
}
.popup-container
{
position: fixed;
z-index: 3001;
width: 100%;
height: 100%;
top:0;
left:0;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.5);
overflow-y: scroll;
opacity: 0;
visibility: hidden;
transition:opacity 350ms ease;
display:flex;
justify-content:center;
align-content:flex-start;
align-items:flex-start;
}
.popup-window
{
width: 92%;
max-width: 1100px;
margin: 50px 0;
box-sizing:border-box;
background-color: #fff;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
border: none;
border-radius: 8px;
cursor: default;
transform:translate(0, -50px);
transition: all 500ms ease;
}
.popup-close
{
float: right;
width: 20px;
height: 20px;
margin: 12px 12px 0 0;
background-image: url(//www.indus.se/wp-content/themes/indus-wp/images/icon-close.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
cursor: pointer;
}
.popup-inner
{	
clear:both;
width: 100%;
padding:0 0 0 30px;
box-sizing:border-box;
}
.popup-bg.show
{
opacity: 1;
visibility: visible;
}
.popup-container.show
{
opacity: 1;
visibility: visible;
}
.popup-container.show .popup-window
{
transform:translate(0, 0);
}
.popup-container h2
{
color:#377d4f;
padding-left:16px;
}
.popup-container p
{
padding-left:16px;
}
@media only screen and (max-width: 720px) {
.popup-window
{
margin: 25px 0;
}
.popup-container.co2 .popup-inner
{	
padding:0;
}
.popup-container.co2 .popup-inner h2, .popup-container.co2 .popup-inner p
{	
padding:0 24px;
}
} .team-card-row
{
display:flex;
flex-wrap: wrap;
margin-right: -65px;
overflow: hidden;
padding-top: 16px;
}
.team-card-col
{
margin-bottom: 40px;
padding-right: 65px;
width: 25%;
}
@media only screen and (max-width: 1023px) {
.team-card-row
{
margin-right: -45px;
}
.team-card-col
{
padding-right: 45px;
width: 33.33%;
}
}
@media only screen and (max-width: 767px) {
.team-card-row
{
margin-right: -24px;
}
.team-card-col
{
width: 50%;
padding-right: 24px;
margin-bottom: 24px
}
}
@media only screen and (max-width: 420px) {
.team-card-row
{
width:100%;
}
.team-card-row
{
margin-right: 0;
}
.team-card-col
{
width: 100%;
padding-right: 0;
}
}
.team-card
{
width: 100%;
height: 100%;
background-color: #f6f6f6;
}
.team-card-images
{
position: relative;
width: 100%;
padding-top:149.95%;
overflow: hidden;
}
.team-card .image
{
position: absolute;
z-index: 1;
width: 100%;
top:0;
left:0;
}
.team-card .image.image_alt
{
z-index: 2;
opacity: 0;
visibility: hidden;
transition: all 500ms ease;
}
.team-card:hover .team-card-images .image.image_alt
{
opacity: 1;
visibility: visible;
}
.team-card .image img, .team-card .image picture
{
width: 100%;
}
.team-card-text
{
font-family: "Montserrat", sans-serif;
padding:20px;
}
.team-card-text h6
{
font-weight: 700;
font-size: 16px;
line-height: 1.2;
margin-bottom: 6px;
}
.team-card-text .text-row
{
font-size:16px;
line-height: 1.35;
}
.team-card-text .text-row.title
{
margin-bottom:14px;
}
.team-card-text .text-row.contact
{
margin-bottom: 8px;
font-size: 14px;
word-wrap: break-word;
}
.team-card-text .text-row.contact .icon
{
width: 14px;
margin-top: 2px;
margin-right: 8px;
}
.team-card-text .text-row a
{
display:flex;
color: #f38121;
}
.team-card-text .text-row a .label
{
width:calc(100% - 22px);
}
@media only screen and (max-width: 560px) {
.team-card-text
{
font-family: "Montserrat", sans-serif;
padding:16px;
}
.team-card-text .text-row.title
{
font-size: 14px;
}
.team-card-text .text-row.contact
{
font-size: 12px;
}
} .inner-flexible.news
{
max-width: 1000px;
padding-top:120px;
}
@media (max-width:560px){
.inner-flexible.news
{
padding-top:90px;
}
}
.inner-flexible.news.news-list
{
padding-top:60px;
}
@media (max-width:560px){
.inner-flexible.news.news-list
{
padding-top:50px;
}
}
.inner-flexible.news h1
{
font-size: 40px;
margin-bottom: 10px;
}
@media (max-width:1024px){
.inner-flexible.news h1
{
font-size: 32px;
}
}
.news-list-item
{
width:100%;
display: flex;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #e0e0e0;
}
.news-container.single
{
padding-bottom: 50px;
}
.news-container.single .image
{
margin-bottom: 50px;
}
.news-container .date
{
color:#999;
}
.news-container.single .date
{
margin-bottom: 24px;
}
.news-container .news-list-item .image
{
width:100%;
}
.news-container .news-list-item .image img
{
width:100%;
}
.news-container .news-list-item h2
{
margin-bottom: 4px;
}
.news-container .news-list-item p
{
margin-bottom: 0;
}
.news-container .wp-caption-text
{
font-size: 16px;
color:#999;
font-family: "Montserrat", sans-serif;
font-weight: 400;
}
.flexible-content .news-container ul li, .flexible-content .news-container ol li
{
margin-bottom: 15px;
}
@media (max-width:1024px){
.flexible-content .news-container ul li, .flexible-content .news-container ol li
{
font-size: 16px;
}
}
.news-container .arrow
{
height: 0.75em;
margin-top: 0.5em;
}
.news-list-item .news-col-left
{
width:40%;
margin-right: 4%;
}
.news-list-item .news-col-right
{
width:56%;
}
.inner-flexible.news .btn-outline, .inner-flexible.news .btn-outline:hover
{
border: 1px solid #f38121;
font-weight: 500;
margin:0 0 30px 0;
}
@media (max-width:560px){
.news-list-item
{
flex-wrap: wrap;
}
.news-list-item .news-col-left
{
width:100%;
margin-right: 0;
margin-bottom: 24px;
}
.news-list-item .news-col-right
{
width:100%;
}
}
hr
{
background-color: rgba(51, 51, 51, 0.15);
}
.flexible-faq
{
padding:60px 0 20px 0;
}
.accordion
{
margin-bottom:2.25rem;
}
@media (max-width:560px){
.accordion
{
margin-bottom:1.75rem;
}
}
.accordion .accordion-header
{
display:flex;
justify-content: space-between;
align-items: center;
cursor:pointer;
}
@media (max-width:560px){
.accordion .accordion-header
{
align-items: center;
}
}
.accordion .accordion-header h3
{
color:#f38121;
line-height: 1.25;
}
.accordion .accordion-title
{
width:calc(100% - 46px);
margin-bottom:0!important;
}
.accordion .fold-btn
{
display:flex;
justify-content:center;
align-items:center;
width:1.9rem;
height:1.9rem;
border-radius:50%;
border:2px solid #f38121;
margin-right:0.5rem;
}
.accordion .fold-btn img
{
width:1rem;
}
.accordion .answer
{
opacity:0;
visibility:hidden;
max-height:0;
overflow:hidden;
padding-top:1rem;
padding-left:0;
margin-bottom:0.5rem;
transition:opacity 750ms ease, visibility 750ms ease;
}
.accordion .answer:last-child
{
margin-bottom:0;
}
.accordion.folded .fold-btn img
{
transform:rotate(180deg);
}
.accordion.folded .answer
{
display:block;
opacity:1;
visibility:visible;
max-height:3000px;
}