:root { --breakpoint-xxs: 281px; --breakpoint-xs: 400px; --breakpoint-s: 600px; --breakpoint-m: 767px; --breakpoint-l: 960px; --breakpoint-bp: 1150px; --breakpoint-wb: 1175px; --breakpoint-xl: 1280px; --breakpoint-hbp: 1380px; --breakpoint-xl2: 1600px; --breakpoint-xxl: 1700px; --breakpoint-xxl2: 1919px; --breakpoint-foo: #c09; --breakpoint-bar: #000; } @font-face { font-family: "Halimun_1"; src: url("/wp-content/thesis/fonts//Halimun_1.eot"); src: url("/wp-content/thesis/fonts//Halimun_1.eot") format("embedded-opentype"), url("/wp-content/thesis/fonts//Halimun_1.woff2") format("woff2"), url("/wp-content/thesis/fonts//Halimun_1.woff") format("woff"), url("/wp-content/thesis/fonts//Halimun_1.ttf") format("truetype"), url("/wp-content/thesis/fonts//Halimun_1.svg#Halimun_1") format("svg"); } body { font-size: calc(1.275rem + 0.3vw); font-family: "eb-garamond"; font-weight: 400; } @media (min-width: 1200px) { body { font-size: 1.5rem; } } b, strong { font-weight: 700; } h1, h2, h3, h4, h5, h6 { margin-bottom: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h1, h2, h3, h4, h5, h6 { margin-bottom: 1.75rem; } } h1 { font-size: calc(1.7625rem + 6.15vw); font-family: "Halimun_1"; } @media (min-width: 1200px) { h1 { font-size: 6.375rem; } } h2 { font-size: calc(1.5rem + 3vw); font-weight: 600; } @media (min-width: 1200px) { h2 { font-size: 3.75rem; } } h3 { font-size: calc(1.35rem + 1.2vw); } @media (min-width: 1200px) { h3 { font-size: 2.25rem; } } h4 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { h4 { font-size: 2rem; } } .subtitle { font-size: calc(1.35rem + 1.2vw); font-family: "quicksand"; font-weight: 200; } @media (min-width: 1200px) { .subtitle { font-size: 2.25rem; } } p, ul, li { margin-bottom: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { p, ul, li { margin-bottom: 1.75rem; } } p:last-of-type, li:last-of-type { margin-bottom: 0; } body { padding: 0 !important; margin: 0 !important; } /*** The new CSS reset - version 1.7.3 (last updated 7.8.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; transition: all 0.2s ease-in-out; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::-moz-placeholder { color: unset; } ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } input, textarea, select { all: revert; } a, p a { color: #27251f; } a:hover, p a:hover { color: #347684; } body { overflow-x: hidden; line-height: 1.2; color: #27251f; } body.admin-bar .site-header { margin-top: 32px; } @media screen and (max-width: 782px) { body.admin-bar .site-header { margin-top: 46px; } } .wrapper { max-width: 1130px; margin: 0 auto; padding: 0 20px; } @media (min-width: 1176px) { .wrapper { padding: 0; } } html #wpadminbar { position: fixed !important; } .no-top--space { padding-top: 0 !important; } .no-bottom--space { padding-bottom: 0 !important; } .button { display: inline-block; color: #b09a38; line-height: normal; text-align: center; border: 2px solid #b09a38; font-weight: 600; overflow: hidden; } .button:hover { filter: brightness(0.7); color: #080700; } .button__small { padding: 0.5rem calc(1.28125rem + 0.375vw); border-radius: 18px; font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { .button__small { padding: 0.5rem 1.5625rem; } } @media (min-width: 1200px) { .button__small { font-size: 1.5rem; } } .button__medium { padding: 0.625rem calc(1.30625rem + 0.675vw) 0.5rem; font-size: calc(1.34375rem + 1.125vw); border-radius: 10px; } @media (min-width: 1200px) { .button__medium { padding: 0.625rem 1.8125rem 0.5rem; } } @media (min-width: 1200px) { .button__medium { font-size: 2.1875rem; } } .button__large { border-radius: 17px; font-size: calc(1.35rem + 1.2vw); border-radius: 23px; border-width: 5px; padding: 0.625rem calc(1.30625rem + 0.675vw) 0.5rem; } @media (min-width: 1200px) { .button__large { font-size: 2.25rem; } } @media (min-width: 1200px) { .button__large { padding: 0.625rem 1.8125rem 0.5rem; } } @media (min-width: 768px) { .button__large { padding: 1.0625rem calc(1.725rem + 5.7vw); } } @media (min-width: 768px) and (min-width: 1200px) { .button__large { padding: 1.0625rem 6rem; } } .button__white { color: #fff; border-color: #fff; } .button__white:hover { color: #080700; } .button__translucent { position: relative; } .button__translucent:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.9; } .button__translucent span { position: relative; } .button__solid { border: none; background-color: #b09a38; color: #fff; } .button__solid.button__blue { background-color: #347684; color: #fff; } .button__solid.button__white { background-color: #fff; color: #347684; } .button__italic { font-family: "Halimun_1"; font-size: calc(1.275rem + 0.3vw); font-weight: 200; } @media (min-width: 1200px) { .button__italic { font-size: 1.5rem; } } .hero { padding: calc(3.175rem + 23.1vw) 0 calc(4.75rem + 42vw); text-align: center; color: #fff; max-height: 742px; height: calc(300px + 40vw); background-repeat: no-repeat; background-size: cover; background-position: center 50px; position: relative; } @media (min-width: 1200px) { .hero { padding: 20.5rem 0 36.25rem; } } @media (min-width: 401px) { .hero { padding: calc(3.175rem + 23.1vw) 0 calc(1.83125rem + 6.975vw); } } @media (min-width: 401px) and (min-width: 1200px) { .hero { padding: 20.5rem 0 7.0625rem; } } @media (min-width: 1920px) { .hero { padding: calc(3.8rem + 30.6vw) 0 calc(1.83125rem + 6.975vw); } } @media (min-width: 1920px) and (min-width: 1200px) { .hero { padding: 26.75rem 0 7.0625rem; } } @media (min-width: 1701px) { .hero { max-height: 1042px; height: calc(200px + 40vw); } } .hero::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #080700; opacity: 0.4; } @media (min-width: 1701px) { .hero { max-height: 1042px; } } .hero__container { position: relative; } .hero__title { margin-bottom: 0; } .hero__button { margin-top: calc(1.4125rem + 1.95vw); } @media (min-width: 1200px) { .hero__button { margin-top: 2.875rem; } } body:not(body.home) .hero { max-height: 700px; height: calc(300px + 40vw); } .text-block { background-position: top; background-repeat: no-repeat; padding: calc(1.59375rem + 4.125vw) 0 calc(1.4375rem + 2.25vw); background-size: contain; } @media (min-width: 1200px) { .text-block { padding: 4.6875rem 0 3.125rem; } } .text-block__less-padding { padding: calc(1.3125rem + 0.75vw) 0; } @media (min-width: 1200px) { .text-block__less-padding { padding: 1.875rem 0; } } .text-block__glitter { padding: calc(1.75rem + 6vw) 0 calc(1.4375rem + 2.25vw); } @media (min-width: 1200px) { .text-block__glitter { padding: 6.25rem 0 3.125rem; } } @media (min-width: 1601px) { .text-block__glitter { padding: calc(1.875rem + 7.5vw) 0 calc(1.4375rem + 2.25vw); } } @media (min-width: 1601px) and (min-width: 1200px) { .text-block__glitter { padding: 7.5rem 0 3.125rem; } } .text-block__dark { background-size: contain; } @media (min-width: 961px) { .text-block__dark { background-size: 100% 26%; } } .text-block__title { font-weight: 600; } .text-block__title-image { margin: 0 auto calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { .text-block__title-image { margin: 0 auto 1.75rem; } } .text-block__title, .text-block__highlight { color: #b09a38; text-align: center; } .text-block__title.secondary, .text-block__highlight.secondary { color: #347684; } .text-block__highlight { margin-bottom: 1.25rem; font-size: calc(1.325rem + 0.9vw); font-weight: 600; color: #b09a38; } @media (min-width: 1200px) { .text-block__highlight { font-size: 2rem; } } .text-block__highlight br { display: none; } @media (min-width: 1151px) { .text-block__highlight br { display: block; } } .text-block a { color: #b09a38; text-decoration: none; font-weight: 600; } .text-block a:hover { color: #080700; } .text-block strong, .text-block b { color: #b09a38; } .text-block iframe { max-width: 794px; width: 100%; max-height: 445px; height: calc(177px + 14vw); margin: auto; } .text-block__button { text-align: center; margin: calc(1.84375rem + 7.125vw) 0 calc(1.625rem + 4.5vw); position: relative; } @media (min-width: 1200px) { .text-block__button { margin: 7.1875rem 0 5rem; } } .text-block__button .button { position: relative; } .text-block__button:before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 150%; height: 460%; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url("/wp-content/thesis/images/gold-spark-bg.png"); } .two-tiles-col__items { display: flex; flex-direction: column; } @media (min-width: 1151px) { .two-tiles-col__items { flex-direction: row; } } .two-tiles-col__item { flex-basis: 100%; padding: calc(1.875rem + 7.5vw) 1.25rem calc(1.59375rem + 4.125vw); text-align: center; background-size: cover; background-position: center center; background-repeat: no-repeat; } @media (min-width: 1200px) { .two-tiles-col__item { padding: 7.5rem 1.25rem 4.6875rem; } } @media (min-width: 1151px) { .two-tiles-col__item { flex-basis: 50%; } } .two-tiles-col__title { color: #fff; font-size: calc(1.4rem + 1.8vw); font-family: "Halimun_1"; margin-bottom: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { .two-tiles-col__title { font-size: 2.75rem; } } @media (min-width: 1200px) { .two-tiles-col__title { margin-bottom: 2.5rem; } } .two-columns-image-text { padding: calc(1.2875rem + 0.45vw) 0; background-position: top; background-repeat: no-repeat; background-size: contain; } @media (min-width: 1200px) { .two-columns-image-text { padding: 1.625rem 0; } } @media (min-width: 961px) { .two-columns-image-text { background-size: 100%; } } .two-columns-image-text__top { padding-top: calc(1.875rem + 7.5vw); } @media (min-width: 1200px) { .two-columns-image-text__top { padding-top: 7.5rem; } } .two-columns-image-text__title { text-align: center; color: #b09a38; } .two-columns-image-text__highlight { color: #b09a38; margin-top: -1.25rem; margin-bottom: calc(1.3rem + 0.6vw); font-size: calc(1.325rem + 0.9vw); font-weight: 600; color: #b09a38; text-align: center; } @media (min-width: 1200px) { .two-columns-image-text__highlight { margin-bottom: 1.75rem; } } @media (min-width: 1200px) { .two-columns-image-text__highlight { font-size: 2rem; } } .two-columns-image-text__items { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; margin: -20px -15px; } @media (min-width: 961px) { .two-columns-image-text__items { flex-direction: row; } } .two-columns-image-text__item { margin: 20px 0; margin: 20px 15px; flex: 0 0 calc(50% - 30px); text-align: center; } .two-columns-image-text__item-title { color: #b09a38; font-weight: 600; margin-bottom: 0; } .two-columns-image-text__item-title--image { margin: auto; height: 60px; display: flex; align-items: center; justify-content: center; } .two-columns-image-text__item-title--image img { max-height: 55px; } .two-columns-image-text__item-title--image---dark img { filter: brightness(100); } .two-columns-image-text__image { margin-bottom: calc(1.28125rem + 0.375vw); width: 100%; height: calc(214px + 5vw); max-height: 304px; border: 4px solid #b09a38; position: relative; border-radius: 35px; overflow: hidden; box-shadow: -1px 2px 20px 2px rgba(0, 0, 0, 0.41); } @media (min-width: 1200px) { .two-columns-image-text__image { margin-bottom: 1.5625rem; } } .two-columns-image-text__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; display: inherit; transition: all 0.5s ease-in-out; } .two-columns-image-text__image-hover--text { opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #b09a38; font-family: "Halimun_1"; width: 100%; transition: all 0.5s ease-in-out; } .two-columns-image-text__image:hover { background-color: transparent; background-image: url("/wp-content/thesis/images/image-glitter-overlay.png"); } .two-columns-image-text__image:hover .two-columns-image-text__image-hover--text { opacity: 1; } .two-columns-image-text__image:hover img { opacity: 0.14; } .two-columns-image-text__secondary .two-columns-image-text__title { color: #347684; } .two-columns-image-text__secondary .two-columns-image-text__highlight { color: #347684; } .two-columns-image-text__secondary .two-columns-image-text__item-title { color: #347684; } .two-columns-image-text__secondary .two-columns-image-text__image { border-color: #347684; background-color: #347684; } .two-columns-image-text__secondary .two-columns-image-text__image:hover { background-color: transparent; } .two-columns-image-text__secondary .two-columns-image-text__image-hover--text { color: #347684; } .flexible-content__dark .two-columns-image-text__image img { filter: grayscale(1); } .text-overlay-image { background-image: url("/wp-content/thesis/images/bw-bg.png"); background-repeat: no-repeat; background-position: center -88px; padding-bottom: calc(1.625rem + 4.5vw); } @media (min-width: 1200px) { .text-overlay-image { padding-bottom: 5rem; } } .text-overlay-image__wrapper { max-height: 467px; height: calc(355px + 10vw); background-repeat: no-repeat; background-size: contain; background-position: center center; } .text-overlay-image__inner-wrap { color: #b09a38; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); top: 49%; } .text-overlay-image__inner-wrap:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.3; } @media (min-width: 768px) { .text-overlay-image__inner-wrap:before { content: unset; } } .text-overlay-image__title { font-family: "Halimun_1"; text-align: center; margin-bottom: 0.9375rem; font-weight: 600; position: relative; } .text-overlay-image__content { font-style: italic; font-size: calc(1.3125rem + 0.75vw); position: relative; } @media (min-width: 1200px) { .text-overlay-image__content { font-size: 1.875rem; } } .image-text-col { background-color: #4298aa; color: #fff; background-image: url("/wp-content/thesis/images/white-spakles.png"); background-size: 100%; background-position: top; background-repeat: no-repeat; padding: calc(1.75rem + 6vw) 0 calc(1.9375rem + 8.25vw); } @media (min-width: 1200px) { .image-text-col { padding: 6.25rem 0 8.125rem; } } .image-text-col__title { text-align: center; } @media (min-width: 961px) { .image-text-col__items { margin: calc(-1.375rem - 1.5vw) 0; } } @media (min-width: 961px) and (min-width: 1200px) { .image-text-col__items { margin: -2.5rem 0; } } .image-text-col__item { display: flex; flex-direction: column; padding: -0.9375rem 0; } @media (min-width: 961px) { .image-text-col__item { padding: calc(1.375rem + 1.5vw) 0; margin: 0 calc(-1.28125rem - 0.375vw); } } @media (min-width: 961px) and (min-width: 1200px) { .image-text-col__item { padding: 2.5rem 0; } } @media (min-width: 961px) and (min-width: 1200px) { .image-text-col__item { margin: 0 -1.5625rem; } } @media (min-width: 961px) { .image-text-col__item { flex-direction: row; align-items: center; } } .image-text-col__item-title { margin-bottom: 0.625rem; } .image-text-col__item-content { font-size: 1.125rem; line-height: 24px; } .image-text-col__img { max-width: 100%; padding: 0.9375rem 0; margin: auto; } @media (min-width: 961px) { .image-text-col__img { padding: 0 0.78125rem; max-width: 266px; margin: 0; } } .image-text-col__text { padding: 0.9375rem 0; } @media (min-width: 961px) { .image-text-col__text { padding: 0 0.78125rem; } } .form-embed { background-color: #4298aa; background-image: url("/wp-content/thesis/images/white-spakles.png"); background-size: 100%; background-position: top; background-repeat: no-repeat; color: #fff; text-align: center; padding: calc(1.75rem + 6vw) 0 calc(1.625rem + 4.5vw); } @media (min-width: 1200px) { .form-embed { padding: 6.25rem 0 5rem; } } .form-embed h3 { margin-bottom: 0; } .form-embed__button { padding: calc(1.59375rem + 4.125vw) 0 calc(1.9375rem + 8.25vw); position: relative; } @media (min-width: 1200px) { .form-embed__button { padding: 4.6875rem 0 8.125rem; } } .form-embed__button:before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 180%; background-size: contain; background-position: center 40%; background-repeat: no-repeat; background-image: url("/wp-content/thesis/images/gold-spark-bg.png"); pointer-events: none; } @media (min-width: 961px) { .form-embed__button:before { background-position: center top; } } .form-embed__button .button { position: relative; } .form-embed__secondary { background-color: transparent; color: #080700; } .form-embed__gold { background-color: #b09a38; background-image: url("/wp-content/thesis/images/black-sparkles.png"); } .images-column { padding: calc(1.3125rem + 0.75vw) 0 calc(1.875rem + 7.5vw); overflow: hidden; } @media (min-width: 1200px) { .images-column { padding: 1.875rem 0 7.5rem; } } .images-column__title { text-align: center; color: #4298aa; margin-bottom: calc(1.34375rem + 1.125vw); } @media (min-width: 1200px) { .images-column__title { margin-bottom: 2.1875rem; } } .images-column__items { display: flex; flex-direction: column; } @media (min-width: 768px) { .images-column__items { flex-direction: row; } } .images-column__wrap { width: 80%; } @media (min-width: 768px) { .images-column__wrap { flex: 0 0 calc(50% - 16px); } } .images-column__wrap img { width: 100%; max-height: 245px; height: calc(53px + 10vw); -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .images-column__left { margin: 0 auto; margin-bottom: 20px; } @media (min-width: 768px) { .images-column__left { margin-left: 0; margin-bottom: 0; } } .images-column__right { margin: 0 auto; } @media (min-width: 768px) { .images-column__right { margin-right: 0; } } .images-column__two-images { display: grid; grid-template-columns: 1fr; gap: 20px; } @media (min-width: 768px) { .images-column__two-images { grid-template-columns: 1fr; gap: 40px 20px; } } .images-column__four-images { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } @media (min-width: 768px) { .images-column__four-images { grid-template-columns: repeat(2, 1fr); gap: 40px 20px; } } .images-column__button { text-align: center; margin-top: calc(1.84375rem + 7.125vw); position: relative; } @media (min-width: 1200px) { .images-column__button { margin-top: 7.1875rem; } } .images-column__button .button { position: relative; } .images-column__button:before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 150%; height: 460%; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url("/wp-content/thesis/images/gold-spark-bg.png"); } .site-header { z-index: 100; transition: all 0.2s ease-in-out; position: fixed; width: 100%; top: 0; left: 0; background-image: url("/wp-content/thesis/images/header-bg-collapsed.png"); background-size: 100% 100%; background-repeat: no-repeat; background-position: top; padding: 0.625rem 0; min-height: 120px; } @media (min-width: 601px) { .site-header { padding: 1.25rem 0; min-height: 202px; } } @media (min-width: 1381px) { .site-header { background-image: url("/wp-content/thesis/images/header-bg.png"); padding-bottom: 78px; background-color: transparent; padding: 0 0 calc(1.5625rem + 3.75vw); } } @media (min-width: 1381px) and (min-width: 1200px) { .site-header { padding: 0 0 4.375rem; } } .site-header__wrapper { max-width: 95%; align-items: center; display: flex; position: relative; } @media (min-width: 1381px) { .site-header__wrapper { max-width: 1355px; } } .site-header__logo { flex-shrink: 0; display: flex; align-items: center; justify-content: center; position: relative; z-index: 100; margin: 0 auto; max-width: 50px; } @media (min-width: 601px) { .site-header__logo { max-width: 98px; } } @media (min-width: 1381px) { .site-header__logo { margin: 0 1.125rem; top: 17px; max-width: unset; } } .site-header__logo img { margin: auto; } .site-header__navigation { display: flex; align-items: center; justify-content: center; display: flex; width: 100%; top: 133px; } @media (min-width: 1381px) { .site-header__navigation { left: 0; background: transparent; position: unset; opacity: 1; transition: none; } } .site-header__navigation-left .menu-header-menu-left-container { margin-left: auto; display: none; } @media (min-width: 1381px) { .site-header__navigation-left .menu-header-menu-left-container { display: block; } } .site-header__navigation-right .menu-header-right-menu-container { margin-right: auto; display: none; } @media (min-width: 1381px) { .site-header__navigation-right .menu-header-right-menu-container { display: block; } } .site-header__navigation ul { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; margin-bottom: 0; } @media (min-width: 1381px) { .site-header__navigation ul { flex-direction: row; align-items: center; padding: 0; } } .site-header__navigation ul li { line-height: 2; margin-bottom: 0; text-align: right; font-weight: 600; width: 100%; flex-shrink: 0; } .site-header__navigation ul li:first-child { margin-left: 0; } .site-header__navigation ul li:last-child { margin-right: 0; } @media (min-width: 1381px) { .site-header__navigation ul li { margin: 0 0.625rem; width: auto; text-align: left; } } .site-header__navigation ul li a { color: #fff; } @media (min-width: 1381px) { .site-header__navigation ul li a { color: #b09a38; } } .site-header__navigation ul li a:hover { color: #27251f; } .site-header__contact { flex-shrink: 0; display: none; flex-direction: column; text-align: center; margin-right: auto; } @media (min-width: 1381px) { .site-header__contact { margin-right: 0; } } @media (min-width: 601px) { .site-header__contact { display: flex; } } .site-header__menu-phone { display: flex; align-items: center; justify-content: center; margin-bottom: 5px; } .site-header__menu-phone a { color: #b09a38; font-weight: 600; display: inherit; } .site-header__menu-phone a:hover { color: #080700; } .site-header__appointment { max-width: 185px; margin-left: auto; } @media (min-width: 1381px) { .site-header__appointment { margin-left: 0; } } .site-header__appointment .button { font-size: 1rem; margin-bottom: 0.3125rem; display: none; } @media (min-width: 1381px) { .site-header__appointment .button { font-size: calc(1.275rem + 0.3vw); margin-bottom: 0; } } @media (min-width: 1381px) and (min-width: 1200px) { .site-header__appointment .button { font-size: 1.5rem; } } @media (min-width: 601px) { .site-header__appointment .button { display: inline-block; } } .site-header__menu-icon { position: relative; color: #b09a38; display: block !important; cursor: pointer; position: relative; z-index: 9999900; text-align: right; font-size: calc(1.3125rem + 0.75vw); } @media (min-width: 1200px) { .site-header__menu-icon { font-size: 1.875rem; } } .site-header__menu-icon--active { color: #fff; } .site-header__menu-icon:hover { color: #080700; } @media (min-width: 1381px) { .site-header__menu-icon { display: none !important; } } .site-header__menu-socmed { display: none; margin: 0 -6px; justify-content: center; } @media (min-width: 601px) { .site-header__menu-socmed { display: flex; } } .site-header__menu-socmed div { display: block; text-align: right; margin: 0 6px; font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { .site-header__menu-socmed div { font-size: 1.75rem; } } .site-header__menu-socmed div a { color: #b09a38; display: inherit; } .site-header__menu-socmed div a:hover { color: #080700; } .site-header__secondary-menu { display: none !important; background-color: #b09a38; position: fixed; top: 0; right: 0; height: 100vh; z-index: 9999; display: flex; flex-direction: column; justify-content: center; padding: 155px 20px 0; text-align: center; overflow-y: auto; } .site-header__secondary-menu--active { display: block !important; } .site-header__secondary-menu .site-header__appointment { margin-right: auto; margin-bottom: 0.9375rem; } .site-header__secondary-menu .site-header__appointment i { display: none !important; } .site-header__secondary-menu .button { color: #fff; border-color: #fff; display: inline-block; } .site-header__secondary-menu ul { padding: 20px; } .site-header__secondary-menu li a { color: #fff; } .site-header__secondary-menu li a:hover { color: #080700; } .site-header__secondary-menu .site-header__contact { margin: 0 auto; display: flex; } .site-header__secondary-menu .site-header__menu-phone, .site-header__secondary-menu .site-header__menu-socmed { margin: 0 auto; display: flex; } .site-header__secondary-menu .site-header__menu-phone a, .site-header__secondary-menu .site-header__menu-socmed a { color: #fff !important; } .site-header__secondary-menu .site-header__menu-phone a:hover, .site-header__secondary-menu .site-header__menu-socmed a:hover { color: #080700 !important; } .site-header__dark { background-image: url("/wp-content/thesis/images/header-bg-collapsed-dark.png"); } @media (min-width: 1381px) { .site-header__dark { background-image: url("/wp-content/thesis/images/header-bg-dark.png"); } } .scrolled .site-header::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0px 10px 24px -22px rgba(0, 0, 0, 0.75); height: 74%; } @media (min-width: 1381px) { .scrolled .site-header { box-shadow: none; background-image: url("/wp-content/thesis/images/header-bg-collapsed.png") !important; padding: calc(1.2625rem + 0.15vw) 0 calc(1.5625rem + 3.75vw); } } @media (min-width: 1381px) and (min-width: 1200px) { .scrolled .site-header { padding: 1.375rem 0 4.375rem; } } @media (min-width: 1381px) { .scrolled .site-header__logo { top: unset; max-width: 98px; } } .scrolled .site-header__dark { background-image: url("/wp-content/thesis/images/header-bg-collapsed-dark.png") !important; } .scrolled .site-header__dark a:hover { color: #fff !important; } .site-footer { padding: calc(2rem + 9vw) 0 calc(1.59375rem + 4.125vw); background-image: url("/wp-content/thesis/images/footer-bg.png"); background-repeat: no-repeat; background-position: top; background-size: 100% 60px; color: #b09a38; } @media (min-width: 1200px) { .site-footer { padding: 8.75rem 0 4.6875rem; } } @media (min-width: 768px) { .site-footer { background-size: 100%; } } @media (min-width: 1920px) { .site-footer { background-size: 100% 125px; } } .site-footer__wrapper { max-width: 924px; } .site-footer__menu { display: flex; align-items: center; justify-content: center; margin: 0 -9px; flex-direction: column; } @media (min-width: 961px) { .site-footer__menu { flex-direction: row; } } .site-footer__menu li { margin: 0 9px 26px; } .site-footer__menu li a { color: #b09a38; font-weight: 600; } .site-footer__menu li a:hover { color: #080700; } .site-footer__content { display: grid; grid-template-columns: 1fr; gap: 30px 0; align-items: center; } @media (min-width: 961px) { .site-footer__content { grid-template-columns: repeat(3, 1fr); gap: 0 25px; } } .site-footer__logo { display: block; } .site-footer__logo img { margin: auto; } .site-footer__logo a img { margin-bottom: calc(1.2625rem + 0.15vw); } @media (min-width: 1200px) { .site-footer__logo a img { margin-bottom: 1.375rem; } } .site-footer__address { line-height: 1.5; font-weight: 600; } .site-footer__address p { margin-bottom: 0; } .site-footer__address p a { display: block; text-decoration: none; } .site-footer__cta { text-align: center; } .site-footer__cta .site-header__appointment { margin: auto !important; } .site-footer .site-header__menu-icon { display: none !important; } .site-footer__dark { background-color: black; } .site-footer__dark li a:hover, .site-footer__dark a:hover { color: #fff !important; } .site-footer__dark .site-header__secondary-menu ul li:hover a { filter: brightness(0.7); } .flexible-content__dark { background-color: #000; color: #fff; } .menu-item { position: relative; z-index: 9999; } @media (min-width: 1151px) { .menu-item:hover .sub-menu { display: block; } } .menu-item .sub-menu { display: none; border-bottom: 4px solid #b09a38; } @media (min-width: 1151px) { .menu-item .sub-menu { position: absolute; background-color: #fff; top: 42px; left: -11px; } .menu-item .sub-menu li { margin-bottom: 10px; padding: 0 15px; margin: 0; } .menu-item .sub-menu li a { color: #b09a38; } .menu-item .sub-menu li:after { content: unset; } .menu-item .sub-menu li:last-of-type { margin-bottom: 0; } .menu-item .sub-menu li:hover a { color: #080700; } } .site-footer .sub-menu { display: none !important; } .donate-socmed-buttons { display: flex; margin: 0 -4px; max-height: 37px; } .donate-socmed-buttons a { margin: 0 4px; } .donate-socmed-buttons a:hover img { filter: brightness(0.7); } .donate-socmed-buttons .button { display: flex; align-items: center; justify-content: center; min-width: 137px; padding: 0.5rem calc(1.3125rem + 0.75vw); position: relative; overflow: hidden; display: table-cell; vertical-align: middle; border-radius: 10px; } @media (min-width: 1200px) { .donate-socmed-buttons .button { padding: 0.5rem 1.875rem; } } .site-header .donate-socmed-buttons .button span { position: relative; top: 2px; } @media (min-width: 768px) { .site-header .donate-socmed-buttons .button span { position: unset; } } .site-header .donate-socmed-buttons a:not(.button) { display: none; } @media (min-width: 768px) { .site-header .donate-socmed-buttons a:not(.button) { display: unset; } } .site-footer .donate-socmed-buttons .button { display: flex; align-items: center; }