@charset "UTF-8";
@font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal
}
:root {
--swiper-theme-color: #007aff
}
.page-id-11434 .content {
width: 100%;
padding-left: max(var(--padding-width), 50vw - var(--wrapper-width) / 2);
padding-right: max(var(--padding-width), 50vw - var(--wrapper-width) / 2);
padding-top: 80px;
padding-bottom: 80px;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.reflink {
display: block;
margin-top: 10px;
color: black;
text-decoration: underline;
position: relative;
padding-left: 30px;
}
.reflink::after {
content: "";
position: absolute;
left: 0;
top: 0;
background-image: url(//blaettler-holzbau.ch/wp-content/themes/webwirkung-new/dist/images/refarrow.svg);
background-repeat: no-repeat;
background-size: contain;
width: 20px;
height: 20px;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box
}
.swiper-container:not(.swiper-container-initialized) .swiper-wrapper{
column-gap: 24px;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
transform: translateZ(0)
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
height: auto
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height
}
.swiper-container-3d {
perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory
}
:root {
--swiper-navigation-size: 44px
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-next:after, .swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: normal;
line-height: 1
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
content: "prev"
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
content: "next"
}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
--swiper-navigation-color: #fff
}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
--swiper-navigation-color: #000
}
.swiper-button-lock {
display: none
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: opacity .3s;
transform: translateZ(0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33)
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet-active {
opacity: 1;
background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: transform .2s, top .2s
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: transform .2s, left .2s
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: transform .2s, right .2s
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, .25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top
}
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-white {
--swiper-pagination-color: #fff
}
.swiper-pagination-black {
--swiper-pagination-color: #000
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, .1)
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, .5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center
}
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s linear infinite;
box-sizing: border-box;
border-radius: 50%;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-top: 4px solid transparent
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
to {
transform: rotate(1turn)
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube {
overflow: visible
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0
}
.swiper-container-flip {
overflow: visible
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}

:root {
--c-white: #fff;
--c-black: #000;
--c-yellow-300: #f8eb6c;
--c-yellow-400: #ffe500;
--c-brown-200: #eee9e0;
--c-brown-300: #eae5dc;
--c-brown-400: #dbd1bf;
--c-brown-500: #cbbba0;
--c-brown-600: #b1a188;
--c-brown-700: #432918;
--c-gray-200: #bebebe;
--c-gray-300: #f0f0f0;
--c-gray-400: #efefef;
--c-gray-500: #535353;
--c-gray-600: #d5d5d5;
--c-gray-700: #626262;
--c-primary: var(--c-yellow-400);
--c-text: var(--c-black);
--f-main: "Noah", sans-serif;
--f-headings: "Noah", sans-serif;
--wrapper-width: 120rem;
--padding-width: 2rem;
--gutter-width: 2rem;
--transition-duration: .25s
}
.-initial {
display: initial
}
.-inherit {
display: inherit
}
.-inline {
display: inline
}
.-block {
display: block
}
.-contents {
display: contents
}
.-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.-grid {
display: grid
}
.-inline-block {
display: inline-block
}
.-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
.-inline-grid {
display: inline-grid
}
.-table {
display: table
}
.-none {
display: none
}
@media (min-width: 600px) {
.-sm-initial {
display: initial !important
}
}
@media (min-width: 600px) {
.-sm-inherit {
display: inherit !important
}
}
@media (min-width: 600px) {
.-sm-inline {
display: inline !important
}
}
@media (min-width: 600px) {
.-sm-block {
display: block !important
}
}
@media (min-width: 600px) {
.-sm-contents {
display: contents !important
}
}
@media (min-width: 600px) {
.-sm-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important
}
}
@media (min-width: 600px) {
.-sm-grid {
display: grid !important
}
}
@media (min-width: 600px) {
.-sm-inline-block {
display: inline-block !important
}
}
@media (min-width: 600px) {
.-sm-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
}
@media (min-width: 600px) {
.-sm-inline-grid {
display: inline-grid !important
}
}
@media (min-width: 600px) {
.-sm-table {
display: table !important
}
}
@media (min-width: 600px) {
.-sm-none {
display: none !important
}
}
@media (min-width: 768px) {
.-md-initial {
display: initial !important
}
}
@media (min-width: 768px) {
.-md-inherit {
display: inherit !important
}
}
@media (min-width: 768px) {
.-md-inline {
display: inline !important
}
}
@media (min-width: 768px) {
.-md-block {
display: block !important
}
}
@media (min-width: 768px) {
.-md-contents {
display: contents !important
}
}
@media (min-width: 768px) {
.-md-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important
}
}
@media (min-width: 768px) {
.-md-grid {
display: grid !important
}
}
@media (min-width: 768px) {
.-md-inline-block {
display: inline-block !important
}
}
@media (min-width: 768px) {
.-md-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
}
@media (min-width: 768px) {
.-md-inline-grid {
display: inline-grid !important
}
}
@media (min-width: 768px) {
.-md-table {
display: table !important
}
}
@media (min-width: 768px) {
.-md-none {
display: none !important
}
}
@media (min-width: 992px) {
.-lg-initial {
display: initial !important
}
}
@media (min-width: 992px) {
.-lg-inherit {
display: inherit !important
}
}
@media (min-width: 992px) {
.-lg-inline {
display: inline !important
}
}
@media (min-width: 992px) {
.-lg-block {
display: block !important
}
}
@media (min-width: 992px) {
.-lg-contents {
display: contents !important
}
}
@media (min-width: 992px) {
.-lg-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important
}
}
@media (min-width: 992px) {
.-lg-grid {
display: grid !important
}
}
@media (min-width: 992px) {
.-lg-inline-block {
display: inline-block !important
}
}
@media (min-width: 992px) {
.-lg-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
}
@media (min-width: 992px) {
.-lg-inline-grid {
display: inline-grid !important
}
}
@media (min-width: 992px) {
.-lg-table {
display: table !important
}
}
@media (min-width: 992px) {
.-lg-none {
display: none !important
}
}
@media (min-width: 1200px) {
.-xl-initial {
display: initial !important
}
}
@media (min-width: 1200px) {
.-xl-inherit {
display: inherit !important
}
}
@media (min-width: 1200px) {
.-xl-inline {
display: inline !important
}
}
@media (min-width: 1200px) {
.-xl-block {
display: block !important
}
}
@media (min-width: 1200px) {
.-xl-contents {
display: contents !important
}
}
@media (min-width: 1200px) {
.-xl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important
}
}
@media (min-width: 1200px) {
.-xl-grid {
display: grid !important
}
}
@media (min-width: 1200px) {
.-xl-inline-block {
display: inline-block !important
}
}
@media (min-width: 1200px) {
.-xl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
}
@media (min-width: 1200px) {
.-xl-inline-grid {
display: inline-grid !important
}
}
@media (min-width: 1200px) {
.-xl-table {
display: table !important
}
}
@media (min-width: 1200px) {
.-xl-none {
display: none !important
}
}
@media (min-width: 1400px) {
.-xxl-initial {
display: initial !important
}
}
@media (min-width: 1400px) {
.-xxl-inherit {
display: inherit !important
}
}
@media (min-width: 1400px) {
.-xxl-inline {
display: inline !important
}
}
@media (min-width: 1400px) {
.-xxl-block {
display: block !important
}
}
@media (min-width: 1400px) {
.-xxl-contents {
display: contents !important
}
}
@media (min-width: 1400px) {
.-xxl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important
}
}
@media (min-width: 1400px) {
.-xxl-grid {
display: grid !important
}
}
@media (min-width: 1400px) {
.-xxl-inline-block {
display: inline-block !important
}
}
@media (min-width: 1400px) {
.-xxl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
}
@media (min-width: 1400px) {
.-xxl-inline-grid {
display: inline-grid !important
}
}
@media (min-width: 1400px) {
.-xxl-table {
display: table !important
}
}
@media (min-width: 1400px) {
.-xxl-none {
display: none !important
}
}
.-color-primary {
color: var(--c-primary)
}
.-bg-primary {
background-color: var(--c-primary)
}
.-color-text {
color: var(--c-text)
}
.-bg-text {
background-color: var(--c-text)
}
.-color-white {
color: var(--c-white)
}
.-bg-white {
background-color: var(--c-white)
}
.-color-black {
color: var(--c-black)
}
.-bg-black {
background-color: var(--c-black)
}
.-color-yellow-300 {
color: var(--c-yellow-300)
}
.-bg-yellow-300 {
background-color: var(--c-yellow-300)
}
.-color-yellow-400 {
color: var(--c-yellow-400)
}
.-bg-yellow-400 {
background-color: var(--c-yellow-400)
}
.-color-brown-200 {
color: var(--c-brown-200)
}
.-bg-brown-200 {
background-color: var(--c-brown-200)
}
.-color-brown-300 {
color: var(--c-brown-300)
}
.-bg-brown-300 {
background-color: var(--c-brown-300)
}
.-color-brown-400 {
color: var(--c-brown-400)
}
.-bg-brown-400 {
background-color: var(--c-brown-400)
}
.-color-brown-500 {
color: var(--c-brown-500)
}
.-bg-brown-500 {
background-color: var(--c-brown-500)
}
.-color-brown-600 {
color: var(--c-brown-600)
}
.-bg-brown-600 {
background-color: var(--c-brown-600)
}
.-color-brown-700 {
color: var(--c-brown-700)
}
.-bg-brown-700 {
background-color: var(--c-brown-700)
}
.-color-gray-200 {
color: var(--c-gray-200)
}
.-bg-gray-200 {
background-color: var(--c-gray-200)
}
.-color-gray-300 {
color: var(--c-gray-300)
}
.-bg-gray-300 {
background-color: var(--c-gray-300)
}
.-color-gray-400 {
color: var(--c-gray-400)
}
.-bg-gray-400 {
background-color: var(--c-gray-400)
}
.-color-gray-500 {
color: var(--c-gray-500)
}
.-bg-gray-500 {
background-color: var(--c-gray-500)
}
.-color-gray-600 {
color: var(--c-gray-600)
}
.-bg-gray-600 {
background-color: var(--c-gray-600)
}
.-color-gray-700 {
color: var(--c-gray-700)
}
.-bg-gray-700 {
background-color: var(--c-gray-700)
}
[class*=-col-] {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
.-col-1 {
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%
}
.-col-2 {
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%
}
.-col-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%
}
.-col-4 {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%
}
.-col-5 {
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%
}
.-col-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%
}
.-col-7 {
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%
}
.-col-8 {
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%
}
.-col-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%
}
.-col-10 {
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%
}
.-col-11 {
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%
}
.-col-12 {
max-width: 100%
}
.-col-12, .-col-sm-1 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 600px) {
.-col-sm-1 {
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%
}
}
.-col-sm-2 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 600px) {
.-col-sm-2 {
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%
}
}
.-col-sm-3 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 600px) {
.-col-sm-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%
}
}
.-col-sm-4 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 600px) {
.-col-sm-4 {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%
}
}
.-col-sm-5 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 600px) {
.-col-sm-5 {
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%
}
}
.-col-sm-6 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 600px) {
.-col-sm-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%
}
}
.-col-sm-7 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 600px) {
.-col-sm-7 {
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%
}
}
.-col-sm-8 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 600px) {
.-col-sm-8 {
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%
}
}
.-col-sm-9 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 600px) {
.-col-sm-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%
}
}
.-col-sm-10 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 600px) {
.-col-sm-10 {
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%
}
}
.-col-sm-11 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 600px) {
.-col-sm-11 {
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%
}
}
.-col-sm-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 600px) {
.-col-sm-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%
}
}
.-col-md-1 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 768px) {
.-col-md-1 {
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%
}
}
.-col-md-2 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 768px) {
.-col-md-2 {
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%
}
}
.-col-md-3 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 768px) {
.-col-md-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%
}
}
.-col-md-4 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 768px) {
.-col-md-4 {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%
}
}
.-col-md-5 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 768px) {
.-col-md-5 {
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%
}
}
.-col-md-6 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 768px) {
.-col-md-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%
}
}
.-col-md-7 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 768px) {
.-col-md-7 {
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%
}
}
.-col-md-8 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 768px) {
.-col-md-8 {
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%
}
}
.-col-md-9 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 768px) {
.-col-md-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%
}
}
.-col-md-10 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 768px) {
.-col-md-10 {
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%
}
}
.-col-md-11 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 768px) {
.-col-md-11 {
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%
}
}
.-col-md-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 768px) {
.-col-md-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%
}
}
.-col-lg-1 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 992px) {
.-col-lg-1 {
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%
}
}
.-col-lg-2 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 992px) {
.-col-lg-2 {
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%
}
}
.-col-lg-3 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 992px) {
.-col-lg-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%
}
}
.-col-lg-4 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 992px) {
.-col-lg-4 {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%
}
}
.-col-lg-5 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 992px) {
.-col-lg-5 {
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%
}
}
.-col-lg-6 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 992px) {
.-col-lg-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%
}
}
.-col-lg-7 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 992px) {
.-col-lg-7 {
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%
}
}
.-col-lg-8 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 992px) {
.-col-lg-8 {
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%
}
}
.-col-lg-9 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 992px) {
.-col-lg-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%
}
}
.-col-lg-10 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 992px) {
.-col-lg-10 {
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%
}
}
.-col-lg-11 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 992px) {
.-col-lg-11 {
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%
}
}
.-col-lg-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 992px) {
.-col-lg-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%
}
}
.-col-xl-1 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 1200px) {
.-col-xl-1 {
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%
}
}
.-col-xl-2 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 1200px) {
.-col-xl-2 {
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%
}
}
.-col-xl-3 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 1200px) {
.-col-xl-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%
}
}
.-col-xl-4 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 1200px) {
.-col-xl-4 {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%
}
}
.-col-xl-5 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 1200px) {
.-col-xl-5 {
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%
}
}
.-col-xl-6 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 1200px) {
.-col-xl-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%
}
}
.-col-xl-7 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 1200px) {
.-col-xl-7 {
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%
}
}
.-col-xl-8 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 1200px) {
.-col-xl-8 {
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%
}
}
.-col-xl-9 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 1200px) {
.-col-xl-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%
}
}
.-col-xl-10 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 1200px) {
.-col-xl-10 {
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%
}
}
.-col-xl-11 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 1200px) {
.-col-xl-11 {
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%
}
}
.-col-xl-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 1200px) {
.-col-xl-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%
}
}
.-col-xxl-1 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 1400px) {
.-col-xxl-1 {
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%
}
}
.-col-xxl-2 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 1400px) {
.-col-xxl-2 {
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%
}
}
.-col-xxl-3 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 1400px) {
.-col-xxl-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%
}
}
.-col-xxl-4 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 1400px) {
.-col-xxl-4 {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%
}
}
.-col-xxl-5 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 1400px) {
.-col-xxl-5 {
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%
}
}
.-col-xxl-6 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 1400px) {
.-col-xxl-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%
}
}
.-col-xxl-7 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 1400px) {
.-col-xxl-7 {
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%
}
}
.-col-xxl-8 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 1400px) {
.-col-xxl-8 {
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%
}
}
.-col-xxl-9 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 1400px) {
.-col-xxl-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%
}
}
.-col-xxl-10 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 1400px) {
.-col-xxl-10 {
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%
}
}
.-col-xxl-11 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 1400px) {
.-col-xxl-11 {
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%
}
}
.-col-xxl-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media (min-width: 1400px) {
.-col-xxl-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%
}
}
.-fw-300 {
font-weight: 300
}
.-fw-400 {
font-weight: 400
}
.-fw-500 {
font-weight: 500
}
.-fw-600 {
font-weight: 600
}
.-fw-700 {
font-weight: 700
}
.-fw-900 {
font-weight: 900
}
.-m-0 {
margin: 0
}
.-mx-0 {
margin-left: 0;
margin-right: 0
}
.-my-0 {
margin-top: 0;
margin-bottom: 0
}
.-mx-auto {
margin-left: auto;
margin-right: auto
}
.-my-auto {
margin-top: auto;
margin-bottom: auto
}
.-p-0 {
padding: 0
}
.-px-0 {
padding-left: 0;
padding-right: 0
}
.-py-0 {
padding-top: 0;
padding-bottom: 0
}
.-static {
position: static
}
.-relative {
position: relative
}
.-fixed {
position: fixed
}
.-absolute {
position: absolute
}
.-sticky {
position: sticky
}
@media (min-width: 600px) {
.-sm-static {
position: static
}
}
@media (min-width: 600px) {
.-sm-relative {
position: relative
}
}
@media (min-width: 600px) {
.-sm-fixed {
position: fixed
}
}
@media (min-width: 600px) {
.-sm-absolute {
position: absolute
}
}
@media (min-width: 600px) {
.-sm-sticky {
position: sticky
}
}
@media (min-width: 768px) {
.-md-static {
position: static
}
}
@media (min-width: 768px) {
.-md-relative {
position: relative
}
}
@media (min-width: 768px) {
.-md-fixed {
position: fixed
}
}
@media (min-width: 768px) {
.-md-absolute {
position: absolute
}
}
@media (min-width: 768px) {
.-md-sticky {
position: sticky
}
}
@media (min-width: 992px) {
.-lg-static {
position: static
}
}
@media (min-width: 992px) {
.-lg-relative {
position: relative
}
}
@media (min-width: 992px) {
.-lg-fixed {
position: fixed
}
}
@media (min-width: 992px) {
.-lg-absolute {
position: absolute
}
}
@media (min-width: 992px) {
.-lg-sticky {
position: sticky
}
}
@media (min-width: 1200px) {
.-xl-static {
position: static
}
}
@media (min-width: 1200px) {
.-xl-relative {
position: relative
}
}
@media (min-width: 1200px) {
.-xl-fixed {
position: fixed
}
}
@media (min-width: 1200px) {
.-xl-absolute {
position: absolute
}
}
@media (min-width: 1200px) {
.-xl-sticky {
position: sticky
}
}
@media (min-width: 1400px) {
.-xxl-static {
position: static
}
}
@media (min-width: 1400px) {
.-xxl-relative {
position: relative
}
}
@media (min-width: 1400px) {
.-xxl-fixed {
position: fixed
}
}
@media (min-width: 1400px) {
.-xxl-absolute {
position: absolute
}
}
@media (min-width: 1400px) {
.-xxl-sticky {
position: sticky
}
}
.-align-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start
}
.-align-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end
}
.-align-flex-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.-align-flex-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.-align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.-align-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.-align-space-around {
-webkit-box-align: space-around;
-ms-flex-align: space-around;
align-items: space-around
}
.-align-space-between {
-webkit-box-align: space-between;
-ms-flex-align: space-between;
align-items: space-between
}
.-align-space-evenly {
-webkit-box-align: space-evenly;
-ms-flex-align: space-evenly;
align-items: space-evenly
}
@media (min-width: 600px) {
.-sm-align-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start
}
}
@media (min-width: 600px) {
.-sm-align-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end
}
}
@media (min-width: 600px) {
.-sm-align-flex-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
@media (min-width: 600px) {
.-sm-align-flex-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
}
@media (min-width: 600px) {
.-sm-align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
@media (min-width: 600px) {
.-sm-align-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
}
@media (min-width: 600px) {
.-sm-align-space-around {
-webkit-box-align: space-around;
-ms-flex-align: space-around;
align-items: space-around
}
}
@media (min-width: 600px) {
.-sm-align-space-between {
-webkit-box-align: space-between;
-ms-flex-align: space-between;
align-items: space-between
}
}
@media (min-width: 600px) {
.-sm-align-space-evenly {
-webkit-box-align: space-evenly;
-ms-flex-align: space-evenly;
align-items: space-evenly
}
}
@media (min-width: 768px) {
.-md-align-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start
}
}
@media (min-width: 768px) {
.-md-align-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end
}
}
@media (min-width: 768px) {
.-md-align-flex-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
@media (min-width: 768px) {
.-md-align-flex-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
}
@media (min-width: 768px) {
.-md-align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
@media (min-width: 768px) {
.-md-align-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
}
@media (min-width: 768px) {
.-md-align-space-around {
-webkit-box-align: space-around;
-ms-flex-align: space-around;
align-items: space-around
}
}
@media (min-width: 768px) {
.-md-align-space-between {
-webkit-box-align: space-between;
-ms-flex-align: space-between;
align-items: space-between
}
}
@media (min-width: 768px) {
.-md-align-space-evenly {
-webkit-box-align: space-evenly;
-ms-flex-align: space-evenly;
align-items: space-evenly
}
}
@media (min-width: 992px) {
.-lg-align-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start
}
}
@media (min-width: 992px) {
.-lg-align-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end
}
}
@media (min-width: 992px) {
.-lg-align-flex-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
@media (min-width: 992px) {
.-lg-align-flex-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
}
@media (min-width: 992px) {
.-lg-align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
@media (min-width: 992px) {
.-lg-align-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
}
@media (min-width: 992px) {
.-lg-align-space-around {
-webkit-box-align: space-around;
-ms-flex-align: space-around;
align-items: space-around
}
}
@media (min-width: 992px) {
.-lg-align-space-between {
-webkit-box-align: space-between;
-ms-flex-align: space-between;
align-items: space-between
}
}
@media (min-width: 992px) {
.-lg-align-space-evenly {
-webkit-box-align: space-evenly;
-ms-flex-align: space-evenly;
align-items: space-evenly
}
}
@media (min-width: 1200px) {
.-xl-align-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start
}
}
@media (min-width: 1200px) {
.-xl-align-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end
}
}
@media (min-width: 1200px) {
.-xl-align-flex-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
@media (min-width: 1200px) {
.-xl-align-flex-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
}
@media (min-width: 1200px) {
.-xl-align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
@media (min-width: 1200px) {
.-xl-align-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
}
@media (min-width: 1200px) {
.-xl-align-space-around {
-webkit-box-align: space-around;
-ms-flex-align: space-around;
align-items: space-around
}
}
@media (min-width: 1200px) {
.-xl-align-space-between {
-webkit-box-align: space-between;
-ms-flex-align: space-between;
align-items: space-between
}
}
@media (min-width: 1200px) {
.-xl-align-space-evenly {
-webkit-box-align: space-evenly;
-ms-flex-align: space-evenly;
align-items: space-evenly
}
}
@media (min-width: 1400px) {
.-xxl-align-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start
}
}
@media (min-width: 1400px) {
.-xxl-align-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end
}
}
@media (min-width: 1400px) {
.-xxl-align-flex-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
@media (min-width: 1400px) {
.-xxl-align-flex-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
}
@media (min-width: 1400px) {
.-xxl-align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
@media (min-width: 1400px) {
.-xxl-align-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
}
@media (min-width: 1400px) {
.-xxl-align-space-around {
-webkit-box-align: space-around;
-ms-flex-align: space-around;
align-items: space-around
}
}
@media (min-width: 1400px) {
.-xxl-align-space-between {
-webkit-box-align: space-between;
-ms-flex-align: space-between;
align-items: space-between
}
}
@media (min-width: 1400px) {
.-xxl-align-space-evenly {
-webkit-box-align: space-evenly;
-ms-flex-align: space-evenly;
align-items: space-evenly
}
}
.-justify-start {
justify-items: start
}
.-justify-end {
justify-items: end
}
.-justify-flex-start {
justify-items: flex-start
}
.-justify-flex-end {
justify-items: flex-end
}
.-justify-center {
justify-items: center
}
.-justify-stretch {
justify-items: stretch
}
.-justify-space-around {
justify-items: space-around
}
.-justify-space-between {
justify-items: space-between
}
.-justify-space-evenly {
justify-items: space-evenly
}
@media (min-width: 600px) {
.-sm-justify-start {
justify-items: start
}
}
@media (min-width: 600px) {
.-sm-justify-end {
justify-items: end
}
}
@media (min-width: 600px) {
.-sm-justify-flex-start {
justify-items: flex-start
}
}
@media (min-width: 600px) {
.-sm-justify-flex-end {
justify-items: flex-end
}
}
@media (min-width: 600px) {
.-sm-justify-center {
justify-items: center
}
}
@media (min-width: 600px) {
.-sm-justify-stretch {
justify-items: stretch
}
}
@media (min-width: 600px) {
.-sm-justify-space-around {
justify-items: space-around
}
}
@media (min-width: 600px) {
.-sm-justify-space-between {
justify-items: space-between
}
}
@media (min-width: 600px) {
.-sm-justify-space-evenly {
justify-items: space-evenly
}
}
@media (min-width: 768px) {
.-md-justify-start {
justify-items: start
}
}
@media (min-width: 768px) {
.-md-justify-end {
justify-items: end
}
}
@media (min-width: 768px) {
.-md-justify-flex-start {
justify-items: flex-start
}
}
@media (min-width: 768px) {
.-md-justify-flex-end {
justify-items: flex-end
}
}
@media (min-width: 768px) {
.-md-justify-center {
justify-items: center
}
}
@media (min-width: 768px) {
.-md-justify-stretch {
justify-items: stretch
}
}
@media (min-width: 768px) {
.-md-justify-space-around {
justify-items: space-around
}
}
@media (min-width: 768px) {
.-md-justify-space-between {
justify-items: space-between
}
}
@media (min-width: 768px) {
.-md-justify-space-evenly {
justify-items: space-evenly
}
}
@media (min-width: 992px) {
.-lg-justify-start {
justify-items: start
}
}
@media (min-width: 992px) {
.-lg-justify-end {
justify-items: end
}
}
@media (min-width: 992px) {
.-lg-justify-flex-start {
justify-items: flex-start
}
}
@media (min-width: 992px) {
.-lg-justify-flex-end {
justify-items: flex-end
}
}
@media (min-width: 992px) {
.-lg-justify-center {
justify-items: center
}
}
@media (min-width: 992px) {
.-lg-justify-stretch {
justify-items: stretch
}
}
@media (min-width: 992px) {
.-lg-justify-space-around {
justify-items: space-around
}
}
@media (min-width: 992px) {
.-lg-justify-space-between {
justify-items: space-between
}
}
@media (min-width: 992px) {
.-lg-justify-space-evenly {
justify-items: space-evenly
}
}
@media (min-width: 1200px) {
.-xl-justify-start {
justify-items: start
}
}
@media (min-width: 1200px) {
.-xl-justify-end {
justify-items: end
}
}
@media (min-width: 1200px) {
.-xl-justify-flex-start {
justify-items: flex-start
}
}
@media (min-width: 1200px) {
.-xl-justify-flex-end {
justify-items: flex-end
}
}
@media (min-width: 1200px) {
.-xl-justify-center {
justify-items: center
}
}
@media (min-width: 1200px) {
.-xl-justify-stretch {
justify-items: stretch
}
}
@media (min-width: 1200px) {
.-xl-justify-space-around {
justify-items: space-around
}
}
@media (min-width: 1200px) {
.-xl-justify-space-between {
justify-items: space-between
}
}
@media (min-width: 1200px) {
.-xl-justify-space-evenly {
justify-items: space-evenly
}
}
@media (min-width: 1400px) {
.-xxl-justify-start {
justify-items: start
}
}
@media (min-width: 1400px) {
.-xxl-justify-end {
justify-items: end
}
}
@media (min-width: 1400px) {
.-xxl-justify-flex-start {
justify-items: flex-start
}
}
@media (min-width: 1400px) {
.-xxl-justify-flex-end {
justify-items: flex-end
}
}
@media (min-width: 1400px) {
.-xxl-justify-center {
justify-items: center
}
}
@media (min-width: 1400px) {
.-xxl-justify-stretch {
justify-items: stretch
}
}
@media (min-width: 1400px) {
.-xxl-justify-space-around {
justify-items: space-around
}
}
@media (min-width: 1400px) {
.-xxl-justify-space-between {
justify-items: space-between
}
}
@media (min-width: 1400px) {
.-xxl-justify-space-evenly {
justify-items: space-evenly
}
}
.-align-content-start {
-ms-flex-line-pack: start;
align-content: start
}
.-align-content-end {
-ms-flex-line-pack: end;
align-content: end
}
.-align-content-flex-start {
-ms-flex-line-pack: start;
align-content: flex-start
}
.-align-content-flex-end {
-ms-flex-line-pack: end;
align-content: flex-end
}
.-align-content-center {
-ms-flex-line-pack: center;
align-content: center
}
.-align-content-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch
}
.-align-content-space-around {
-ms-flex-line-pack: distribute;
align-content: space-around
}
.-align-content-space-between {
-ms-flex-line-pack: justify;
align-content: space-between
}
.-align-content-space-evenly {
-ms-flex-line-pack: space-evenly;
align-content: space-evenly
}
@media (min-width: 600px) {
.-sm-align-content-start {
-ms-flex-line-pack: start;
align-content: start
}
}
@media (min-width: 600px) {
.-sm-align-content-end {
-ms-flex-line-pack: end;
align-content: end
}
}
@media (min-width: 600px) {
.-sm-align-content-flex-start {
-ms-flex-line-pack: start;
align-content: flex-start
}
}
@media (min-width: 600px) {
.-sm-align-content-flex-end {
-ms-flex-line-pack: end;
align-content: flex-end
}
}
@media (min-width: 600px) {
.-sm-align-content-center {
-ms-flex-line-pack: center;
align-content: center
}
}
@media (min-width: 600px) {
.-sm-align-content-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch
}
}
@media (min-width: 600px) {
.-sm-align-content-space-around {
-ms-flex-line-pack: distribute;
align-content: space-around
}
}
@media (min-width: 600px) {
.-sm-align-content-space-between {
-ms-flex-line-pack: justify;
align-content: space-between
}
}
@media (min-width: 600px) {
.-sm-align-content-space-evenly {
-ms-flex-line-pack: space-evenly;
align-content: space-evenly
}
}
@media (min-width: 768px) {
.-md-align-content-start {
-ms-flex-line-pack: start;
align-content: start
}
}
@media (min-width: 768px) {
.-md-align-content-end {
-ms-flex-line-pack: end;
align-content: end
}
}
@media (min-width: 768px) {
.-md-align-content-flex-start {
-ms-flex-line-pack: start;
align-content: flex-start
}
}
@media (min-width: 768px) {
.-md-align-content-flex-end {
-ms-flex-line-pack: end;
align-content: flex-end
}
}
@media (min-width: 768px) {
.-md-align-content-center {
-ms-flex-line-pack: center;
align-content: center
}
}
@media (min-width: 768px) {
.-md-align-content-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch
}
}
@media (min-width: 768px) {
.-md-align-content-space-around {
-ms-flex-line-pack: distribute;
align-content: space-around
}
}
@media (min-width: 768px) {
.-md-align-content-space-between {
-ms-flex-line-pack: justify;
align-content: space-between
}
}
@media (min-width: 768px) {
.-md-align-content-space-evenly {
-ms-flex-line-pack: space-evenly;
align-content: space-evenly
}
}
@media (min-width: 992px) {
.-lg-align-content-start {
-ms-flex-line-pack: start;
align-content: start
}
}
@media (min-width: 992px) {
.-lg-align-content-end {
-ms-flex-line-pack: end;
align-content: end
}
}
@media (min-width: 992px) {
.-lg-align-content-flex-start {
-ms-flex-line-pack: start;
align-content: flex-start
}
}
@media (min-width: 992px) {
.-lg-align-content-flex-end {
-ms-flex-line-pack: end;
align-content: flex-end
}
}
@media (min-width: 992px) {
.-lg-align-content-center {
-ms-flex-line-pack: center;
align-content: center
}
}
@media (min-width: 992px) {
.-lg-align-content-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch
}
}
@media (min-width: 992px) {
.-lg-align-content-space-around {
-ms-flex-line-pack: distribute;
align-content: space-around
}
}
@media (min-width: 992px) {
.-lg-align-content-space-between {
-ms-flex-line-pack: justify;
align-content: space-between
}
}
@media (min-width: 992px) {
.-lg-align-content-space-evenly {
-ms-flex-line-pack: space-evenly;
align-content: space-evenly
}
}
@media (min-width: 1200px) {
.-xl-align-content-start {
-ms-flex-line-pack: start;
align-content: start
}
}
@media (min-width: 1200px) {
.-xl-align-content-end {
-ms-flex-line-pack: end;
align-content: end
}
}
@media (min-width: 1200px) {
.-xl-align-content-flex-start {
-ms-flex-line-pack: start;
align-content: flex-start
}
}
@media (min-width: 1200px) {
.-xl-align-content-flex-end {
-ms-flex-line-pack: end;
align-content: flex-end
}
}
@media (min-width: 1200px) {
.-xl-align-content-center {
-ms-flex-line-pack: center;
align-content: center
}
}
@media (min-width: 1200px) {
.-xl-align-content-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch
}
}
@media (min-width: 1200px) {
.-xl-align-content-space-around {
-ms-flex-line-pack: distribute;
align-content: space-around
}
}
@media (min-width: 1200px) {
.-xl-align-content-space-between {
-ms-flex-line-pack: justify;
align-content: space-between
}
}
@media (min-width: 1200px) {
.-xl-align-content-space-evenly {
-ms-flex-line-pack: space-evenly;
align-content: space-evenly
}
}
@media (min-width: 1400px) {
.-xxl-align-content-start {
-ms-flex-line-pack: start;
align-content: start
}
}
@media (min-width: 1400px) {
.-xxl-align-content-end {
-ms-flex-line-pack: end;
align-content: end
}
}
@media (min-width: 1400px) {
.-xxl-align-content-flex-start {
-ms-flex-line-pack: start;
align-content: flex-start
}
}
@media (min-width: 1400px) {
.-xxl-align-content-flex-end {
-ms-flex-line-pack: end;
align-content: flex-end
}
}
@media (min-width: 1400px) {
.-xxl-align-content-center {
-ms-flex-line-pack: center;
align-content: center
}
}
@media (min-width: 1400px) {
.-xxl-align-content-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch
}
}
@media (min-width: 1400px) {
.-xxl-align-content-space-around {
-ms-flex-line-pack: distribute;
align-content: space-around
}
}
@media (min-width: 1400px) {
.-xxl-align-content-space-between {
-ms-flex-line-pack: justify;
align-content: space-between
}
}
@media (min-width: 1400px) {
.-xxl-align-content-space-evenly {
-ms-flex-line-pack: space-evenly;
align-content: space-evenly
}
}
.-justify-content-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start
}
.-justify-content-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end
}
.-justify-content-flex-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.-justify-content-flex-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.-justify-content-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.-justify-content-stretch {
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch
}
.-justify-content-space-around {
-ms-flex-pack: distribute;
justify-content: space-around
}
.-justify-content-space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.-justify-content-space-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly
}
@media (min-width: 600px) {
.-sm-justify-content-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start
}
}
@media (min-width: 600px) {
.-sm-justify-content-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end
}
}
@media (min-width: 600px) {
.-sm-justify-content-flex-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
@media (min-width: 600px) {
.-sm-justify-content-flex-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
}
@media (min-width: 600px) {
.-sm-justify-content-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media (min-width: 600px) {
.-sm-justify-content-stretch {
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch
}
}
@media (min-width: 600px) {
.-sm-justify-content-space-around {
-ms-flex-pack: distribute;
justify-content: space-around
}
}
@media (min-width: 600px) {
.-sm-justify-content-space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}
@media (min-width: 600px) {
.-sm-justify-content-space-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly
}
}
@media (min-width: 768px) {
.-md-justify-content-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start
}
}
@media (min-width: 768px) {
.-md-justify-content-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end
}
}
@media (min-width: 768px) {
.-md-justify-content-flex-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
@media (min-width: 768px) {
.-md-justify-content-flex-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
}
@media (min-width: 768px) {
.-md-justify-content-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media (min-width: 768px) {
.-md-justify-content-stretch {
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch
}
}
@media (min-width: 768px) {
.-md-justify-content-space-around {
-ms-flex-pack: distribute;
justify-content: space-around
}
}
@media (min-width: 768px) {
.-md-justify-content-space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}
@media (min-width: 768px) {
.-md-justify-content-space-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly
}
}
@media (min-width: 992px) {
.-lg-justify-content-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start
}
}
@media (min-width: 992px) {
.-lg-justify-content-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end
}
}
@media (min-width: 992px) {
.-lg-justify-content-flex-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
@media (min-width: 992px) {
.-lg-justify-content-flex-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
}
@media (min-width: 992px) {
.-lg-justify-content-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media (min-width: 992px) {
.-lg-justify-content-stretch {
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch
}
}
@media (min-width: 992px) {
.-lg-justify-content-space-around {
-ms-flex-pack: distribute;
justify-content: space-around
}
}
@media (min-width: 992px) {
.-lg-justify-content-space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}
@media (min-width: 992px) {
.-lg-justify-content-space-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly
}
}
@media (min-width: 1200px) {
.-xl-justify-content-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start
}
}
@media (min-width: 1200px) {
.-xl-justify-content-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end
}
}
@media (min-width: 1200px) {
.-xl-justify-content-flex-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
@media (min-width: 1200px) {
.-xl-justify-content-flex-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
}
@media (min-width: 1200px) {
.-xl-justify-content-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media (min-width: 1200px) {
.-xl-justify-content-stretch {
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch
}
}
@media (min-width: 1200px) {
.-xl-justify-content-space-around {
-ms-flex-pack: distribute;
justify-content: space-around
}
}
@media (min-width: 1200px) {
.-xl-justify-content-space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}
@media (min-width: 1200px) {
.-xl-justify-content-space-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly
}
}
@media (min-width: 1400px) {
.-xxl-justify-content-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start
}
}
@media (min-width: 1400px) {
.-xxl-justify-content-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end
}
}
@media (min-width: 1400px) {
.-xxl-justify-content-flex-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
@media (min-width: 1400px) {
.-xxl-justify-content-flex-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
}
@media (min-width: 1400px) {
.-xxl-justify-content-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media (min-width: 1400px) {
.-xxl-justify-content-stretch {
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch
}
}
@media (min-width: 1400px) {
.-xxl-justify-content-space-around {
-ms-flex-pack: distribute;
justify-content: space-around
}
}
@media (min-width: 1400px) {
.-xxl-justify-content-space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}
@media (min-width: 1400px) {
.-xxl-justify-content-space-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly
}
}
.-align-self-start {
-ms-flex-item-align: start;
align-self: start
}
.-align-self-end {
-ms-flex-item-align: end;
align-self: end
}
.-align-self-flex-start {
-ms-flex-item-align: start;
align-self: flex-start
}
.-align-self-flex-end {
-ms-flex-item-align: end;
align-self: flex-end
}
.-align-self-center {
-ms-flex-item-align: center;
align-self: center
}
.-align-self-stretch {
-ms-flex-item-align: stretch;
align-self: stretch
}
.-align-self-space-around {
-ms-flex-item-align: space-around;
align-self: space-around
}
.-align-self-space-between {
-ms-flex-item-align: space-between;
align-self: space-between
}
.-align-self-space-evenly {
-ms-flex-item-align: space-evenly;
align-self: space-evenly
}
@media (min-width: 600px) {
.-sm-align-self-start {
-ms-flex-item-align: start;
align-self: start
}
}
@media (min-width: 600px) {
.-sm-align-self-end {
-ms-flex-item-align: end;
align-self: end
}
}
@media (min-width: 600px) {
.-sm-align-self-flex-start {
-ms-flex-item-align: start;
align-self: flex-start
}
}
@media (min-width: 600px) {
.-sm-align-self-flex-end {
-ms-flex-item-align: end;
align-self: flex-end
}
}
@media (min-width: 600px) {
.-sm-align-self-center {
-ms-flex-item-align: center;
align-self: center
}
}
@media (min-width: 600px) {
.-sm-align-self-stretch {
-ms-flex-item-align: stretch;
align-self: stretch
}
}
@media (min-width: 600px) {
.-sm-align-self-space-around {
-ms-flex-item-align: space-around;
align-self: space-around
}
}
@media (min-width: 600px) {
.-sm-align-self-space-between {
-ms-flex-item-align: space-between;
align-self: space-between
}
}
@media (min-width: 600px) {
.-sm-align-self-space-evenly {
-ms-flex-item-align: space-evenly;
align-self: space-evenly
}
}
@media (min-width: 768px) {
.-md-align-self-start {
-ms-flex-item-align: start;
align-self: start
}
}
@media (min-width: 768px) {
.-md-align-self-end {
-ms-flex-item-align: end;
align-self: end
}
}
@media (min-width: 768px) {
.-md-align-self-flex-start {
-ms-flex-item-align: start;
align-self: flex-start
}
}
@media (min-width: 768px) {
.-md-align-self-flex-end {
-ms-flex-item-align: end;
align-self: flex-end
}
}
@media (min-width: 768px) {
.-md-align-self-center {
-ms-flex-item-align: center;
align-self: center
}
}
@media (min-width: 768px) {
.-md-align-self-stretch {
-ms-flex-item-align: stretch;
align-self: stretch
}
}
@media (min-width: 768px) {
.-md-align-self-space-around {
-ms-flex-item-align: space-around;
align-self: space-around
}
}
@media (min-width: 768px) {
.-md-align-self-space-between {
-ms-flex-item-align: space-between;
align-self: space-between
}
}
@media (min-width: 768px) {
.-md-align-self-space-evenly {
-ms-flex-item-align: space-evenly;
align-self: space-evenly
}
}
@media (min-width: 992px) {
.-lg-align-self-start {
-ms-flex-item-align: start;
align-self: start
}
}
@media (min-width: 992px) {
.-lg-align-self-end {
-ms-flex-item-align: end;
align-self: end
}
}
@media (min-width: 992px) {
.-lg-align-self-flex-start {
-ms-flex-item-align: start;
align-self: flex-start
}
}
@media (min-width: 992px) {
.-lg-align-self-flex-end {
-ms-flex-item-align: end;
align-self: flex-end
}
}
@media (min-width: 992px) {
.-lg-align-self-center {
-ms-flex-item-align: center;
align-self: center
}
}
@media (min-width: 992px) {
.-lg-align-self-stretch {
-ms-flex-item-align: stretch;
align-self: stretch
}
}
@media (min-width: 992px) {
.-lg-align-self-space-around {
-ms-flex-item-align: space-around;
align-self: space-around
}
}
@media (min-width: 992px) {
.-lg-align-self-space-between {
-ms-flex-item-align: space-between;
align-self: space-between
}
}
@media (min-width: 992px) {
.-lg-align-self-space-evenly {
-ms-flex-item-align: space-evenly;
align-self: space-evenly
}
}
@media (min-width: 1200px) {
.-xl-align-self-start {
-ms-flex-item-align: start;
align-self: start
}
}
@media (min-width: 1200px) {
.-xl-align-self-end {
-ms-flex-item-align: end;
align-self: end
}
}
@media (min-width: 1200px) {
.-xl-align-self-flex-start {
-ms-flex-item-align: start;
align-self: flex-start
}
}
@media (min-width: 1200px) {
.-xl-align-self-flex-end {
-ms-flex-item-align: end;
align-self: flex-end
}
}
@media (min-width: 1200px) {
.-xl-align-self-center {
-ms-flex-item-align: center;
align-self: center
}
}
@media (min-width: 1200px) {
.-xl-align-self-stretch {
-ms-flex-item-align: stretch;
align-self: stretch
}
}
@media (min-width: 1200px) {
.-xl-align-self-space-around {
-ms-flex-item-align: space-around;
align-self: space-around
}
}
@media (min-width: 1200px) {
.-xl-align-self-space-between {
-ms-flex-item-align: space-between;
align-self: space-between
}
}
@media (min-width: 1200px) {
.-xl-align-self-space-evenly {
-ms-flex-item-align: space-evenly;
align-self: space-evenly
}
}
@media (min-width: 1400px) {
.-xxl-align-self-start {
-ms-flex-item-align: start;
align-self: start
}
}
@media (min-width: 1400px) {
.-xxl-align-self-end {
-ms-flex-item-align: end;
align-self: end
}
}
@media (min-width: 1400px) {
.-xxl-align-self-flex-start {
-ms-flex-item-align: start;
align-self: flex-start
}
}
@media (min-width: 1400px) {
.-xxl-align-self-flex-end {
-ms-flex-item-align: end;
align-self: flex-end
}
}
@media (min-width: 1400px) {
.-xxl-align-self-center {
-ms-flex-item-align: center;
align-self: center
}
}
@media (min-width: 1400px) {
.-xxl-align-self-stretch {
-ms-flex-item-align: stretch;
align-self: stretch
}
}
@media (min-width: 1400px) {
.-xxl-align-self-space-around {
-ms-flex-item-align: space-around;
align-self: space-around
}
}
@media (min-width: 1400px) {
.-xxl-align-self-space-between {
-ms-flex-item-align: space-between;
align-self: space-between
}
}
@media (min-width: 1400px) {
.-xxl-align-self-space-evenly {
-ms-flex-item-align: space-evenly;
align-self: space-evenly
}
}
.-justify-self-start {
justify-self: start
}
.-justify-self-end {
justify-self: end
}
.-justify-self-flex-start {
justify-self: flex-start
}
.-justify-self-flex-end {
justify-self: flex-end
}
.-justify-self-center {
justify-self: center
}
.-justify-self-stretch {
justify-self: stretch
}
.-justify-self-space-around {
justify-self: space-around
}
.-justify-self-space-between {
justify-self: space-between
}
.-justify-self-space-evenly {
justify-self: space-evenly
}
@media (min-width: 600px) {
.-sm-justify-self-start {
justify-self: start
}
}
@media (min-width: 600px) {
.-sm-justify-self-end {
justify-self: end
}
}
@media (min-width: 600px) {
.-sm-justify-self-flex-start {
justify-self: flex-start
}
}
@media (min-width: 600px) {
.-sm-justify-self-flex-end {
justify-self: flex-end
}
}
@media (min-width: 600px) {
.-sm-justify-self-center {
justify-self: center
}
}
@media (min-width: 600px) {
.-sm-justify-self-stretch {
justify-self: stretch
}
}
@media (min-width: 600px) {
.-sm-justify-self-space-around {
justify-self: space-around
}
}
@media (min-width: 600px) {
.-sm-justify-self-space-between {
justify-self: space-between
}
}
@media (min-width: 600px) {
.-sm-justify-self-space-evenly {
justify-self: space-evenly
}
}
@media (min-width: 768px) {
.-md-justify-self-start {
justify-self: start
}
}
@media (min-width: 768px) {
.-md-justify-self-end {
justify-self: end
}
}
@media (min-width: 768px) {
.-md-justify-self-flex-start {
justify-self: flex-start
}
}
@media (min-width: 768px) {
.-md-justify-self-flex-end {
justify-self: flex-end
}
}
@media (min-width: 768px) {
.-md-justify-self-center {
justify-self: center
}
}
@media (min-width: 768px) {
.-md-justify-self-stretch {
justify-self: stretch
}
}
@media (min-width: 768px) {
.-md-justify-self-space-around {
justify-self: space-around
}
}
@media (min-width: 768px) {
.-md-justify-self-space-between {
justify-self: space-between
}
}
@media (min-width: 768px) {
.-md-justify-self-space-evenly {
justify-self: space-evenly
}
}
@media (min-width: 992px) {
.-lg-justify-self-start {
justify-self: start
}
}
@media (min-width: 992px) {
.-lg-justify-self-end {
justify-self: end
}
}
@media (min-width: 992px) {
.-lg-justify-self-flex-start {
justify-self: flex-start
}
}
@media (min-width: 992px) {
.-lg-justify-self-flex-end {
justify-self: flex-end
}
}
@media (min-width: 992px) {
.-lg-justify-self-center {
justify-self: center
}
}
@media (min-width: 992px) {
.-lg-justify-self-stretch {
justify-self: stretch
}
}
@media (min-width: 992px) {
.-lg-justify-self-space-around {
justify-self: space-around
}
}
@media (min-width: 992px) {
.-lg-justify-self-space-between {
justify-self: space-between
}
}
@media (min-width: 992px) {
.-lg-justify-self-space-evenly {
justify-self: space-evenly
}
}
@media (min-width: 1200px) {
.-xl-justify-self-start {
justify-self: start
}
}
@media (min-width: 1200px) {
.-xl-justify-self-end {
justify-self: end
}
}
@media (min-width: 1200px) {
.-xl-justify-self-flex-start {
justify-self: flex-start
}
}
@media (min-width: 1200px) {
.-xl-justify-self-flex-end {
justify-self: flex-end
}
}
@media (min-width: 1200px) {
.-xl-justify-self-center {
justify-self: center
}
}
@media (min-width: 1200px) {
.-xl-justify-self-stretch {
justify-self: stretch
}
}
@media (min-width: 1200px) {
.-xl-justify-self-space-around {
justify-self: space-around
}
}
@media (min-width: 1200px) {
.-xl-justify-self-space-between {
justify-self: space-between
}
}
@media (min-width: 1200px) {
.-xl-justify-self-space-evenly {
justify-self: space-evenly
}
}
@media (min-width: 1400px) {
.-xxl-justify-self-start {
justify-self: start
}
}
@media (min-width: 1400px) {
.-xxl-justify-self-end {
justify-self: end
}
}
@media (min-width: 1400px) {
.-xxl-justify-self-flex-start {
justify-self: flex-start
}
}
@media (min-width: 1400px) {
.-xxl-justify-self-flex-end {
justify-self: flex-end
}
}
@media (min-width: 1400px) {
.-xxl-justify-self-center {
justify-self: center
}
}
@media (min-width: 1400px) {
.-xxl-justify-self-stretch {
justify-self: stretch
}
}
@media (min-width: 1400px) {
.-xxl-justify-self-space-around {
justify-self: space-around
}
}
@media (min-width: 1400px) {
.-xxl-justify-self-space-between {
justify-self: space-between
}
}
@media (min-width: 1400px) {
.-xxl-justify-self-space-evenly {
justify-self: space-evenly
}
}
.-flex-row {
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.-flex-row, .-flex-row-reverse {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal
}
.-flex-row-reverse {
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.-flex-column {
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.-flex-column, .-flex-column-reverse {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical
}
.-flex-column-reverse {
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
@media (min-width: 600px) {
.-sm-flex-row {
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
}
@media (min-width: 600px) {
.-sm-flex-row, .-sm-flex-row-reverse {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal
}
.-sm-flex-row-reverse {
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
}
@media (min-width: 600px) {
.-sm-flex-column {
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media (min-width: 600px) {
.-sm-flex-column, .-sm-flex-column-reverse {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical
}
.-sm-flex-column-reverse {
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media (min-width: 768px) {
.-md-flex-row {
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
}
@media (min-width: 768px) {
.-md-flex-row, .-md-flex-row-reverse {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal
}
.-md-flex-row-reverse {
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
}
@media (min-width: 768px) {
.-md-flex-column {
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media (min-width: 768px) {
.-md-flex-column, .-md-flex-column-reverse {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical
}
.-md-flex-column-reverse {
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media (min-width: 992px) {
.-lg-flex-row {
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
}
@media (min-width: 992px) {
.-lg-flex-row, .-lg-flex-row-reverse {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal
}
.-lg-flex-row-reverse {
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
}
@media (min-width: 992px) {
.-lg-flex-column {
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media (min-width: 992px) {
.-lg-flex-column, .-lg-flex-column-reverse {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical
}
.-lg-flex-column-reverse {
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media (min-width: 1200px) {
.-xl-flex-row {
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
}
@media (min-width: 1200px) {
.-xl-flex-row, .-xl-flex-row-reverse {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal
}
.-xl-flex-row-reverse {
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
}
@media (min-width: 1200px) {
.-xl-flex-column {
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media (min-width: 1200px) {
.-xl-flex-column, .-xl-flex-column-reverse {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical
}
.-xl-flex-column-reverse {
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media (min-width: 1400px) {
.-xxl-flex-row {
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
}
@media (min-width: 1400px) {
.-xxl-flex-row, .-xxl-flex-row-reverse {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal
}
.-xxl-flex-row-reverse {
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
}
@media (min-width: 1400px) {
.-xxl-flex-column {
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media (min-width: 1400px) {
.-xxl-flex-column, .-xxl-flex-column-reverse {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical
}
.-xxl-flex-column-reverse {
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
.-text-left {
text-align: left
}
.-text-right {
text-align: right
}
.-text-center {
text-align: center
}
.-text-justify {
text-align: justify
}
.-text-inherit {
text-align: inherit
}
.-text-initial {
text-align: initial
}
@media (min-width: 600px) {
.-sm-text-left {
text-align: left
}
}
@media (min-width: 600px) {
.-sm-text-right {
text-align: right
}
}
@media (min-width: 600px) {
.-sm-text-center {
text-align: center
}
}
@media (min-width: 600px) {
.-sm-text-justify {
text-align: justify
}
}
@media (min-width: 600px) {
.-sm-text-inherit {
text-align: inherit
}
}
@media (min-width: 600px) {
.-sm-text-initial {
text-align: initial
}
}
@media (min-width: 768px) {
.-md-text-left {
text-align: left
}
}
@media (min-width: 768px) {
.-md-text-right {
text-align: right
}
}
@media (min-width: 768px) {
.-md-text-center {
text-align: center
}
}
@media (min-width: 768px) {
.-md-text-justify {
text-align: justify
}
}
@media (min-width: 768px) {
.-md-text-inherit {
text-align: inherit
}
}
@media (min-width: 768px) {
.-md-text-initial {
text-align: initial
}
}
@media (min-width: 992px) {
.-lg-text-left {
text-align: left
}
}
@media (min-width: 992px) {
.-lg-text-right {
text-align: right
}
}
@media (min-width: 992px) {
.-lg-text-center {
text-align: center
}
}
@media (min-width: 992px) {
.-lg-text-justify {
text-align: justify
}
}
@media (min-width: 992px) {
.-lg-text-inherit {
text-align: inherit
}
}
@media (min-width: 992px) {
.-lg-text-initial {
text-align: initial
}
}
@media (min-width: 1200px) {
.-xl-text-left {
text-align: left
}
}
@media (min-width: 1200px) {
.-xl-text-right {
text-align: right
}
}
@media (min-width: 1200px) {
.-xl-text-center {
text-align: center
}
}
@media (min-width: 1200px) {
.-xl-text-justify {
text-align: justify
}
}
@media (min-width: 1200px) {
.-xl-text-inherit {
text-align: inherit
}
}
@media (min-width: 1200px) {
.-xl-text-initial {
text-align: initial
}
}
@media (min-width: 1400px) {
.-xxl-text-left {
text-align: left
}
}
@media (min-width: 1400px) {
.-xxl-text-right {
text-align: right
}
}
@media (min-width: 1400px) {
.-xxl-text-center {
text-align: center
}
}
@media (min-width: 1400px) {
.-xxl-text-justify {
text-align: justify
}
}
@media (min-width: 1400px) {
.-xxl-text-inherit {
text-align: inherit
}
}
@media (min-width: 1400px) {
.-xxl-text-initial {
text-align: initial
}
}
.-flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.-wrapper {
width: 100%;
padding-left: max(var(--padding-width), 50vw - var(--wrapper-width) / 2);
padding-right: max(var(--padding-width), 50vw - var(--wrapper-width) / 2)
}
.-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: calc(100% + var(--gutter-width) * 2);
margin-left: calc(var(--gutter-width) * -1);
margin-right: calc(var(--gutter-width) * -1)
}
.-row > [class*=-col] {
padding-left: var(--gutter-width);
padding-right: var(--gutter-width)
}
.-list-reset {
margin: 0;
padding: 0;
list-style-type: none
}
* {
--side-padding-width: max(var(--padding-width), 50vw - var(--wrapper-width) / 2)
}
.-wrapper {
margin-left: auto;
margin-right: auto
}
.-wrapper.-disable-side-padding {
padding-left: 0;
padding-right: 0
}
.-wrapper.-wide {
max-width: 120rem
}
@media (min-width: 768px) {
.-wrapper.-wide {
width: calc(100vw - 2 * var(--side-padding-width))
}
}
.-wrapper.-full {
max-width: 147.2rem
}
@media (min-width: 768px) {
.-wrapper.-full {
width: calc(100vw - 2 * var(--side-padding-width))
}
}
@media (min-width: 1200px) {
.-wrapper.-full {
width: calc(100vw - 8rem)
}
}
.-text-narrow {
max-width: 79.3rem;
margin: 0 auto
}
.-inner-content {
max-width: 120rem;
margin-left: var(--side-padding-width);
margin-right: var(--side-padding-width)
}
@media (min-width: 768px) {
.-inner-content {
margin: 0 5rem
}
}
@media (min-width: 1400px) {
.-inner-content {
margin: 0 auto
}
}
.-icon-wrapper {
color: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border: none;
outline: 0
}
.-swiper-nav-default .swiper-button-next, .-swiper-nav-default .swiper-button-prev {
width: auto;
height: auto;
padding: 0;
z-index: 2
}
.-swiper-nav-default .swiper-button-next:after, .-swiper-nav-default .swiper-button-prev:after {
content: "";
font-family: unset
}
.-swiper-nav-default .-next path, .-swiper-nav-default .-prev path {
-webkit-transition: stroke var(--transition-duration);
-o-transition: stroke var(--transition-duration);
transition: stroke var(--transition-duration)
}
.-swiper-nav-default.-swiper-corner-nav {
right: 0;
bottom: 0
}
.-swiper-nav-default.-swiper-corner-nav .swiper-button-next, .-swiper-nav-default.-swiper-corner-nav .swiper-button-prev {
position: static
}
.-swiper-pag-default .swiper-pagination-bullet {
width: .9rem;
height: .9rem;
margin: 0 .44rem;
background-color: var(--c-black);
opacity: .39;
-webkit-transition: opacity var(--transition-duration) ease-in-out;
-o-transition: opacity var(--transition-duration) ease-in-out;
transition: opacity var(--transition-duration) ease-in-out
}
@media (min-width: 992px) {
.-swiper-pag-default .swiper-pagination-bullet {
width: 1.2rem;
height: 1.2rem;
margin: 0 .54rem
}
}
.-swiper-pag-default .swiper-pagination-bullet-active {
background: var(--c-black);
opacity: 1
}
@media (min-width: 992px) {
.-hide-on-desktop {
display: none
}
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
html {
line-height: 1;
-webkit-text-size-adjust: 100%
}
body {
margin: 0;
overflow-x: hidden
}
main {
display: block
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
text-decoration: underline;
border-bottom: none
}
b, strong {
font-weight: coditiveer
}
code, kbd, samp {
font-family: monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
figure {
margin: 0
}
img {
max-width: 100%;
border-style: none
}
button, input {
overflow: visible
}
button, select {
text-transform: none
}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance: button
}
fieldset {
padding: .35em .75em .625em
}
legend {
display: table;
max-width: 100%;
padding: 0;
color: inherit;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
button, input, optgroup, select, textarea {
margin: 0;
font-family: inherit;
font-size: 100%;
line-height: 1.15;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0
}
button:focus, input:focus, optgroup:focus, select:focus, textarea:focus {
outline: 0
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
padding: 0;
border-style: none
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline: .1rem dotted ButtonText
}
[type=checkbox], [type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
outline-offset: -.2rem
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
details {
display: block
}
summary {
display: list-item
}
[hidden], template {
display: none
}
.screen-reader-text {
position: absolute !important;
width: .1rem;
height: .1rem;
margin: -.1rem;
padding: 0;
clip: rect(.1rem, .1rem, .1rem, .1rem);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
word-wrap: normal !important;
border: 0;
overflow: hidden
}
.screen-reader-text:focus {
left: .5rem;
top: .5rem;
display: block;
width: auto;
height: auto;
padding: 1.5rem 2.3rem 1.4rem;
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #444;
font-size: 1rem;
line-height: normal;
text-decoration: none;
background-color: #eee;
z-index: 100000
}
@font-face {
font-family: Noah;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//blaettler-holzbau.ch/wp-content/themes/webwirkung-new/dist/fonts/Noah-Regular.woff2?v=1.0.0) format("woff2"), url(//blaettler-holzbau.ch/wp-content/themes/webwirkung-new/dist/fonts/Noah-Regular.woff?v=1.0.0) format("woff")
}
@font-face {
font-family: Noah;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//blaettler-holzbau.ch/wp-content/themes/webwirkung-new/dist/fonts/Noah-Bold.woff2?v=1.0.0) format("woff2"), url(//blaettler-holzbau.ch/wp-content/themes/webwirkung-new/dist/fonts/Noah-Bold.woff?v=1.0.0) format("woff")
}
html {
font-size: 10px
}
body {
left: 0;
right: 0;
color: var(--c-text);
font-family: var(--f-main);
font-size: 2rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 400
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
font-family: var(--f-headings);
font-weight: 700
}
h1, h2 {
font-size: 3.2rem;
line-height: 3.7rem;
letter-spacing: .13rem
}
@media (min-width: 768px) {
h1, h2 {
font-size: 3.8rem;
line-height: 4.2rem;
letter-spacing: .14rem
}
}
@media (min-width: 992px) {
h1, h2 {
font-size: 4.5rem;
line-height: 4.8rem;
letter-spacing: .16rem
}
}
p {
margin-top: 0;
line-height: 2.68rem;
letter-spacing: .068rem
}
@media (min-width: 768px) {
p {
line-height: 2.98rem;
letter-spacing: .064rem
}
}
a {
color: var(--c-primary);
text-decoration: none
}
.form__field a, a:hover, p a {
text-decoration: underline
}
.form__field a, p a {
display: inline;
color: var(--c-text);
text-decoration-thickness: .1rem;
text-underline-offset: .4rem
}
.form__field a:hover, p a:hover {
text-decoration: none
}
.-incontent-list ul {
margin: 0;
padding: 0;
list-style-type: none
}
.-incontent-list ul li {
position: relative;
padding-left: 1rem;
line-height: 3.1rem;
letter-spacing: .065rem
}
@media (min-width: 992px) {
.-incontent-list ul li {
line-height: 3.1rem
}
}
.-incontent-list ul li:last-of-type {
margin-bottom: 0
}
.-incontent-list ul li:before {
content: "\2022";
position: absolute;
left: 0;
top: 0
}
.block.-fullwidth {
width: 100vw;
margin-left: calc((100vw - 100%) / -2)
}
.block-core--button, .block-core--image, .block-core--paragraph {
width: 100%;
padding-left: max(var(--padding-width), 50vw - var(--wrapper-width) / 2);
padding-right: max(var(--padding-width), 50vw - var(--wrapper-width) / 2)
}
.block-core--image {
margin-bottom: 4.4rem
}
@media (min-width: 992px) {
.block-core--image {
margin-bottom: 9.8rem
}
}
.block .wp-block-image.aligncenter {
margin-left: auto;
margin-right: auto
}
.block .wp-block-button__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
padding: 1.2rem 3.8rem 1rem;
color: var(--c-yellow-400);
font-family: var(--f-headings);
font-size: 2rem;
font-weight: 700;
line-height: 2rem;
letter-spacing: .07rem;
text-align: center;
background: var(--c-black);
border: none;
border-radius: 0;
cursor: pointer;
-webkit-transition: color .25s ease-in-out;
-o-transition: color .25s ease-in-out;
transition: color .25s ease-in-out
}
.block .wp-block-button__link:hover {
color: var(--c-white);
text-decoration: none
}
.-error404 {
padding-top: 4rem;
padding-bottom: 2.4rem
}
@media (min-width: 768px) {
.-error404 {
padding-top: 6.4rem;
padding-bottom: 4rem
}
}
.-single-news h4, .-single-blog h4 {
font-size: 2.2rem
}
@media (min-width: 768px) {
.-single-news h4, .-single-blog h4 {
font-size: 2.5rem
}
}
.archive-news, .archive-blog {
margin-bottom: 10rem
}
@media (min-width: 992px) {
.archive-news, .archive-blog {
margin-bottom: 20rem
}
}
@media (min-width: 768px) {
.archive-news__listing, .archive-blog__listing {
margin: 0 -1.2rem
}
}
.archive-news__listing .news-tile, .archive-blog__listing .blog-tile {
margin-bottom: 9.5rem
}
.news-social-media-ig-feed {
margin-bottom: 10rem;
}
@media (min-width: 992px) {
.news-social-media-ig-feed {
margin-bottom: 20rem;
}
}
@media (min-width: 768px) {
.archive-news__listing .news-tile, .archive-blog__listing .blog-tile {
-ms-flex-preferred-size: calc(50% - 2.4rem);
flex-basis: calc(50% - 2.4rem);
width: calc(50% - 2.4rem);
margin: 0 1.2rem 12.3rem
}
}
@media (min-width: 992px) {
.archive-news__listing .news-tile, .archive-blog__listing .blog-tile {
-ms-flex-preferred-size: calc(33.33333% - 2.4rem);
flex-basis: calc(33.33333% - 2.4rem);
width: calc(33.33333% - 2.4rem)
}
}
.archive-blog__listing .blog-tile {
display: none;
}
.archive-blog__listing .blog-tile.show {
display: block;
}
.archive-news__loader.-loading .button, .archive-blog__loader.-loading .button {
opacity: .75;
-webkit-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out
}
.archive-news .news-tile, .archive-blog .blog-tile {
height: auto
}
.single-news .-single-news, .single-blog .-single-blog {
padding-bottom: 6rem
}
@media (min-width: 992px) {
.single-news .-single-news, .single-blog .-single-blog {
padding-bottom: 10.3rem
}
}
.single-news .breadcrumbs, .single-blog .breadcrumbs {
padding-top: 2.6rem
}
@media (min-width: 992px) {
.single-news .breadcrumbs, .single-blog .breadcrumbs {
padding-top: 4rem
}
}
.single-news__header, .single-blog__header {
margin-bottom: 3.8rem
}
@media (min-width: 768px) {
.single-news__header, .single-blog__header {
margin-bottom: 4.1rem
}
}
.single-news__title, .single-blog__title {
margin-bottom: 4rem
}
.single-news__thumbnail, .single-blog__thumbnail {
width: 100%;
height: auto;
max-width: 99.6rem;
margin: 0 auto 1.9rem
}
@media (min-width: 768px) {
.single-news__thumbnail, .single-blog__thumbnail {
margin-bottom: 7rem
}
}
.single-news__date, .single-blog__date {
max-width: 79.3rem;
margin: 0 auto;
font-size: 1.5rem
}
.maintenance {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100vh;
margin: 0
}
.maintenance__logo {
max-width: 20rem;
margin: 0 auto 2rem
}
.maintenance__note, .maintenance__title {
text-align: center
}
.-references-category .section-header__heading {
margin: 6.2rem auto 5rem
}
@media (min-width: 992px) {
.-references-category .section-header__heading {
margin: 0 auto 8.4rem
}
}
@media (min-width: 992px) {
.-references-category .cta {
margin-bottom: 17.75rem
}
}
body {
padding-top: 8rem
}
@media (min-width: 992px) {
body {
padding-top: 10.7rem
}
}
body.-nav-open {
max-height: 100vh;
overflow: hidden
}
@media (min-width: 992px) {
body.-nav-open {
max-height: unset;
overflow: unset
}
}
body.admin-bar .site-header {
top: 3.2rem
}
.site-header {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 101
}
.site-header__bar {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 8rem;
background-color: var(--c-yellow-400);
-webkit-box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, .18);
box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, .18);
-webkit-transition: background-color .25s ease-in-out;
-o-transition: background-color .25s ease-in-out;
transition: background-color .25s ease-in-out
}
@media (min-width: 992px) {
.site-header__bar {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 10.7rem
}
}
.site-header__bar.-active {
background-color: var(--c-gray-500)
}
@media (min-width: 992px) {
.site-header__bar.-active {
background-color: var(--c-yellow-400)
}
}
.site-header__toggler {
height: auto;
margin: 0;
padding: 0;
background-color: unset;
border: 0;
outline: none;
cursor: pointer;
-webkit-transition: opacity .25s ease-in-out;
-o-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out
}
.site-header__toggler.-active .site-header__toggler-line.-first {
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
.site-header__toggler.-active .site-header__toggler-line.-second {
opacity: 0
}
.site-header__toggler.-active .site-header__toggler-line.-third {
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.site-header__toggler:hover {
opacity: .7
}
.site-header__toggler-name {
display: none;
margin-bottom: .2rem;
color: var(--c-black);
font-size: 1.3rem;
font-weight: 700;
line-height: 2rem;
letter-spacing: .12rem;
text-transform: uppercase
}
@media (min-width: 992px) {
.site-header__toggler-name {
display: block
}
}
.site-header__toggler-line {
position: relative;
display: block;
width: 3.3rem;
height: .3rem;
background-color: var(--c-black);
-webkit-transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out;
transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out;
-o-transition: opacity .25s ease-in-out, -o-transform .25s ease-in-out;
transition: transform .25s ease-in-out, opacity .25s ease-in-out;
transition: transform .25s ease-in-out, opacity .25s ease-in-out, -webkit-transform .25s ease-in-out, -o-transform .25s ease-in-out
}
.site-header__toggler-line.-first {
-webkit-transform-origin: .3rem .5rem;
-o-transform-origin: .3rem .5rem;
transform-origin: .3rem .5rem
}
@media (min-width: 992px) {
.site-header__toggler-line.-first {
-webkit-transform-origin: .4rem .8rem;
-o-transform-origin: .4rem .8rem;
transform-origin: .4rem .8rem
}
}
.site-header__toggler-line.-third {
-webkit-transform-origin: .2rem -.3rem;
-o-transform-origin: .2rem -.3rem;
transform-origin: .2rem -.3rem
}
@media (min-width: 992px) {
.site-header__toggler-line.-third {
-webkit-transform-origin: .9rem -.3rem;
-o-transform-origin: .9rem -.3rem;
transform-origin: .9rem -.3rem
}
}
@media (min-width: 992px) {
.site-header__toggler-line {
width: 4rem;
height: .4rem
}
}
.site-header__toggler-line:not(:last-child) {
margin-bottom: .8rem
}
@media (min-width: 992px) {
.site-header__toggler-line:not(:last-child) {
margin-bottom: .7rem
}
}
.site-header__brand {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%)
}
.site-header__brand-url {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 5.8rem
}
@media (min-width: 992px) {
.site-header__brand-url {
height: 6.9rem
}
}
.site-header__brand-svg {
width: auto;
height: 100%
}
.site-header__nav {
display: none;
margin-top: 1rem
}
@media (min-width: 992px) {
.site-header__nav {
display: block
}
}
.site-header__nav-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 0;
list-style-type: none
}
.site-header__nav-menu li {
color: var(--c-black);
font-size: 1.5rem;
font-weight: 700;
line-height: 2.5rem;
letter-spacing: .04rem;
text-transform: uppercase;
-webkit-transition: opacity .25s ease-in-out;
-o-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out
}
.site-header__nav-menu li:not(:first-child) {
margin-left: 1.4rem
}
.site-header__nav-menu li:hover {
opacity: .7
}
.site-header__nav-menu li a {
color: inherit;
font-size: inherit;
line-height: inherit
}
.site-header__nav-menu li a:hover {
text-decoration: none
}
.site-footer {
padding: 5.7rem 0 0
}
@media (min-width: 992px) {
.site-footer {
padding-top: 5.2rem
}
}
.site-footer__wrapper {
padding-bottom: 8.6rem
}
@media (min-width: 600px) {
.site-footer__wrapper {
padding-bottom: 2.6rem
}
}
@media (min-width: 992px) {
.site-footer__wrapper {
padding-right: 17rem;
padding-bottom: 5.5rem
}
}
@media (min-width: 1200px) {
.site-footer__wrapper {
padding-right: 0
}
}
.site-footer__logo {
width: 100%;
margin-bottom: 3rem;
text-align: center
}
@media (min-width: 992px) {
.site-footer__logo {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: auto;
margin-bottom: 0;
padding-right: 4rem;
text-align: left
}
}
@media (min-width: 1200px) {
.site-footer__logo {
padding-right: 6.7rem
}
}
.site-footer__logo img {
width: 16.764rem;
min-height: 8.345rem
}
@media (min-width: 992px) {
.site-footer__logo img {
width: 17.5rem;
min-height: 3.744rem
}
}
.site-footer__nav {
margin-bottom: 4rem
}
@media (min-width: 992px) {
.site-footer__nav {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
margin-bottom: 0
}
}
.site-footer__nav ul li a {
position: relative;
color: var(--c-black);
font-size: 2rem;
line-height: 2.7rem;
letter-spacing: .06rem
}
@media (min-width: 992px) {
.site-footer__nav ul li a {
font-size: 2rem
}
}
.site-footer__nav ul li a:after {
content: "";
position: absolute;
left: 0;
bottom: .1rem;
width: 100%;
border-style: solid;
border-width: 0 0 .1rem
}
.site-footer__nav ul li a:hover {
text-decoration: none
}
.site-footer__nav ul li a:hover:after {
content: none
}
.site-footer .contact-info {
margin-bottom: 3.3rem
}
@media (min-width: 992px) {
.site-footer .contact-info {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-bottom: 0;
padding-right: 3rem
}
}
@media (min-width: 1200px) {
.site-footer .contact-info {
padding-right: 8rem
}
}
.site-footer .contact-info__email, .site-footer .contact-info__phone {
color: var(--c-black)
}
.site-footer__badge {
position: absolute;
right: 0;
top: auto;
bottom: -6.8rem;
width: 12.6rem;
padding-right: max(var(--padding-width), 50vw - var(--wrapper-width) / 2)
}
@media (min-width: 992px) {
.site-footer__badge {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
right: 0;
top: 6.5rem;
bottom: auto;
width: auto
}
}
@media (min-width: 992px) {
.site-footer__social-media {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
}
.site-footer .social-media {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 3.5rem
}
@media (min-width: 992px) {
.site-footer .social-media {
margin-bottom: 0;
padding-right: 3rem
}
}
@media (min-width: 1200px) {
.site-footer .social-media {
padding-right: 7rem
}
}
.site-footer__others {
padding-top: 9rem;
padding-bottom: 5.5rem
}
@media (min-width: 992px) {
.site-footer__others {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
height: 11.6rem;
padding-top: 0;
padding-bottom: 0
}
}
.site-footer__others .logos {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 100%;
max-width: 36rem;
padding-left: 4.8rem
}
@media (min-width: 992px) {
.site-footer__others .logos {
height: 100%;
max-width: 37.7rem
}
}
.site-footer__others .logos__logo {
padding-right: 3.5rem
}
.site-footer__others .logos__logo img {
width: auto;
height: auto
}
.site-footer__others .logos__logo:last-child {
margin-right: -1.1rem;
margin-top: .5rem
}
.site-footer__others .logos__logo:last-child img {
width: 15.9rem
}
@media (min-width: 992px) {
.site-footer__others .logos__logo:last-child {
margin-right: 3.8rem;
margin-top: 1.4rem
}
}
.site-footer__newsletter {
padding-top: 4.1rem;
padding-bottom: 3.4rem
}
@media (min-width: 768px) {
.site-footer__newsletter {
padding-top: 5rem;
padding-bottom: 4.9rem
}
}
.site-footer__newsletter form h1, .site-footer__newsletter form h2, .site-footer__newsletter form h3, .site-footer__newsletter form h4, .site-footer__newsletter form h5, .site-footer__newsletter form h6 {
margin-bottom: 3rem;
font-size: 3.2rem;
line-height: 3.8rem;
letter-spacing: .108rem;
color: var(--c-white);
text-align: center
}
@media (min-width: 768px) {
.site-footer__newsletter form h1, .site-footer__newsletter form h2, .site-footer__newsletter form h3, .site-footer__newsletter form h4, .site-footer__newsletter form h5, .site-footer__newsletter form h6 {
margin-bottom: 3.8rem;
font-size: 4.5rem;
font-weight: 700;
line-height: 5rem;
letter-spacing: .135rem
}
}
.site-footer__newsletter form fieldset {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 0 2.4rem;
padding: 0;
border: 0
}
@media (min-width: 768px) {
.site-footer__newsletter form fieldset {
margin-bottom: 1.9rem
}
}
.site-footer__newsletter form fieldset:last-child {
margin-bottom: 0
}
.site-footer__newsletter form input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
width: 100%;
height: 5.2rem;
max-width: 79.2rem;
padding: 1.3rem 1.5rem;
border: 0;
font-size: 1.8rem;
line-height: 2.2rem;
letter-spacing: .054rem;
text-align: center;
background-color: var(--c-white)
}
@media (min-width: 768px) {
.site-footer__newsletter form input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
padding-top: 1.1rem;
padding-bottom: 1.1rem;
font-size: 2.5rem;
letter-spacing: .075rem
}
}
.site-footer__newsletter .mc4wp-alert, .site-footer__newsletter .mc4wp-notice {
margin-top: 2rem;
text-align: center;
color: var(--c-white)
}
.button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
padding: 1.2rem 3.2rem 1rem;
color: var(--c-yellow-400);
font-family: var(--f-headings);
font-size: 2rem;
font-weight: 700;
line-height: 2rem;
letter-spacing: .07rem;
text-align: center;
background: var(--c-black);
border: none;
cursor: pointer;
-webkit-transition: color .25s ease-in-out;
-o-transition: color .25s ease-in-out;
transition: color .25s ease-in-out
}
.button:hover {
color: var(--c-white);
text-decoration: none
}
.button.-yellow {
color: var(--c-black);
background-color: var(--c-yellow-400);
-webkit-transition: background-color .25s ease-in-out;
-o-transition: background-color .25s ease-in-out;
transition: background-color .25s ease-in-out
}
.button.-yellow:hover {
background-color: var(--c-white)
}
.button.-yellow.-arrow:hover, .button.-yellow.-download:hover {
background-color: var(--c-yellow-300)
}
.button.-arrow {
background-image: url(//blaettler-holzbau.ch/wp-content/themes/webwirkung-new/dist/images/icon-arrow-right.svg);
background-position: calc(100% - 2rem) 50%;
background-repeat: no-repeat;
background-size: 1.3rem 2.5rem
}
@media (min-width: 992px) {
.button.-arrow {
padding-right: 12rem;
background-position: calc(100% - 10rem) 50%;
background-size: 1.5rem 2.7rem
}
}
.button.-download {
background-image: url(//blaettler-holzbau.ch/wp-content/themes/webwirkung-new/dist/images/icon-download.svg);
background-position: calc(100% - 1.4rem) 50%;
background-repeat: no-repeat;
background-size: 2.6rem 2.7rem
}
@media (min-width: 992px) {
.button.-download {
padding-right: 12rem;
background-position: calc(100% - 9.4rem) 50%;
background-size: 3rem 3.1rem
}
}
.post-tile {
margin-bottom: 2rem
}
body .cookie-bar.alert {
position: relative;
margin: 0;
padding: 1.2rem 1rem;
background: var(--c-primary);
border-radius: 0
}
body .cookie-bar.alert .cookie-bar__message {
padding-right: 5rem
}
body .cookie-bar.alert .cookie-bar__message p {
color: var(--c-white);
font-size: 1.2rem;
font-weight: 700
}
body .cookie-bar.alert .cookie-bar__close {
position: absolute;
right: 0;
top: 0;
height: 100%;
padding: 1rem;
color: var(--c-white);
line-height: 0;
text-shadow: inherit;
opacity: .9
}
.social-media {
width: 100%
}
.social-media__item {
-webkit-transition: opacity .25s ease-in-out;
-o-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out
}
.social-media__item:not(:last-child) {
margin-right: 1.5rem
}
.social-media__item:hover {
opacity: .75
}
.social-media__item img {
width: 3.6rem;
height: auto
}
.contact-info__address, .contact-info__email, .contact-info__name, .contact-info__phone {
margin: 0;
line-height: 2.7rem;
letter-spacing: .06rem
}
.contact-info__name {
margin-bottom: .7rem;
font-weight: 700
}
.contact-info__email, .contact-info__phone {
position: relative
}
.contact-info__email:after, .contact-info__phone:after {
position: absolute;
left: 0;
bottom: .1rem;
width: 100%;
border-style: solid;
border-width: 0 0 .1rem
}
.contact-info__email:hover, .contact-info__phone:hover {
text-decoration: none
}
.contact-info__email:hover:after, .contact-info__phone:hover:after {
content: ""
}
.news-tile, .blog-tile {
height: 100%;
min-height: 42.5rem;
padding: 1.7rem 2rem 2rem;
background-color: var(--c-gray-400)
}
@media (min-width: 992px) {
.news-tile, .blog-tile {
min-height: 49.7rem
}
}
.news-tile__date, .blog-tile__date {
margin-bottom: 1.3rem;
font-size: 1.5rem;
line-height: 2.2rem;
letter-spacing: .03rem
}
.news-tile__thumbnail, .blog-tile__thumbnail {
margin-bottom: 1.6rem
}
.news-tile__thumbnail img, .blog-tile__thumbnail img {
height: 180px;
width: 100%;
object-fit: cover;
}
.news-tile__header, .blog-tile__header {
max-height: 6.4rem;
margin-bottom: 1.5rem;
font-size: 2.5rem;
line-height: 3.2rem;
letter-spacing: .07rem;
overflow: hidden
}
.news-tile__excerpt, .blog-tile__excerpt {
max-height: 11rem;
margin-bottom: 2rem;
padding-left: .5rem;
font-size: 1.5rem;
line-height: 2.2rem;
overflow: hidden
}
.more-blog button {
margin: 0 auto;
}
.blog-category-filter {
max-width: 589px;
width: 100%;
}
#blog-list .select2-container {
max-width: 589px;
width: 100% !important;
}
#blog-list .select2-container--default .select2-selection--single {
height: 67px;
display: flex;
align-items: center;
border-radius: 0;
border: none;
background: #EFEFEF;
color: black;
font-weight: 700;
padding: 0 6rem;
position: relative;
}
#blog-list .select2-container--default .select2-selection--single::after {
content: "";
position: absolute;
right: 47px;
top: 0;
width: 2.8rem;
height: 100%;
background-image: url(//blaettler-holzbau.ch/wp-content/themes/webwirkung-new/dist/images/icon-arrow-right.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: 1.9rem;
transform: rotate(0deg); 
-webkit-transition: -webkit-transform .25s;
transition: -webkit-transform .25s;
-o-transition: .25s -o-transform;
-o-transition: -o-transform .25s;
transition: transform .25s;
transition: transform .25s, -webkit-transform .25s, -o-transform .25s;
}
#blog-list .select2-container--open .select2-selection--single::after {
transform: rotate(90deg); 
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: black !important;
font-size: 2.5rem !important;
line-height: 3rem !important;
}
.select2-selection__arrow {
display: none !important;
}
.select2-results__option--selectable {
padding: 0 6rem !important;
height: 66px;
color: black !important;
font-size: 2.5rem !important;
line-height: 3rem !important;
display: flex;
align-items: center;
border-top: 1px solid #d9d9d9;
background-color: #EFEFEF;
}
.archive .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable, .archive .select2-container--default .select2-results__option--selected, .select2-results__option--selectable.select2-results__option--highlighted {
color: black !important;
background-color: #EFEFEF !important;
}
.news-tile__button, .blog-tile__button {
margin: auto auto 0;
display: flex;
justify-content: center;
}
.select2-container--default .select2-results>.select2-results__options {
max-height: none !important;
}
.select2-dropdown {
border: none !important;
}
.news-tile__button .button, .blog-tile__button .button  {
min-width: 18.3rem;
margin-bottom: -4rem
}
.post-type-archive .blog-tile__button .button {
top: 12px;
position: relative;
}
.select2-container--default .select2-results>.select2-results__options {
background-color: #EFEFEF;
padding-left: 15px;
padding-right: 15px;
}
@media (max-width: 991px) {
.home .section-header__heading {
margin-bottom: 2.5rem;
font-size: 4.5rem;
line-height: 5rem
}
.blog-tile__button .button {
top: auto;
}
}
.section-header__heading {
margin-bottom: 3.8rem;
font-size: 3.2rem;
line-height: 3.8rem
}
@media (min-width: 992px) {
.section-header__heading {
max-width: 79.2rem;
margin: 0 auto 4.2rem;
font-size: 4.5rem;
line-height: 5rem
}
}
.breadcrumbs {
margin-left: -.2rem;
margin-bottom: 4.8rem
}
@media (min-width: 992px) {
.breadcrumbs {
margin-bottom: 8.8rem
}
}
.breadcrumbs .breadcrumb_last {
font-weight: 700;
text-decoration: underline
}
.breadcrumbs .separator {
margin: 0 .5rem
}
.breadcrumbs a {
color: var(--c-black)
}
.breadcrumbs a:hover {
text-decoration: none
}
.breadcrumbs span {
font-size: 1.5rem;
line-height: 1.9rem;
letter-spacing: .03rem
}
@media (min-width: 992px) {
.breadcrumbs span {
font-size: 2rem;
line-height: 3rem
}
}
.dropdown {
position: absolute;
left: 0;
width: 100%;
height: calc(100vh - 8rem);
padding-top: .5rem;
padding-bottom: 6rem;
background-color: var(--c-gray-500);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
-o-transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
overflow: auto;
z-index: -1
}
@media (min-width: 992px) {
.dropdown {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: auto;
overflow: unset
}
}
.dropdown.-active {
opacity: 1;
visibility: visible;
z-index: 1
}
@media (min-width: 992px) {
.dropdown {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 5.5rem;
padding-bottom: 16.5rem
}
}
.dropdown__nav {
margin-bottom: 2.7rem
}
@media (min-width: 992px) {
.dropdown__nav {
-ms-flex-preferred-size: calc(100% - 18rem);
flex-basis: calc(100% - 18rem);
max-width: 89rem;
margin-bottom: 0
}
}
.dropdown__nav-menu {
margin: 0;
padding: 0;
list-style-type: none
}
@media (min-width: 992px) {
.dropdown__nav-menu {
display: grid;
grid-template-columns:repeat(3, 1fr);
grid-template-rows:repeat(2, 1fr);
grid-column-gap: 3rem;
grid-row-gap: 3.6rem
}
}
.dropdown__nav-menu > li {
position: relative
}
@media (min-width: 992px) {
.dropdown__nav-menu > li {
max-width: 30rem
}
}
.dropdown__nav-menu > li:after {
content: "";
position: absolute;
right: 1rem;
top: 0;
width: 50px;
height: 69px;
background: url(//blaettler-holzbau.ch/wp-content/themes/webwirkung-new/dist/images/icon-nav-arrow.svg) no-repeat 50% / contain;
pointer-events: none;
background-size: 11px 21px;
background-position: right;
}
@media (min-width: 992px) {
.dropdown__nav-menu > li:after {
content: none
}
}
.dropdown__nav-menu > li.-hide {
display: none
}
.dropdown__nav-menu > li.-active:after {
left: .5rem;
right: unset;
-webkit-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg)
}
.dropdown__nav-menu > li.-active > a {
padding-left: 3.6rem
}
.dropdown__nav-menu > li.-active .sub-menu {
display: block
}
@media (min-width: 992px) {
.dropdown__nav-menu > li:first-child {
grid-area: 1/1/2/2
}
}
@media (min-width: 992px) {
.dropdown__nav-menu > li:nth-child(2) {
grid-area: 1/2/2/3
}
}
@media (min-width: 992px) {
.dropdown__nav-menu > li:nth-child(3) {
grid-area: 1/3/3/4
}
}
@media (min-width: 992px) {
.dropdown__nav-menu > li:nth-child(4) {
grid-area: 2/1/3/2;
top: -110px;
}
}
@media (min-width: 992px) {
.dropdown__nav-menu > li:nth-child(5) {
grid-area: 2/2/3/3;
top: -230px;
}
.dropdown__nav-menu > li:nth-child(6) {
top: -340px;
}
}
.dropdown__nav-menu > li > a {
display: block;
width: 100%;
padding: 1.9rem 0 1.9rem 1.2rem;
color: var(--c-white);
font-size: 2.5rem;
font-weight: 700;
line-height: 3rem;
letter-spacing: .03rem;
border-bottom: .1rem solid #a8a8a8
}
@media (min-width: 992px) {
.dropdown__nav-menu > li > a {
max-width: 21rem;
margin-bottom: 3.2rem;
padding: 0 0 .6rem;
border-bottom: .5rem solid var(--c-white);
cursor: unset;
pointer-events: none
}
.dropdown__nav-menu > li.active-parent > a {
pointer-events: all;
cursor: pointer;
}
.dropdown__nav-menu > li.active-parent > a:hover  {
color: var(--c-yellow-400);
border-bottom: .5rem solid var(--c-yellow-400);
}
}
.dropdown__nav-menu > li > a:hover {
text-decoration: none
}
.dropdown__nav-menu > li > .mobile-link {
position: absolute;
left: 0;
top: 0;
height: 69px;
width: 200px;
}
.dropdown__nav-menu > li > .mobile-link.-hide {
display: none;
}
.dropdown__nav-menu .sub-menu {
display: none;
margin: 0;
padding: 0 0 0 3.6rem;
list-style-type: none
}
@media (min-width: 992px) {
.dropdown__nav-menu .sub-menu {
display: block;
padding-left: 0
}
}
.dropdown__nav-menu .sub-menu li {
font-size: 1.7rem;
line-height: normal;
letter-spacing: .03rem
}
@media (min-width: 992px) {
.dropdown__nav-menu .sub-menu li {
line-height: 3rem
}
}
.dropdown__nav-menu .sub-menu li.current-menu-item > a {
color: var(--c-yellow-400);
text-decoration: underline
}
.dropdown__nav-menu .sub-menu li a {
display: block;
padding-top: 1.4rem;
padding-bottom: 1.4rem;
color: var(--c-white);
text-decoration: none;
border-bottom: .1rem solid #a8a8a8
}
@media (min-width: 992px) {
.dropdown__nav-menu .sub-menu li a {
display: unset;
padding-top: 0;
padding-bottom: 0;
border-bottom: unset
}
}
@media (min-width: 992px) {
.dropdown__nav-menu .sub-menu li a:hover {
color: var(--c-yellow-400);
text-decoration: underline
}
}
@media (min-width: 992px) {
.dropdown__aside {
-ms-flex-preferred-size: auto;
flex-basis: auto;
max-width: 16rem
}
}
.dropdown__aside.-hide {
display: none
}
@media (min-width: 992px) {
.dropdown__aside.-hide {
display: block
}
}
.dropdown__aside-nav {
margin-bottom: 3rem
}
@media (min-width: 992px) {
.dropdown__aside-nav {
margin-bottom: 3.4rem
}
}
.dropdown__aside-menu {
margin: 0;
padding: 0;
list-style-type: none
}
.dropdown__aside-item:not(:last-child) {
margin-bottom: 2.1rem
}
@media (min-width: 992px) {
.dropdown__aside-item:not(:last-child) {
margin-bottom: 2.5rem
}
}
.dropdown__aside-link {
display: block;
color: var(--c-white)
}
.dropdown__aside-link:active, .dropdown__aside-link:hover {
color: var(--c-primary)
}
.dropdown__aside-figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.dropdown__aside-icon {
width: 5.4rem;
height: auto;
margin-right: 1.6rem
}
@media (min-width: 992px) {
.dropdown__aside-icon {
width: 6.6rem;
margin-right: 1.8rem
}
}
.dropdown__aside-title {
font-size: 2rem;
font-weight: 700;
line-height: normal;
letter-spacing: .04rem;
text-transform: uppercase
}
@media (min-width: 992px) {
.dropdown__aside-title {
font-size: 2.5rem
}
}
.dropdown__socials {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 0 auto
}
@media (min-width: 992px) {
.dropdown__socials {
margin-left: 1rem
}
}
.slider-images__slide {
height: auto
}
@media (min-width: 992px) {
.slider-images__nav {
left: 0;
right: unset
}
}
.slider-images__nav-item:active path, .slider-images__nav-item:hover path {
stroke: var(--c-white)
}
.video-wrapper {
max-height: 100%;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden
}
.video-wrapper.-active .video-wrapper__pause-button {
z-index: 5
}
.video-wrapper.-active:hover .video-wrapper__pause-button {
opacity: 1
}
.video-wrapper__embed {
position: relative;
height: 100%;
max-width: 100%;
overflow: hidden
}
.lyte-wrapper {
margin: 0 !important;
}
.video-wrapper__embed iframe {
height: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .5s ease-in-out .25s, visibility .25s ease-in-out 1s, -webkit-transform .5s ease-in-out .25s;
transition: opacity .5s ease-in-out .25s, visibility .25s ease-in-out 1s, -webkit-transform .5s ease-in-out .25s;
-o-transition: opacity .5s ease-in-out .25s, visibility .25s ease-in-out 1s, -o-transform .5s ease-in-out .25s;
transition: opacity .5s ease-in-out .25s, visibility .25s ease-in-out 1s, transform .5s ease-in-out .25s;
transition: opacity .5s ease-in-out .25s, visibility .25s ease-in-out 1s, transform .5s ease-in-out .25s, -webkit-transform .5s ease-in-out .25s, -o-transform .5s ease-in-out .25s;
z-index: 4
}
.video-wrapper__embed.-active {
width: 100%;
background-color: var(--c-black);
-o-object-fit: cover;
object-fit: cover
}
.video-wrapper__embed.-active iframe, .lyte iframe {
opacity: 1;
visibility: visible;
-webkit-transition: opacity .5s ease-in-out .25s, visibility .25s ease-in-out, -webkit-transform .5s ease-in-out .25s;
transition: opacity .5s ease-in-out .25s, visibility .25s ease-in-out, -webkit-transform .5s ease-in-out .25s;
-o-transition: opacity .5s ease-in-out .25s, visibility .25s ease-in-out, -o-transform .5s ease-in-out .25s;
transition: opacity .5s ease-in-out .25s, visibility .25s ease-in-out, transform .5s ease-in-out .25s;
transition: opacity .5s ease-in-out .25s, visibility .25s ease-in-out, transform .5s ease-in-out .25s, -webkit-transform .5s ease-in-out .25s, -o-transform .5s ease-in-out .25s
}
.video-wrapper__embed embed, .video-wrapper__embed iframe, .video-wrapper__embed object {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.video-wrapper__pause-button, .video-wrapper__play-button {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: opacity var(--transition-duration);
-o-transition: opacity var(--transition-duration);
transition: opacity var(--transition-duration);
z-index: 1
}
.video-wrapper__pause-button:focus, .video-wrapper__pause-button:hover, .video-wrapper__play-button:focus, .video-wrapper__play-button:hover {
cursor: pointer;
opacity: .8
}
.video-wrapper__pause-button svg, .video-wrapper__play-button svg {
width: 7.4rem;
height: auto
}
.video-wrapper__play-button {
z-index: 2
}
.video-wrapper__pause-button {
opacity: 0;
-webkit-transition: opacity .25s ease-in-out .5s;
-o-transition: opacity .25s ease-in-out .5s;
transition: opacity .25s ease-in-out .5s;
z-index: -1
}
.video-wrapper__pause-button:hover {
opacity: 0
}
.video-wrapper__video {
height: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .5s ease-in-out .25s, visibility .25s ease-in-out 1s, -webkit-transform .5s ease-in-out .25s;
transition: opacity .5s ease-in-out .25s, visibility .25s ease-in-out 1s, -webkit-transform .5s ease-in-out .25s;
-o-transition: opacity .5s ease-in-out .25s, visibility .25s ease-in-out 1s, -o-transform .5s ease-in-out .25s;
transition: opacity .5s ease-in-out .25s, visibility .25s ease-in-out 1s, transform .5s ease-in-out .25s;
transition: opacity .5s ease-in-out .25s, visibility .25s ease-in-out 1s, transform .5s ease-in-out .25s, -webkit-transform .5s ease-in-out .25s, -o-transform .5s ease-in-out .25s;
z-index: 4
}
.video-wrapper__video.-active {
-o-object-fit: cover;
object-fit: cover;
opacity: 1;
visibility: visible;
-webkit-transition: opacity .5s ease-in-out .25s, visibility .25s ease-in-out, -webkit-transform .5s ease-in-out .25s;
transition: opacity .5s ease-in-out .25s, visibility .25s ease-in-out, -webkit-transform .5s ease-in-out .25s;
-o-transition: opacity .5s ease-in-out .25s, visibility .25s ease-in-out, -o-transform .5s ease-in-out .25s;
transition: opacity .5s ease-in-out .25s, visibility .25s ease-in-out, transform .5s ease-in-out .25s;
transition: opacity .5s ease-in-out .25s, visibility .25s ease-in-out, transform .5s ease-in-out .25s, -webkit-transform .5s ease-in-out .25s, -o-transform .5s ease-in-out .25s
}
.references-category-filter {
position: relative;
margin-bottom: 6.5rem
}
.references-category-filter select {
display: none
}
.references-category-filter .select-items div, .references-category-filter .select-selected {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
min-height: 6rem;
padding: 0 3.2rem 0 2rem;
color: var(--c-black);
font-size: 1.9rem;
font-weight: 400;
line-height: 2.5rem;
letter-spacing: .07rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(--c-gray-400);
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
-webkit-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out
}
@media (min-width: 992px) {
.references-category-filter .select-items div, .references-category-filter .select-selected {
max-width: 58.9rem;
min-height: 6.7rem;
padding: 0 6rem;
font-size: 2.5rem;
line-height: 3rem
}
}
.references-category-filter .select-items div:hover, .references-category-filter .select-selected:hover {
color: rgba(0, 0, 0, .75);
background-color: #f4f4f4
}
.references-category-filter .select-items {
position: absolute;
left: 2rem;
right: 2rem;
top: 100%;
z-index: 2
}
@media (min-width: 992px) {
.references-category-filter .select-items {
left: 50%;
right: 0;
width: 58.9rem;
padding: 0;
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%)
}
}
.references-category-filter .select-items div {
position: relative;
max-width: unset
}
.references-category-filter .select-items div:after {
content: "";
position: absolute;
left: 50%;
top: 0;
width: 95%;
height: .1rem;
background-color: #d9d9d9;
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%)
}
.references-category-filter .select-items div:first-of-type :after {
content: "";
position: absolute;
width: 90%;
height: .1rem;
background-color: #d9d9d9
}
.references-category-filter .select-items div:last-of-type {
border-bottom: 0
}
.references-category-filter .select-selected {
font-weight: 700;
position: relative
}
.references-category-filter .select-selected:after {
content: "";
position: absolute;
right: 1.6rem;
top: 0;
width: 2.8rem;
height: 6rem;
background-image: url(//blaettler-holzbau.ch/wp-content/themes/webwirkung-new/dist/images/icon-arrow-right.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: 1.4rem;
-webkit-transition: -webkit-transform .25s;
transition: -webkit-transform .25s;
-o-transition: .25s -o-transform;
-o-transition: -o-transform .25s;
transition: transform .25s;
transition: transform .25s, -webkit-transform .25s, -o-transform .25s
}
@media (min-width: 992px) {
.references-category-filter .select-selected:after {
height: 6.7rem;
background-size: 1.8rem;
right: 5.2rem
}
}
.references-category-filter .select-selected.select-arrow-active:after {
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg)
}
.references-category-filter .select-hide {
display: none
}
.block {
position: relative
}
.search-results .post-tile {
margin-bottom: 2rem;
border-bottom: 2px #d5d5d5 solid;
margin-bottom: 25px;
}
.search-results {
margin: 40px 0
}
.search-results .post-tile__heading a {
color: #000;
text-decoration: underline;
}
.two-columns__item .video__embed {
padding-bottom: 0 !important;
}
.two-columns__item .video__embed .lyte-wrapper {
height: 100%
}
.two-columns .video__embed .lyte {
padding-bottom: 0;
height: 100%;
}
.astm-search-menu {
display: none;
}
.search-results .astm-search-menu {
display: block;
}
.is-form-style input.is-search-input {
border: none;
border-radius: 15px;
}
.is-form-style.is-form-style-3 label {
width: 100% !important;
}
.is-form-style input.is-search-submit, .is-search-icon {
background: none;
border: none;
}
.is-form-style button.is-search-submit {
position: absolute;
right: 0;
}
.site-header__dropdown.-active {
height: 100vh;
padding-bottom: 150px; }
.is-menu .search-icon-path {
fill: #000000;
}
.astm-search-menu {
margin-top: 4px;
}
.is-menu.is-dropdown form {
top: 20px;
}
.is-menu.is-dropdown .search-close {
top: 0;
right: 2px;
background: #ffe500;
}
.site-header__nav-menu li.astm-search-menu:hover {
opacity: 1;
}
.is-form-style.is-form-style-3 input.is-search-input {
border: none !important;
} .page-id-7141 .header-images-carousel__slider {
animation: none;
}
.page-id-7141 .header-images-carousel__slider img {
width: 100vw;
object-fit: cover;
}
.form-spacer {
height: 90px;
}
.page-id-7141 .tiles-slider__slide {
padding-bottom: 1.2rem;
}
.txtbutton {
position: absolute;
right: -120px;
top: -80px;
background: url(//blaettler-holzbau.ch/wp-content/themes/webwirkung-new/dist/images/txtbutton.svg);
background-repeat: no-repeat;
background-size: 100%;
height: 145px;
width: 145px;
display: flex;
align-items: center;
justify-content: center;
color: black;
transition: all 0.2s;
transform: rotate(10deg) scale(1);
text-align: center;
font-size: 17px;
line-height: normal;
padding-left: 15px;
padding-right: 15px;
}
.txtbutton:hover {
text-decoration: none;
transform: rotate(10deg) scale(1.1);
}
@media screen and (max-width: 1100px) {
.txtbutton {
position: relative;
float: right;
right: 0;
top: 0;
}
.form-spacer {
height: 5px;
}
}
@media screen and (max-width: 768px) {
.txtbutton {
position: absolute;
top: -130px;
right: 20px;
}
#blog-list .select2-container {
max-width: calc(100% - 40px) !important;
}
.blog-categories-list {
margin-bottom: 25px !important;
}
} .page-id-7449 .header-images-carousel + .block-core--group {
height: 217px;
width: 217px;
position: absolute;
top: 496px;
right: 60px;
display: block;
padding: 0;
}
.page-id-7449 .header-images-carousel + .block-core--group .block-core--image{ 
padding:0;
}
.page-id-7449 .block-core--image .header_button{
height: 217px;
width: 217px;
}
.page-id-7449 .block-core--image .header_button_mobile{
display: none;
}
.video_fullw {
margin-bottom: 187px;
}
.button_whatsapp {
height: 111px;
width: 111px;
position: fixed;
bottom: 27px;
right: 34px;
z-index: 10;
}
.header_img_icon section:first-child {
padding:0;
}
.header_img_icon section:not(:first-child){
position: absolute;
top: 176px;
right: 10%;
height: 258px;
width: 258px;
z-index: 100;
padding: 0;
}
.header_img_icon .image {
height: 500px;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: top;
}
.whatsapp_button {
position: fixed;
width: 111px;
height: 111px;
right:34px;
bottom: 30px;
z-index: 10;
display: none;
}
.whatsapp_mobile {
display: none;
}
#header_title {
background: #CBBBA0;
height: 260px;
margin-bottom: 20px;
display: flex;
align-items: center;
}
#header_title h1{
color: #000;
font-weight: 700;
font-size: 45px;
letter-spacing: 0.04em;
line-height: 50px;
text-align: center;
margin: 0;
}
@media only screen and (max-width: 991px) {
.page-id-7449 .block-core--image {
top: 150px;
}
.header_img_icon .image {
height: 173px;
justify-content: flex-start;
}
.header_img_icon section:not(:first-child) {
top: 16%;
right: 16%;
height: 125px;
width: 125px;
}
}
@media only screen and (max-width: 768px) {
.block-core--heading h2.-disable-side-padding {
padding:0 20px !important;
}
.header_img_icon section:not(:first-child) {
top: 20%;
right: 10%;
height: 100px;
width: 100px;
}
.page-id-7449 .header-images-carousel + .block-core--group {
top: 20px;
height: 70px;
width: 70px;
right: 25px;
}
.page-id-7449 .block-core--image .header_button{
display: none;
}
.page-id-7449 .block-core--image .header_button_mobile{
display: block;
height: 70px;
width: 70px;
}
.whatsapp_button {
display: none;
}
.whatsapp_mobile {
display: none;
position: fixed;
width: 70px;
height: 70px;
right:25px;
bottom: 30px;
z-index: 10;
}
#header_title h1 {
font-size: 32px;
line-height: 38px;
}
#header_title {
height: 172px;
}
}
.blog-categories-list {
max-width: 650px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-wrap: wrap;
grid-gap: 20px;
margin-bottom: 100px;
justify-content: center;
}
.blog-categories-list button {
height: 42px;
background-color: #FFE500;
border: none;
font-size: 20px;
line-height: 30px;
font-weight: 700;
color: black;
padding-left: 35px;
padding-right: 35px;
cursor: pointer;
}
.blog-categories-list button:hover,   .blog-categories-list button.active {
color: #FFE500;
background-color: black;
}
.-mb-none {
margin-bottom: 0px !important;
}
@media only screen and (max-width: 768px) {
.page-id-632 main {
display: block;
overflow: hidden;
}
}
.has-link-test {
pointer-events: all !important;
padding-left: 0 !important;
cursor: pointer !important;
} #info-icons {
position: fixed;
right: 20px;
top: 175px;
z-index: 999;
overflow: hidden;
width: 58px;
}
@media only screen and (max-width: 768px) {
#info-icons {
display: none;
}
}
#info-icons .icon-wrapper {
height: 58px;
margin-bottom: 8px;
position: relative;
}
#info-icons .icon-wrapper .icon {
width: 58px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
position: relative;
background-color: #efefef;
float: right;
}
#info-icons .icon-wrapper .icon img {
height: 24px;
width: auto;
}
#info-icons .icon-wrapper .content {
z-index: 5;
position: absolute;
height: 58px;
background-color: #efefef;
top: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 0 25px;
right: -300px;
transition: right 0.5s;
}
#info-icons .icon-wrapper form {
margin-bottom: 0px;
}
#info-icons .icon-wrapper .content a {
white-space: nowrap;
height: 100%;
display: flex;
align-items: center;
font-size: 21px;
line-height: 33px;
color: black;
font-family: "Noah",sans-serif;
font-weight: normal;
text-decoration: none;
padding-top: 2px;
}
#info-icons .icon-wrapper.mail .icon img {
width: 24px;
height: auto;
}
#info-icons .icon-wrapper.location .icon img {
width: auto;
height: 25px;
}
#info-icons:hover {
width: 400px;
}
#info-icons .icon-wrapper .icon:hover~.content, #info-icons .icon-wrapper .content:hover {
right: 58px;
}
@media screen and (max-width: 768px) {
#mobilefixed-nav {
display: flex !important;
}
}
#mobilefixed-nav {
position: fixed;
width: 100%;
bottom: 0;
left: 0;
height: 40px;
background-color: #ffe500;
z-index: 999;
padding-left: 15px;
padding-right: 15px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
display: none;
}
#mobilefixed-nav a {
color: black;
font-size: 16px;
line-height: 20px;
padding-left: 3px;
padding-right: 3px;
}
footer {
position: relative;
}
#footer-button {
position: absolute;
bottom: 160px;
left: 10%;
}
#footer-button img {
width: 200px;
height: auto;
transition: transform 0.3s;
}
#footer-button img:hover {
transform: scale(1.05);
}
@media screen and (max-width: 1400px) {
#footer-button {
left: 20px;
bottom: 180px;
}
}
@media screen and (max-width: 992px) {
#footer-button {
bottom: 250px;
}
#footer-button img {
width: 130px;
}
}
@media screen and (max-width: 768px) {
#footer-button {
bottom: 220px;
}
.site-footer__newsletter {
padding-top: 80px;
}
}