@charset "utf-8";
/* */ h2.custom { line-height: 40px; } .filters .card:hover, #fpmContainer .grid-item:hover { cursor: pointer; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); } .filters .card:hover, .filters .card.selected { border-color: #cc0000; } .filters .card.filterobject { border-radius: .5rem !important; } .filters .card.filterobject .icon { position: absolute; transform: translateZ(0); transition-duration: 0.1s; transition-property: transform; transition-timing-function: ease-out; } .input-icon { position: absolute; top: 1.2rem; right: 2.5rem; } #fpmContainer .h3-style { line-height: 1.4; } #fpmContainer a.card-link { color: inherit; display: block; } .filters .card .img-wrapper { text-align: center; color: #cc0000; width: 20%; } .filters .card .img-wrapper svg path { fill: #cc0000 !important; } .filters .card:hover .img-wrapper svg path, .filters .card.selected .img-wrapper svg path { fill: #fff !important; } .filters .card span.h3-style { transform: perspective(1px) translateZ(0); transition-duration: 0.1s; display: inline-block; width: 100%; } .filters .card .card-body { position: relative; } .filters .card .card-body .active-icon { display: none; position: absolute; right: 2rem; top: .5rem; } .filters .card.selected .card-body .active-icon { display: block !important; } #fpmContainer .grid-items .img-wrapper.position-absolute { right: 0; top: 0; } #fpmContainer.list-view .grid-item { width: 100%; height: 100px; margin-bottom: 0.4rem !important; } #fpmContainer .grid-item .grid-item-content a.text-decoration-none { color: #000; } #fpmContainer .grid-item .grid-item-content a.text-decoration-none:hover { text-decoration: none; } #fpmContainer .grid-item:hover .grid-item-content a.text-decoration-none .link-underline { text-decoration: underline; } #fpmContainer .grid-item .grid-item-content p.multiline-ellipsis { height: 70px; -webkit-line-clamp: 3; } #fpmContainer .grid-item .grid-item-content p.link-text { margin-bottom: 0; } #fpmContainer.list-view .grid-item .grid-item-content .h3-style, #fpmContainer.list-view .grid-item .grid-item-content p { display: inline-block; float: left; } #fpmContainer.list-view .grid-item .grid-item-content .h3-style { width: 25%; line-height: inherit; padding-right: 10px; } #fpmContainer.list-view .grid-item .grid-item-content p.multiline-ellipsis { height: 50px; width: 65%; -webkit-line-clamp: 2; padding-right: 10px; } #fpmContainer.list-view .grid-item .grid-item-content p.link-text { max-width: 10%; } .outer-container .container-fluid { max-width: 1176px; } #lengthServicesBatch { font-size: 2rem; position: relative; top: -0.2rem; padding: .6rem .8rem .4rem .8rem; font-family: wuerthbold; } .text-box { width: 50%; position: absolute; top: 2rem; right: 2rem; } .alphabet span { color: #000; cursor: pointer; display: inline-block; padding: 3px 12px; margin: 0 10px 10px 0; border: solid 1px #DEDEDE; } .alphabet span:hover, .alphabet span.active, .category-filter span:hover, .category-filter span.active, .category-filter div.filter:hover, .category-filter div.filter.active { color: #fff; background: #cc0000; } #fpmTable th, #fpmTable td { border-top: .1rem solid #dedede; padding: 1.5rem 0; } .clickable-row:hover{ background-color: #dedede; cursor: pointer; } .card .card-body .multiline-ellipsis, #fpmContainer .grid-item .grid-item-content p.multiline-ellipsis { height: calc(1.5rem * 1.6 * 3); -webkit-line-clamp: 3; } .card .card-body .multiline-ellipsis:before, #fpmContainer .grid-item .grid-item-content p.multiline-ellipsis:before { height: 1.9rem; } .card .card-body span.multiline-ellipsis, #fpmContainer .grid-item .grid-item-content span.multiline-ellipsis { height: calc(1.5rem * 1.5 * 2); -webkit-line-clamp: 2; } .card .card-body span.multiline-ellipsis:before, #fpmContainer .grid-item .grid-item-content span.multiline-ellipsis:before { height: 1.7rem; } @media screen and (max-width:1200px) { #services-stage .teaser-text-wrapper.individual .white .h1-style, #services-stage .teaser-text-wrapper.individual .black .h1-style { font-size: 5rem; } #services-stage .teaser-text-wrapper .subheader, #services-stage .teaser-text-wrapper .slider-backgroundbox.white .subheader { font-size: 2.5rem; } } @media screen and (max-width: 992px) { #services-stage .teaser-text-wrapper.individual { width: 100%; position: relative; display: block; top: 0; bottom: 0; padding: 2rem; color: #000 !important; } #services-stage .teaser-mobile-text-wrapper { width: 100%; position: absolute; display: block; top: 0; bottom: 0; padding: 2rem; } #services-stage.stage-custom .teaser-text-wrapper.individual .white h1, #services-stage.stage-custom .teaser-text-wrapper.individual .black h1, #services-stage .teaser-text-wrapper.individual .white .h1-style, #services-stage .teaser-text-wrapper.individual .black .h1-style, #services-stage.teaser-text-wrapper.individual .white h1 { color: #000 !important; font-size: 2.4rem; } #services-stage .teaser-text-wrapper.individual p.teaser-text { color: #000 !important; } #services-stage a:hover .teaser-text-wrapper.individual .white .h1-style, #services-stage a:hover .teaser-text-wrapper.individual .black .h1-style { color: #000 !important; text-decoration: none; } #services-stage .teaser-mobile-text-wrapper h1 { font-size: 2.4rem; } #services-stage .teaser-text-wrapper .subheader, #services-stage .teaser-text-wrapper .slider-backgroundbox.white .subheader { color: #000; font-family: wuerthbold, futura, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 1.7rem; } #fpmContainer .grid-item { width: 48%; } .gutter-sizer { width: 2%; } } @media screen and (max-width: 768px) { .text-box { position: relative; width: 100%; top: 0rem; right: 0rem; } } @media screen and (max-width: 576px) { .filters .card .img-wrapper { width: 2.2rem; } .filters .card-deck .card .img-wrapper { float: left; } .filters .card span.h3-style { line-height: 1.5; } #fpmContainer .grid-item { width: 100%; } .gutter-sizer { width: 0; } } /* */