@charset "utf-8";
@media all { #services-stage .teaser-text-wrapper.individual { position: absolute; display: block; width: 100%; top:20%; left:0; bottom:20px; } #services-stage.stage-custom { position: relative; top: -1px; } h2.custom { line-height: 40px; } #containerCategories .card:hover, #servicesContainer .grid-item:hover { cursor: pointer; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26); } #containerCategories .card:hover, #containerCategories .card.selected{ border-color: #cc0000; } #containerCategories .card.filterobject { border-radius: .5rem !important; } #containerCategories .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; } .alphabetic-filter { width: 4rem; height: 4rem; text-align: center; } .alphabetic-filter.selected, .alphabetic-filter:hover { background-color: #cc0000; color: #fff; } #servicesContainer { overflow: hidden; } #servicesContainer .grid-item .grid-item-content a.card-link { padding: 1.6rem; } #servicesContainer .h3-style { line-height: 1.4; } /* #containerCategories .card .card-footer { background-color: #dedede; } */ #containerCategories .card .img-wrapper { text-align: center; color: #cc0000; width: 20%; } #containerCategories .card .img-wrapper svg path { fill: #cc0000 !important; } #containerCategories .card:hover .img-wrapper svg path, #containerCategories .card.selected .img-wrapper svg path { fill: #fff !important; } #containerCategories .card span.h3-style { transform: perspective(1px) translateZ(0);transition-duration: 0.1s; display: inline-block; width: 100%; } #containerCategories .card .card-body { position: relative; } #containerCategories .card .card-body .active-icon { display: none; position: absolute; right: 2rem; top: .5rem; } #containerCategories .card.selected .card-body .active-icon { display: block !important; } #servicesContainer .grid-sizer { padding-right: 10px; } #servicesContainer .grid-item { display: none; width: 32%; } #servicesContainer.list-view .grid-item { width: 100%; height: 100px; margin-bottom: 0.4rem !important; } .gutter-sizer { width: 2%; } #servicesContainer .grid-item.show-item { display: block; } #servicesContainer .grid-item .grid-item-content .banner { font-size: 1.3rem; position: absolute; top: 1.6rem; right: 1.6rem; z-index: 10; } #servicesContainer.list-view .grid-item .grid-item-content .banner { top: 0; right: 0; } #servicesContainer .grid-item .grid-item-content a.text-decoration-none { color: #000; } #servicesContainer .grid-item .grid-item-content a.text-decoration-none:hover { text-decoration: none; } #servicesContainer .grid-item:hover .grid-item-content a.text-decoration-none .link-underline { text-decoration: underline; } #servicesContainer .grid-item .grid-item-content p.multiline-ellipsis { height: 70px; -webkit-line-clamp: 3; } #servicesContainer.list-view .grid-item .grid-item-content .h3-style, #servicesContainer.list-view .grid-item .grid-item-content p { display: inline-block; float: left; } #servicesContainer.list-view .grid-item .grid-item-content .h3-style { width: 25%; line-height: inherit; padding-right: 10px; } #servicesContainer.list-view .grid-item .grid-item-content p.multiline-ellipsis { height: 50px; width: 65%; -webkit-line-clamp: 2; padding-right: 10px; } #servicesContainer.list-view .grid-item .grid-item-content p.link-text { max-width: 10%; } .tag-cloud-filter button, .tag-cloud-filter button .icon { display: none; } .tag-cloud-filter button.show-tag, .tag-cloud-filter .tag-group button.filterobject.selected .icon { display: inline-block; } .tag-cloud-filter .tag-group li.filterobject.selected { color: #cc0000; cursor: pointer; } .tag-cloud-filter button:hover, .tag-cloud-filter .tag-group button.filterobject.selected { background-color: #cc0000 !important; color: #fff; } .outer-container .container-fluid { max-width: 1176px; } #lengthServicesBatch { font-size: 2rem; position: relative; top: -0.2rem; padding: .6rem .8rem .4rem .8rem; font-family: wuerthbold; } .hidden{ visibility:hidden; width:0px!important; height:0px!important; margin:0px!important; padding:0px!important; } .card .card-body .multiline-ellipsis, #servicesContainer .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, #servicesContainer .grid-item .grid-item-content p.multiline-ellipsis:before{ height:1.9rem; } .card .card-body span.multiline-ellipsis, #servicesContainer .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, #servicesContainer .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; } #servicesContainer .grid-item { width: 48%; } .gutter-sizer { width: 2%; } } @media screen and (max-width: 576px) { #containerCategories .card .img-wrapper { width: 2.2rem; } #containerCategories .card-deck .card .img-wrapper { float: left; } #containerCategories .card span.h3-style { line-height: 1.5; } #servicesContainer .grid-item { width: 100%; } .gutter-sizer { width: 0; } }