/* Theme Name: Huisvesting Kwetsbaregroepen 1.0 Author: Tiltshift B.V. Author URI: https://www.tiltshift.nl/ Description: Version: 1.6.1 License: proprietary Text Domain: huisvestingkwetsbaregroepen */ /* funnel-sans-latin-300-normal */ @font-face { font-family: 'Funnel Sans'; font-style: normal; font-display: swap; font-weight: 300; src: url(fonts/funnel-sans_5.2.8/webfonts/funnel-sans-latin-300-normal.woff2) format('woff2'), url(fonts/funnel-sans_5.2.8/webfonts/funnel-sans-latin-300-italic.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* funnel-sans-latin-400-normal */ @font-face { font-family: 'Funnel Sans'; font-style: normal; font-display: swap; font-weight: 400; src: url(fonts/funnel-sans_5.2.8/webfonts/funnel-sans-latin-400-normal.woff2) format('woff2'), url(fonts/funnel-sans_5.2.8/webfonts/funnel-sans-latin-400-italic.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* funnel-sans-latin-500-normal */ @font-face { font-family: 'Funnel Sans'; font-style: normal; font-display: swap; font-weight: 500; src: url(fonts/funnel-sans_5.2.8/webfonts/funnel-sans-latin-500-normal.woff2) format('woff2'), url(fonts/funnel-sans_5.2.8/webfonts/funnel-sans-latin-500-italic.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* funnel-sans-latin-600-normal */ @font-face { font-family: 'Funnel Sans'; font-style: normal; font-display: swap; font-weight: 600; src: url(fonts/funnel-sans_5.2.8/webfonts/funnel-sans-latin-600-normal.woff2) format('woff2'), url(fonts/funnel-sans_5.2.8/webfonts/funnel-sans-latin-600-italic.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* funnel-sans-latin-700-normal */ @font-face { font-family: 'Funnel Sans'; font-style: normal; font-display: swap; font-weight: 700; src: url(fonts/funnel-sans_5.2.8/webfonts/funnel-sans-latin-700-normal.woff2) format('woff2'), url(fonts/funnel-sans_5.2.8/webfonts/funnel-sans-latin-700-italic.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* funnel-sans-latin-800-normal */ @font-face { font-family: 'Funnel Sans'; font-style: normal; font-display: swap; font-weight: 800; src: url(fonts/funnel-sans_5.2.8/webfonts/funnel-sans-latin-800-normal.woff2) format('woff2'), url(fonts/funnel-sans_5.2.8/webfonts/funnel-sans-latin-800-italic.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* funnel-sans-latin-300-italic */ @font-face { font-family: 'Funnel Sans'; font-style: italic; font-display: swap; font-weight: 300; src: url(fonts/funnel-sans_5.2.8/webfonts/funnel-sans-latin-300-italic.woff2) format('woff2'), url(fonts/funnel-sans_5.2.8/webfonts/funnel-sans-latin-300-italic.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* funnel-sans-latin-400-italic */ @font-face { font-family: 'Funnel Sans'; font-style: italic; font-display: swap; font-weight: 400; src: url(fonts/funnel-sans_5.2.8/webfonts/funnel-sans-latin-400-italic.woff2) format('woff2'), url(fonts/funnel-sans_5.2.8/webfonts/funnel-sans-latin-400-italic.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* funnel-sans-latin-500-italic */ @font-face { font-family: 'Funnel Sans'; font-style: italic; font-display: swap; font-weight: 500; src: url(fonts/funnel-sans_5.2.8/webfonts/funnel-sans-latin-500-italic.woff2) format('woff2'), url(fonts/funnel-sans_5.2.8/webfonts/funnel-sans-latin-500-italic.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* funnel-sans-latin-600-italic */ @font-face { font-family: 'Funnel Sans'; font-style: italic; font-display: swap; font-weight: 600; src: url(fonts/funnel-sans_5.2.8/webfonts/funnel-sans-latin-600-italic.woff2) format('woff2'), url(fonts/funnel-sans_5.2.8/webfonts/funnel-sans-latin-600-italic.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* funnel-sans-latin-700-italic */ @font-face { font-family: 'Funnel Sans'; font-style: italic; font-display: swap; font-weight: 700; src: url(fonts/funnel-sans_5.2.8/webfonts/funnel-sans-latin-700-italic.woff2) format('woff2'), url(fonts/funnel-sans_5.2.8/webfonts/funnel-sans-latin-700-italic.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* funnel-sans-latin-800-italic */ @font-face { font-family: 'Funnel Sans'; font-style: italic; font-display: swap; font-weight: 800; src: url(fonts/funnel-sans_5.2.8/webfonts/funnel-sans-latin-800-italic.woff2) format('woff2'), url(fonts/funnel-sans_5.2.8/webfonts/funnel-sans-latin-800-italic.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } html { box-sizing: border-box; font-size: 16px; } *, *:before, *:after { box-sizing: inherit; } body, h1, h2, h3, h4, h5, h6, p, ol, ul { margin: 0; padding: 0; font-weight: 400; } a { color: inherit; text-decoration: none; } ol, ul { list-style: none; } img { max-width: 100%; height: auto; } @keyframes fade_in_anim { from { opacity: 0; } 1% { opacity: 0; } 99% { opacity: 1; } to { opacity: 1; } } .mobile-nav { display: none; } .mobile-nav.-active { display: block; } @media only screen and (min-width:992px) { .mobile-nav.-active { display: none; } } .mobile-nav-list { padding-bottom: 24px; } .mobile-nav-list-li { display: block; border-top: 1px solid #f3f3f3; padding-top: 16px; padding-bottom: 16px; } .mobile-nav-link { font-family: sans-serif; font-size: 17px; line-height: 25px; margin-bottom: 16px; color: #777; font-weight: 700; } @media only screen and (min-width:992px) { .mobile-nav-link { font-family: sans-serif; font-size: 17px; font-weight: 300; line-height: 25px; } } .mobile-nav-sub-link { color: #333; font-family: sans-serif; font-size: 17px; font-weight: 300; line-height: 25px; margin-bottom: 16px; } @media only screen and (min-width:992px) { .mobile-nav-sub-link { font-family: sans-serif; font-size: 17px; font-weight: 300; line-height: 25px; } } .search-bar { display: none; } .search-bar.-active { display: block; box-shadow: 1px 1px 5px rgba(0, 0, 0, .3); } .search-bar-caption { font-family: 'Funnel Sans', sans-serif; font-size: 18px; font-weight: 700; line-height: 27px; color: #777; margin-bottom: 8px; margin: 0; } @media only screen and (min-width:992px) { .search-bar-caption { font-family: 'Funnel Sans', sans-serif; font-size: 21px; font-weight: 700; line-height: 27px; } } .search-bar-input { display: flex; align-items: center; padding-left: 16px; } .search-bar-gcse-zone { width: 360px; } @media only screen and (min-width:992px) { .search-bar-gcse-zone { width: 500px; } } .search-bar-close { display: flex; justify-content: flex-end; } .article-teaser { margin-bottom: 32px; } .article-teaser-img { margin-bottom: 24px; } .aside-block { padding: 32px; background: #fbeb00; } .aside-block.-blue { background: #7d1727; } .aside-block.-lime { background: #B0C921; } .aside-block-cta-button { margin-top: 16px; } .calendar-block-item { display: flex; margin-bottom: 32px; } .calendar-block-date { display: flex; flex-direction: column; width: 65px; margin-right: 24px; background: #fff; box-shadow: 1px 1px 5px rgba(0, 0, 0, .3); } .calendar-block-date-border { width: 100%; height: 16px; background: #B0C921; margin-bottom: 8px; } .calendar-block-day { font-family: 'Funnel Sans', sans-serif; font-size: 33px; font-weight: 700; line-height: 40px; color: #333; margin-bottom: 16px; margin: 0; text-align: center; padding-left: 8px; padding-right: 8px; } @media only screen and (min-width:992px) { .calendar-block-day { font-family: 'Funnel Sans', sans-serif; font-size: 33px; font-weight: 700; line-height: 40px; color: #333; } } .calendar-block-month { font-family: sans-serif; font-weight: 300; line-height: 25px; font-size: 14px; text-align: center; padding-left: 8px; padding-right: 8px; text-transform: uppercase; margin-bottom: 8px; } .calendar-block-text { flex: 1; padding-top: 24px; } .contact-card { display: flex; } .contact-card-avatar { display: inline-block; width: 80px; height: 80px; border-radius: 50%; } .contact-card-details { padding-left: 24px; margin-bottom: 32px; } .contact-filter { background: #7d1727; padding-top: 32px; padding-bottom: 32px; margin-bottom: 48px; } .contact-filter-wrap { width: 1000px; margin: 16px auto 0 auto; } .contact-filter-item { display: inline-block; margin-right: 8px; margin-bottom: 8px; background: rgba(0, 0, 0, .2); padding: 8px 16px; border-radius: 10px; } .contact-filter-item-close { display: none; background: #fff; padding: 4px 8px; border-radius: 10px; margin-left: 16px; font-family: sans-serif; font-size: 16px; line-height: 20px; font-weight: 700; } .contact-filter-item.-active { display: inline-block; } .contact-filter-item.-active .contact-filter-item-count { display: none; } .contact-filter-item.-active .contact-filter-item-close { display: inline-block; } .contact-filter-item.-hide { display: none; } .contact-filter-item-count { background: #fff; padding: 4px 8px; border-radius: 10px; display: inline-block; margin-left: 16px; font-family: sans-serif; font-size: 16px; line-height: 20px; font-weight: 700; } .contact-filter-item-text { font-family: sans-serif; font-size: 16px; font-weight: 300; line-height: 20px; color: #fff; } .crumblepath-nav { background: #f3f3f3; padding-top: 16px; padding-bottom: 16px; margin-bottom: 32px; } .crumblepath-nav-item { font-family: sans-serif; font-size: 16px; font-weight: 300; line-height: 20px; color: #777; } .crumblepath-nav-item:hover { text-decoration: underline; } .crumblepath-nav-sep { color: #ccc; display: inline-block; padding-left: 8px; padding-right: 8px; } .faq-item { padding-top: 16px; padding-bottom: 16px; border-top: 1px solid #eee; } .faq-item-row { display: flex; align-items: center; justify-content: space-between; } .faq-item-answer-wrap { display: none; } .faq-item-arrow-svg { transition: 0.1s all ease-in; } .faq-item.-active .faq-item-arrow-svg { transform: rotate(90deg); } .faq-item.-active .faq-item-answer-wrap { display: block; margin-top: 16px; } .faq-overview-category { padding-top: 32px; margin-bottom: 48px; } @media only screen and (min-width:992px) { .faq-overview-category { padding-top: 0; margin-left: 112px; } } .faq-overview-nav-wrapper { position: relative; } @media only screen and (min-width:992px) { .faq-overview-nav { width: 320px; } } .faq-overview-nav-link { font-family: sans-serif; font-size: 17px; font-weight: 300; line-height: 25px; margin-bottom: 16px; color: #fff; display: block; margin-top: 16px; } @media only screen and (min-width:992px) { .faq-overview-nav-link { font-family: sans-serif; font-size: 17px; font-weight: 300; line-height: 25px; } } .faq-overview-nav-link:hover { text-decoration: underline; } @media only screen and (min-width:992px) { .faq-overview-nav.-sticky { top: 20px; position: fixed; } } .hero-block { background: #f3f3f3; margin-bottom: 80px; } .hero-block-img-wrap { width: 100%; align-self: stretch; background-size: cover; background-position: center; position: relative; display: none; } @media only screen and (min-width:992px) { .hero-block-img-wrap { display: block; width: 60%; } } .hero-block-text-wrap { width: 100%; align-self: stretch; background: #7d1727; position: relative; } @media only screen and (min-width:992px) { .hero-block-text-wrap { width: 40%; } } .hero-block-cta-button { margin-top: 16px; display: inline-block; } .intro-block { margin-top: 16px; margin-bottom: 16px; } @media only screen and (min-width:992px) { .intro-block { margin-top: 64px; margin-bottom: 64px; } } .kennisbank-set { margin-bottom: 64px; } .kennisbank-set-header { padding: 16px 24px; background: #E74B7D; margin-bottom: 32px; } .werkafspraken-teaser-wrap { padding-bottom: 8px; } .werkafspraken-teaser-cover { position: relative; top: -10px; right: -12px; width: 100px; transform: rotate(3deg); box-shadow: 1px 1px 10px rgba(0, 0, 0, .5); } .werkafspraken-teaser-item { margin-top: 12px; position: relative; display: block; } .werkafspraken-teaser-item:hover { text-decoration: underline; color: #fff; } .werkafspraken-teaser-nr { font-family: 'Funnel Sans', sans-serif; font-size: 23px; font-weight: 700; line-height: 27px; margin-bottom: 8px; display: inline-block; position: absolute; left: 0; top: -2px; width: 30px; text-align: center; } @media only screen and (min-width:992px) { .werkafspraken-teaser-nr { font-family: 'Funnel Sans', sans-serif; font-size: 23px; font-weight: 700; line-height: 27px; margin-bottom: 16px; } } .werkafspraken-teaser-item-text { font-family: sans-serif; font-size: 17px; font-weight: 300; line-height: 25px; margin-bottom: 16px; position: relative; left: 36px; padding-right: 36px; } @media only screen and (min-width:992px) { .werkafspraken-teaser-item-text { font-family: sans-serif; font-size: 17px; font-weight: 300; line-height: 25px; } } .werkafspraken-teaser .read-more-icon { background-color: #7d1727; } .bg-style.-light { background-color: #f3f3f3; } .bg-style.-blue { background-color: #7d1727; } .bg-style.-mandy { background-color: #E74B7D; } .bg-style.-lime { background-color: #B0C921; } .category-header { text-align: center; } .category-header-title { font-family: 'Funnel Sans', sans-serif; font-size: 33px; font-weight: 700; line-height: 40px; color: #333; margin-bottom: 16px; padding-bottom: 8px; width: 100%; } @media only screen and (min-width:992px) { .category-header-title { font-family: 'Funnel Sans', sans-serif; font-size: 33px; font-weight: 700; line-height: 40px; color: #333; } } .category-header.-border { border-bottom: 5px solid #f3f3f3; margin-bottom: 16px; } .category-header.-left { text-align: left; } .color-swatch { width: 64px; height: 64px; border-radius: 5px; display: inline-block; margin-right: 8px; } .color-swatch.-mandy { background: #E74B7D; } .color-swatch.-blue { background: #7d1727; } .color-swatch.-lime { background: #B0C921; } .cta-button { display: inline-block; background: #fff; border-radius: 10px; padding: 8px 16px; } .cta-button-text { font-family: 'Funnel Sans', sans-serif; font-weight: 700; line-height: 27px; margin-bottom: 8px; font-size: 16px; color: #7d1727; } .img-container { display: block; max-width: 100%; background-color: #eee; min-height: 200px; background-size: cover; background-position: 50%; } .img-container.-mrgn { margin-bottom: 24px; } .markup-zone h1 { font-family: 'Funnel Sans', sans-serif; font-size: 33px; font-weight: 700; line-height: 40px; color: #333; margin-bottom: 16px; } @media only screen and (min-width:992px) { .markup-zone h1 { font-family: 'Funnel Sans', sans-serif; font-size: 33px; font-weight: 700; line-height: 40px; color: #333; } } .markup-zone h2 { color: #333; font-family: 'Funnel Sans', sans-serif; font-size: 23px; font-weight: 700; line-height: 27px; margin-bottom: 16px; } @media only screen and (min-width:992px) { .markup-zone h2 { font-family: 'Funnel Sans', sans-serif; font-size: 23px; font-weight: 700; line-height: 27px; margin-bottom: 16px; } } .markup-zone h3 { color: #333; font-family: 'Funnel Sans', sans-serif; font-size: 20px; font-weight: 700; line-height: 24px; margin-bottom: 16px; } @media only screen and (min-width:992px) { .markup-zone h3 { font-family: 'Funnel Sans', sans-serif; font-size: 20px; font-weight: 700; line-height: 24px; } } .markup-zone p { color: #333; font-family: sans-serif; font-size: 17px; font-weight: 300; line-height: 25px; margin-bottom: 32px; } @media only screen and (min-width:992px) { .markup-zone p { font-family: sans-serif; font-size: 17px; font-weight: 300; line-height: 25px; } } .markup-zone p+h2, .markup-zone ul+h2, .markup-zone ol+h2 { margin-top: 48px; } .markup-zone li { color: #333; font-family: sans-serif; font-size: 17px; font-weight: 300; line-height: 25px; margin-bottom: 8px; } @media only screen and (min-width:992px) { .markup-zone li { font-family: sans-serif; font-size: 17px; font-weight: 300; line-height: 25px; } } .markup-zone .has-intro-font-size { color: #777; font-family: sans-serif; font-size: 18px; font-weight: 300; line-height: 27px; margin-bottom: 32px; } @media only screen and (min-width:992px) { .markup-zone .has-intro-font-size { font-family: sans-serif; font-size: 25px; font-weight: 300; line-height: 36px; } } .markup-zone ul li { display: list-item; list-style: square; } .markup-zone ol li { display: list-item; list-style: decimal; } .markup-zone ol, .markup-zone ul { padding-left: 20px; margin-bottom: 32px; } .markup-zone a { text-decoration: underline; color: #7d1727; } .markup-zone figcaption { font-family: sans-serif; font-size: 15px; font-weight: 300; line-height: 21px; margin-bottom: 16px; color: #aaa; text-align: center; } .markup-zone img { display: block; margin-bottom: 8px; } .markup-zone figure { margin-bottom: 32px; } .markup-zone em { color: #7d1727; font-style: normal; } .markup-zone .wp-block-group-uitgelicht { background: #f3f3f3; padding: 24px; margin-bottom: 32px; } .markup-zone .wp-block-group-uitgelicht .wp-block-group__inner-container>*:last-child { margin-bottom: 0; } .markup-zone .wp-block-group-uitklap { padding-top: 16px; padding-bottom: 16px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-bottom: 16px; } .markup-zone .wp-block-group-uitklap .wp-block-group__inner-container h2:first-child { margin-bottom: 0; cursor: pointer; background-image: url(img/chevron-right.svg); background-repeat: no-repeat; background-position: right center; } .markup-zone .wp-block-group-uitklap .wp-block-group__inner-container p, .markup-zone .wp-block-group-uitklap .wp-block-group__inner-container ul, .markup-zone .wp-block-group-uitklap .wp-block-group__inner-container ol, .markup-zone .wp-block-group-uitklap .wp-block-group__inner-container figure, .markup-zone .wp-block-group-uitklap .wp-block-group__inner-container div { display: none; } .markup-zone .wp-block-group-uitklap.-active .wp-block-group__inner-container h2:first-child { margin-bottom: 16px; background-image: url(img/chevron-down.svg); } .markup-zone .wp-block-group-uitklap.-active .wp-block-group__inner-container p, .markup-zone .wp-block-group-uitklap.-active .wp-block-group__inner-container ul, .markup-zone .wp-block-group-uitklap.-active .wp-block-group__inner-container ol, .markup-zone .wp-block-group-uitklap.-active .wp-block-group__inner-container figure, .markup-zone .wp-block-group-uitklap.-active .wp-block-group__inner-container div { display: block; } .markup-zone .wp-block-group-uitklap .wp-block-group__inner-container>*:last-child { margin-bottom: 0; } .markup-zone .wp-block-group-collectie { border: 1px solid #f3f3f3; margin-bottom: 32px; } .markup-zone .wp-block-group-collectie h2:first-child { font-family: 'Funnel Sans', sans-serif; font-size: 23px; font-weight: 700; line-height: 27px; color: #fff; padding: 16px 24px; background: #E74B7D; margin-bottom: 0; } @media only screen and (min-width:992px) { .markup-zone .wp-block-group-collectie h2:first-child { font-family: 'Funnel Sans', sans-serif; font-size: 23px; font-weight: 700; line-height: 27px; margin-bottom: 16px; } } @media only screen and (min-width:992px) { .markup-zone .wp-block-group-collectie h2:first-child { margin-bottom: 0; } } .markup-zone .wp-block-group-collectie div div, .markup-zone .wp-block-group-collectie p { padding: 24px; } .markup-zone .wp-block-group-collectie .wp-block-group__inner-container>*:last-child { margin-bottom: 0; } .markup-zone.-w h1 { font-family: 'Funnel Sans', sans-serif; font-size: 33px; font-weight: 700; line-height: 40px; margin-bottom: 16px; color: #fff; } @media only screen and (min-width:992px) { .markup-zone.-w h1 { font-family: 'Funnel Sans', sans-serif; font-size: 33px; font-weight: 700; line-height: 40px; color: #333; } } .markup-zone.-w h2 { font-family: 'Funnel Sans', sans-serif; font-size: 23px; font-weight: 700; line-height: 27px; margin-bottom: 8px; color: #fff; } @media only screen and (min-width:992px) { .markup-zone.-w h2 { font-family: 'Funnel Sans', sans-serif; font-size: 23px; font-weight: 700; line-height: 27px; margin-bottom: 16px; } } .markup-zone.-w p { font-family: sans-serif; font-size: 17px; font-weight: 300; line-height: 25px; margin-bottom: 16px; color: #fff; } @media only screen and (min-width:992px) { .markup-zone.-w p { font-family: sans-serif; font-size: 17px; font-weight: 300; line-height: 25px; } } .markup-zone.-w li {font-family: sans-serif; font-size: 17px; font-weight: 300; line-height: 25px; margin-bottom: 16px; color: #fff; } @media only screen and (min-width:992px) { .markup-zone.-w li { font-family: sans-serif; font-size: 17px; font-weight: 300; line-height: 25px; } } .markup-zone.-w .has-intro-font-size { font-family: sans-serif; font-size: 18px; font-weight: 300; line-height: 27px; margin-bottom: 8px; color: #fff; } @media only screen and (min-width:992px) { .markup-zone.-w .has-intro-font-size { font-family: sans-serif; font-size: 25px; font-weight: 300; line-height: 36px; } } .placeholder-block { display: flex; border-radius: 5px; border: 1px dashed #ccc; } .placeholder-block-text { color: #333; font-family: sans-serif; font-size: 17px; font-weight: 300; line-height: 25px; margin-bottom: 16px; margin: auto; } @media only screen and (min-width:992px) { .placeholder-block-text { font-family: sans-serif; font-size: 17px; font-weight: 300; line-height: 25px; } } .read-more { display: flex; height: 32px; align-items: center; } .read-more-icon { width: 32px; height: 32px; border-radius: 50%; background-color: #fbeb00; margin-right: 12px; } .read-more-icon.-white { background-color: #fbeb00; } .read-more-icon-svg { display: flex; height: 32px; flex: 1; } .read-more-icon-svg>* { margin: auto; } .read-more-text { font-family: sans-serif; font-size: 17px; font-weight: 300; line-height: 25px; color: #f42d21; margin: 0; flex: 1; } .read-more-text.-white { color: #fff; } .segment-header { background: #f3f3f3; padding-top: 16px; padding-bottom: 16px; margin-bottom: 32px; } .text-style.-section-title { font-family: 'Funnel Sans', sans-serif; font-size: 33px; font-weight: 700; line-height: 40px; color: #333; margin-bottom: 16px; } @media only screen and (min-width:992px) { .text-style.-section-title { font-family: 'Funnel Sans', sans-serif; font-size: 33px; font-weight: 700; line-height: 40px; color: #333; } } .text-style.-title { color: #333; font-family: 'Funnel Sans', sans-serif; font-size: 23px; font-weight: 700; line-height: 27px; margin-bottom: 8px; } @media only screen and (min-width:992px) { .text-style.-title { font-family: 'Funnel Sans', sans-serif; font-size: 23px; font-weight: 700; line-height: 27px; margin-bottom: 16px; } } .text-style.-body { color: #333; font-family: sans-serif; font-size: 17px; font-weight: 300; line-height: 25px; margin-bottom: 16px; } @media only screen and (min-width:992px) { .text-style.-body { font-family: sans-serif; font-size: 17px; font-weight: 300; line-height: 25px; } } .text-style.-body-small { color: #333; font-family: sans-serif; font-size: 15px; font-weight: 300; line-height: 26px; margin-bottom: 16px; } @media only screen and (min-width:992px) { .text-style.-body-small { font-family: sans-serif; font-size: 15px; font-weight: 300; line-height: 26px; } } .text-style.-intro { color: #777; font-family: sans-serif; font-size: 18px; font-weight: 300; line-height: 27px; margin-bottom: 8px; } @media only screen and (min-width:992px) { .text-style.-intro { font-family: sans-serif; font-size: 25px; font-weight: 300; line-height: 36px; } } .text-style.-no-mrgn { margin: 0; } .text-style.-w { color: #fff; } .text-style.-mandy { color: #7d1727; } .text-style.-center { text-align: center; } .text-style.-underline-link a { text-decoration: underline; } .text-style.-underline-link-hover a:hover { text-decoration: underline; } .error-404 { text-align: center; padding: 40px; } .error-404-title { font-family: sans-serif; font-size: 30px; font-weight: 700; line-height: 1.5; margin-bottom: 10px; } .main-footer { padding-top: 48px; } @media only screen and (min-width:992px) { .main-footer { height: 425px; background-image: url(img/footer-bg.png); background-size: 300px; background-position: bottom right; background-repeat: no-repeat; } } .main-footer-grid { display: flex; flex-wrap: wrap; margin-left: 8px; margin-right: 8px; } @media only screen and (min-width:600px) { .main-footer-grid { margin-left: auto; margin-right: auto; } } @media only screen and (min-width:600px) and (max-width:991px) { .main-footer-grid { width: 600px; } } @media only screen and (min-width:992px) and (max-width:1279px) { .main-footer-grid { width: 960px; } } @media only screen and (min-width:1280px) { .main-footer-grid { width: 1280px; } } .main-footer-partners { columns: 2; margin-bottom: 24px; } @media only screen and (min-width:992px) { .main-footer-partners { columns: 3; } } .main-footer-copyright { font-family: sans-serif; font-weight: 300; line-height: 25px; margin-bottom: 16px; font-size: 14px; margin-top: 48px; color: #777; } .main-footer-social { display: flex; padding-top: 16px; } .main-footer-social-icon { width: 60px; height: 60px; background: #f3f3f3; display: flex; border-radius: 50%; margin-right: 16px; } .main-footer-social-icon>* { margin: auto; } .main-header-wrapper { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; margin-bottom: 16px; } .main-header-logo { display: inline-block; } .main-header-logo-img { display: block; max-width: 210px; width: 293px; } .main-nav { display: flex; } .main-nav-list { display: none; } @media only screen and (min-width:992px) { .main-nav-list { display: flex; } } .main-nav.-active .main-nav-mobile-list { display: block; } .main-nav-list-li { position: relative; display: inline-block; } @media only screen and (min-width:992px) { .main-nav-list-li { line-height: 40px; } } .main-nav-list-li.-sub-items:hover .main-nav-link { box-shadow: 0 0 10px rgba(0, 0, 0, .1); } .main-nav-link { font-family: 'Funnel Sans', sans-serif; font-size: 18px; font-weight: 700; line-height: 27px; color: #777; margin-bottom: 8px; padding: 16px 24px; border-radius: 5px; } @media only screen and (min-width:992px) { .main-nav-link { font-family: 'Funnel Sans', sans-serif; font-size: 21px; font-weight: 700; line-height: 27px; } } .main-nav-link.-active { color: #f42d21; } .main-nav-li.-sub-items:hover .main-nav-link { box-shadow: 0 0 15px rgba(0, 0, 0, .1); } .main-nav-link:hover { color: #7d1727; } .main-nav-cover { height: 5px; width: 100%; background: #fff; position: relative; top: -5px; margin-left: 16px; margin-right: 16px; } .main-nav-sub-list { z-index: 999; display: none; position: absolute; top: 28px; min-width: 300px; padding: 16px 24px 24px 24px; background: #fff; box-shadow: 0 15px 15px rgba(0, 0, 0, .1); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .main-nav-list-li:hover .main-nav-sub-list { display: block; } .main-nav-sub-link { color: #333; font-family: sans-serif; font-size: 17px; font-weight: 300; line-height: 25px; display: block; margin-bottom: 4px; } @media only screen and (min-width:992px) { .main-nav-sub-link { font-family: sans-serif; font-size: 17px; font-weight: 300; line-height: 25px; } } .main-nav-sub-link:hover { color: #7d1727; } .main-nav-search { display: inline-block; } .main-nav-search-link { width: 40px; height: 40px; background-color: #7d1727; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .main-nav-search-link.-active { background-color: #eee; } .main-nav-burger { width: 32px; display: inline-block; transition: 0.2s ease-in all; position: relative; margin-left: 16px; margin-top: 8px; } @media only screen and (min-width:992px) { .main-nav-burger { display: none; } } .main-nav-burger.-active { transform: rotate(45deg); left: -10px; } .main-nav-burger.-active .main-nav-burger-line.-mid { display: none; } .main-nav-burger.-active .main-nav-burger-line:last-child { transform: rotate(-90deg); position: relative; top: -10px; left: 0; } .main-nav-burger-line { display: block; height: 4px; margin-bottom: 6px; background-color: #333; } .layout-grid { display: flex; flex-wrap: wrap; margin-left: 8px; margin-right: 8px; } @media only screen and (min-width:600px) { .layout-grid { margin-left: auto; margin-right: auto; } } @media only screen and (min-width:600px) and (max-width:991px) { .layout-grid { width: 600px; } } @media only screen and (min-width:992px) and (max-width:1279px) { .layout-grid { width: 960px; } } @media only screen and (min-width:1280px) { .layout-grid { width: 1280px; } } .layout-grid-1 { padding-left: 16px; padding-right: 16px; flex-basis: 100%; max-width: 100%; } .layout-grid-1-2 { padding-left: 16px; padding-right: 16px; flex-basis: 50%; max-width: 50%; } .layout-grid-1-3 { padding-left: 16px; padding-right: 16px; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .layout-grid-2-3 { padding-left: 16px; padding-right: 16px; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .layout-grid-1-4 { padding-left: 16px; padding-right: 16px; flex-basis: 25%; max-width: 25%; } .layout-grid-1-5 { padding-left: 16px; padding-right: 16px; flex-basis: 20%; max-width: 20%; } .layout-grid-2-5 { padding-left: 16px; padding-right: 16px; flex-basis: 40%; max-width: 40%; } .layout-grid-3-5 { padding-left: 16px; padding-right: 16px; flex-basis: 60%; max-width: 60%; } .layout-grid-1-6 { padding-left: 16px; padding-right: 16px; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .layout-grid-1-12 { padding-left: 16px; padding-right: 16px; flex-basis: 8.33333333333%; max-width: 8.33333333333%; } @media only screen and (min-width:992px) { .layout-grid .-md-up-1-2 { padding-left: 16px; padding-right: 16px; flex-basis: 50%; max-width: 50%; } } @media only screen and (min-width:992px) { .layout-grid .-md-up-1-3 { padding-left: 16px; padding-right: 16px; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } } @media only screen and (min-width:992px) { .layout-grid .-md-up-1-4 { padding-left: 16px; padding-right: 16px; flex-basis: 25%; max-width: 25%; } } @media only screen and (min-width:992px) { .layout-grid .-md-up-2-3 { padding-left: 16px; padding-right: 16px; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } } @media only screen and (min-width:992px) { .layout-grid .-md-up-3-4 { padding-left: 16px; padding-right: 16px; flex-basis: 75%; max-width: 75%; } } @media only screen and (min-width:992px) { .layout-grid .-md-up-2-5 { padding-left: 16px; padding-right: 16px; flex-basis: 40%; max-width: 40%; } } @media only screen and (min-width:992px) { .layout-grid .-md-up-3-5 { padding-left: 16px; padding-right: 16px; flex-basis: 60%; max-width: 60%; } } @media only screen and (min-width:992px) { .layout-grid .-md-up-5-12 { padding-left: 16px; padding-right: 16px; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } } .layout-grid .-sm-hide { display: none; } @media only screen and (min-width:992px) { .layout-grid .-sm-hide { display: block; } } @media only screen and (min-width:992px) { .layout-grid .-md-up-hide { display: none; } } .layout-grid.-inverted { flex-direction: row-reverse; } @media only screen and (min-width:992px) { .layout-grid.-md-up-row-reverse { flex-direction: row-reverse; } } .layout-grid.-justify-center { justify-content: center; } .layout-grid.-justify-space-between { justify-content: space-between; } div[class^='layout-grid'].-align-center, div[class*=' layout-grid'].-align-center { align-items: center; } div[class^='layout-grid'].-flex, div[class*=' layout-grid'].-flex { display: flex; } div[class^='layout-grid'].-column, div[class*=' layout-grid'].-column { flex-direction: column; } .layout-grid.-no-margin { margin-left: 0; margin-right: 0; } .layout-overlay { position: fixed; pointer-events: none; height: 100vh; z-index: 9999; width: 100%; } .layout-overlay-col { background: rgba(255, 0, 128, .1); height: 100vh; } .section-pad.-sm { padding: 16px; } @media only screen and (min-width:992px) { .section-pad.-sm { padding: 32px; } } .section-pad.-md { padding: 48px; } @media only screen and (min-width:992px) { .section-pad.-md { padding: 80px 64px; } } .section-pad.-v-sm { padding-top: 8px; padding-bottom: 8px; } @media only screen and (min-width:992px) { .section-pad.-v-sm { padding-top: 16px; padding-bottom: 16px; } } .section-pad.-v-md { padding-top: 16px; padding-bottom: 16px; } @media only screen and (min-width:992px) { .section-pad.-v-md { padding-top: 32px; padding-bottom: 32px; } } .article-page { min-height: 70vh; } .article-page-content { padding-top: 32px; } .article-page-img { width: 100%; display: block; margin-top: 32px; margin-bottom: 32px; } .contact-page-partner { display: none; margin-top: 64px; } .contact-page-partner.-active { display: block; } .hello-world { text-align: center; padding: 40px; } .hello-world-title { font-family: sans-serif; font-size: 30px; font-weight: 700; line-height: 1.5; margin-bottom: 10px; } .hello-world-version { font-family: sans-serif; font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 10px; } /** ********************************************************** */ .wp-block-buttons { margin-bottom: 32px; } .wp-block-buttons .wp-block-button { } .wp-block-buttons .wp-block-button .wp-block-button__link { display: inline-block; padding: 12px 20px; border-radius: 30px; background-color: #E74B7D; border: 2px solid #E74B7D; color: #FFF; text-decoration: none; font-family: sans-serif; transition: 0.5s; } .wp-block-buttons .wp-block-button .wp-block-button__link:hover { background-color: #c6436d; border-color: #c6436d; } .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link { background-color: transparent; color: #E74B7D; } @media only screen and (min-width: 992px) { .main-footer { height: auto; min-height: 425px; } .main-nav-link { padding: 16px 8px; font-size: 17px; } } @media only screen and (min-width: 1200px) { .main-nav-link { padding: 16px 8px; } } @media only screen and (min-width: 1400px) { .main-nav-link { padding: 16px 24px; } } .img-container { background-color: #FFF; }