/*
Theme Name: MDA
Theme URI: https://heslop.uk
Version: 1.0.0
Template: Divi
Author: https://heslop.uk
Author URI: https://heslop.uk
Text Domain: mda
*/
/*********************************************
* Divi column gap customization
* Apply class .mda-global-custom-column-settings-section
* to parent section
*********************************************/
/*********************************************
* root variables
*********************************************/
:root {
--mda-gutter: 24px;
--mda-gutter-tablet: 24px;
--mda-gutter-mobile: 24px;
--mda-outer-gutter-tablet: 50px;
--mda-outer-gutter-mobile: 24px;
--mda-mobile-spacing: 30px;
--mda-nav-breakpoint: 981px;
--mda-thumbnail-height: 125px;
--mda-thumbnail-height-tablet: 125px;
--mda-thumbnail-height-mobile: 125px;
}
/*********************************************
* MDA brand
*********************************************/
/*********************************************
* main content
*********************************************/
#main-content {
background: #EEEAE7 !important;
}
/*********************************************
* Tiempos
*********************************************/
@font-face {
font-family: 'TiemposText-Regular';
src: url('./fonts/tiempos-text-regular.woff2') format('woff2'), url('./fonts/TiemposText-Regular.otf') format('opentype');
font-weight: normal;
font-style: normal;
}
/*********************************************
* Sohne
*********************************************/
@font-face {
font-family: 'Sohne-Buch';
src: url('./fonts/soehne-buch.woff2') format('woff2'), url('./fonts/Sohne-Buch.otf') format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Sohne-Halbfett';
src: url('./fonts/soehne-halbfett.woff2') format('woff2'), url('./fonts/Sohne-Halbfett.otf') format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Sohne-Kräftig';
src: url('./fonts/soehne-kraftig.woff2') format('woff2'), url('./fonts/Sohne-Kraftig.otf') format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Sohne-Leicht';
src: url('./fonts/soehne-leicht.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
html,
body {
font-family: 'Sohne-Buch', sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: normal;
color: #3E3631;
}
.mda-h1 {
font-family: 'Sohne-Buch', sans-serif;
font-size: 54px;
line-height: 60px;
color: #3E3631;
margin-block-start: 0;
margin-block-end: 0;
}
h1 {
font-family: 'Sohne-Buch', sans-serif;
font-size: 54px;
line-height: 60px;
color: #3E3631;
margin-block-start: 0;
margin-block-end: 0;
}
.mda-font-h1b {
font-size: 54px;
line-height: 60px;
color: #3E3631;
font-family: 'Sohne-Kräftig', sans-serif;
font-weight: bold !important;
margin-block-start: 0;
margin-block-end: 0;
}
h1 strong,
.mda-h1b {
font-size: 54px;
line-height: 60px;
color: #3E3631;
font-family: 'Sohne-Kräftig', sans-serif;
font-weight: bold !important;
margin-block-start: 0;
margin-block-end: 0;
}
.mda-font-h2 {
font-family: 'Sohne-Buch', sans-serif;
font-size: 24px !important;
line-height: 30px !important;
color: #3E3631;
margin-block-start: 0;
margin-block-end: 0;
font-weight: normal;
}
h2 {
font-family: 'Sohne-Buch', sans-serif;
font-size: 24px !important;
line-height: 30px !important;
color: #3E3631;
margin-block-start: 0;
margin-block-end: 0;
font-weight: normal;
}
.mda-font-h2b {
font-family: 'Sohne-Kräftig', sans-serif;
font-size: 24px !important;
line-height: 30px !important;
font-weight: bold !important;
color: #3E3631;
margin-block-start: 0;
margin-block-end: 0;
}
h2 strong {
font-family: 'Sohne-Kräftig', sans-serif;
font-size: 24px !important;
line-height: 30px !important;
font-weight: bold !important;
color: #3E3631;
margin-block-start: 0;
margin-block-end: 0;
}
.mda-font-bc,
#mda-section-nav-main .mda-nav-center nav ul li a,
#mda-section-nav-main .mda-nav-right nav ul li a {
font-family: 'Sohne-Buch', sans-serif;
font-size: 16px !important;
line-height: 24px !important;
font-weight: normal;
color: #3E3631;
}
.mda-font-bc *,
.copy_body,
.copy_body * {
font-family: 'Sohne-Buch', sans-serif;
font-size: 16px !important;
line-height: 24px !important;
font-weight: normal;
color: #3E3631;
}
.mda-font-bcb {
font-family: 'Sohne-Buch', sans-serif;
font-size: 16px !important;
line-height: 24px !important;
font-weight: bold;
color: #3E3631;
}
.mda-font-bcb *,
.copy_body_bold *,
.copy_body_bold,
.copy_body * strong {
font-family: 'Sohne-Buch', sans-serif;
font-size: 16px !important;
line-height: 24px !important;
font-weight: bold;
color: #3E3631;
}
.mda-font-sc {
font-family: 'TiemposText-Regular', serif;
font-size: 24px !important;
line-height: 32px !important;
font-weight: normal;
color: #735040 !important;
}
.mda-font-sc *,
.copy_special,
.copy_special * {
font-family: 'TiemposText-Regular', serif;
font-size: 24px !important;
line-height: 32px !important;
font-weight: normal;
color: #735040 !important;
}
.mda-font-lc {
font-family: 'Sohne-Buch', sans-serif;
font-size: 24px !important;
line-height: 30px !important;
font-weight: normal;
color: #3E3631;
}
.mda-font-lc *,
.copy_large,
.copy_large * {
font-family: 'Sohne-Buch', sans-serif;
font-size: 24px !important;
line-height: 30px !important;
font-weight: normal;
color: #3E3631;
}
.mda-font-lcb {
font-family: 'Sohne-Halbfett', sans-serif;
font-size: 24px !important;
line-height: 30px !important;
font-weight: bold;
color: #3E3631;
}
.mda-font-lcb *,
.copy_large_bold *,
.copy_large_bold,
.copy_large * strong {
font-family: 'Sohne-Halbfett', sans-serif;
font-size: 24px !important;
line-height: 30px !important;
font-weight: bold;
color: #3E3631;
}
/*********************************************
* hyperlinks
*********************************************/
a {
color: #735040;
}
/*********************************************
* other elements
*********************************************/
hr {
border-color: #3E3631;
border-top-width: 0.1px;
border-bottom: none;
border-left: none;
border-right: none;
}
/*********************************************
* TODO
*********************************************/
.todoXXX {
outline: 2px dotted red !important;
background-color: yellow !important;
color: red !important;
}
/*********************************************
* define fullwidth row
*********************************************/
.mda_fullwidth_row {
width: 100%;
max-width: 1440px;
}
@media all and (min-width: calc(1440px + 48px)) {
.mda_fullwidth_row {
width: calc(100% - 400px - 48px) !important;
max-width: 100%;
min-width: 1440px;
}
}
/*********************************************
* adjustments for when admin bar is visible
*********************************************/
/*********************************************
* page container
*********************************************/
/*********************************************
* nav mobile
*********************************************/
/*********************************************
* nav main
*********************************************/
#debug-device-width {
position: fixed;
top: 0;
right: 0;
background: yellow;
color: red;
padding: 5px 10px;
font-family: monospace;
z-index: 9999;
min-width: 100px;
min-height: 100px;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
}
/*********************************************
* Divi overrides
*********************************************/
/*********************************************
* STICK FOOTER
*********************************************/
html,
body {
height: 100%;
margin: 0;
}
#page-container {
height: 100%;
}
#et-boc {
min-height: 100%;
display: flex;
flex-direction: column;
}
#et-main-area {
flex-grow: 1;
display: flex;
flex-direction: column;
}
#main-content {
flex-grow: 1;
}
/* Just in case footer is still collapsing */
footer,
.et-l--footer {
flex-shrink: 0;
}
/*********************************************
* GLOBAL POST CONTENT
*********************************************/
#mda_section_global_post_content {
padding: 0 var(--mda-gutter);
}
@media all and (max-width: 767px) {
#mda_section_global_post_content {
padding: 0 var(--mda-gutter);
}
}
@media all and (min-width: 768px) and (max-width: 980px) {
#mda_section_global_post_content {
padding: 0 var(--mda-outer-gutter-tablet);
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
#mda_section_global_post_content {
padding: 0 var(--mda-outer-gutter-tablet);
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
#mda_section_global_post_content {
padding: 0 var(--mda-outer-gutter-tablet);
}
}
/*********************************************
* GLOBAL FULLWIDTH (MASTHEAD)
*********************************************/
.section_global_fullwidth {
margin-right: calc(-1 * var(--mda-gutter));
margin-left: calc(-1 * var(--mda-gutter));
}
@media all and (max-width: 767px) {
.section_global_fullwidth {
margin-right: calc(-1 * var(--mda-gutter));
margin-left: calc(-1 * var(--mda-gutter));
}
}
@media all and (min-width: 768px) and (max-width: 980px) {
.section_global_fullwidth {
margin-right: calc(-1 * var(--mda-outer-gutter-tablet));
margin-left: calc(-1 * var(--mda-outer-gutter-tablet));
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.section_global_fullwidth {
margin-right: calc(-1 * var(--mda-outer-gutter-tablet));
margin-left: calc(-1 * var(--mda-outer-gutter-tablet));
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.section_global_fullwidth {
margin-right: calc(-1 * var(--mda-outer-gutter-tablet));
margin-left: calc(-1 * var(--mda-outer-gutter-tablet));
}
}
/*********************************************
* GLOBAL SECTIONS / ROWS
*********************************************/
.et_pb_section {
padding: 0;
margin: 0 auto;
}
.et_pb_section .et_pb_row {
padding: 0;
margin: 0 auto;
}
/*********************************************
* EMPTY MODULE
*********************************************/
@media all and (max-width: 767px) {
.mda_empty_col_1_of_2 .et_pb_column:nth-child(1) {
display: none;
}
}
.mda_empty_col_1_of_2 .et_pb_column:nth-child(2) {
padding: 0 !important;
}
@media all and (max-width: 767px) {
.mda_empty_col_2_of_2 .et_pb_column:nth-child(2) {
display: none;
}
}
@media all and (max-width: 767px) {
.mda_empty_col_1_of_3 .et_pb_column:nth-child(1) {
display: none;
}
}
.mda_empty_col_1_of_3 .et_pb_column:nth-child(2) {
padding: 0 !important;
}
/*********************************************
* special sections
*********************************************/
.et_pb_section {
/*********************************************
* PROJECTS
*********************************************/
/*********************************************
* FOOTER modal
*********************************************/
/*********************************************
* FOOTER CONTENT
*********************************************/
/*********************************************
* THEME BUILDER: body - all pages
*********************************************/
/*********************************************
* THEME BUILDER: body - 404
*********************************************/
/*********************************************
* GLOBAL: BACK TO TOP
*********************************************/
/*********************************************
* LEGAL
*********************************************/
}
.et_pb_section.section_project_masthead {
margin: 0 -24px 36px -24px;
}
@media all and (min-width: 768px) and (max-width: 980px) {
.et_pb_section.section_project_masthead {
margin: 0 -50px 36px -50px;
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.et_pb_section.section_project_masthead {
margin: 0 -50px 36px -50px;
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.et_pb_section.section_project_masthead {
margin: 0 -50px 36px -50px;
}
}
@media all and (max-width: 767px) {
.et_pb_section.section_project_masthead {
margin: 0 -24px 24px -24px;
}
}
.et_pb_section.section_project_intro {
padding-bottom: 30px;
}
@media all and (max-width: 767px) {
.et_pb_section.section_project_intro {
padding-bottom: 18px;
}
}
.et_pb_section.section_project_text_center {
margin-bottom: 72px;
}
.et_pb_section.section_project_text_center .et_pb_text {
margin-top: -18px;
}
@media all and (min-width: 768px) and (max-width: 980px) {
.et_pb_section.section_project_text_center {
margin-bottom: 66px;
}
.et_pb_section.section_project_text_center .et_pb_text {
margin-top: 0;
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.et_pb_section.section_project_text_center {
margin-bottom: 66px;
}
.et_pb_section.section_project_text_center .et_pb_text {
margin-top: 0;
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.et_pb_section.section_project_text_center {
margin-bottom: 66px;
}
.et_pb_section.section_project_text_center .et_pb_text {
margin-top: 0;
}
}
@media all and (max-width: 767px) {
.et_pb_section.section_project_text_center {
margin-bottom: 36px;
}
.et_pb_section.section_project_text_center .et_pb_text {
margin-top: 0;
}
}
.et_pb_section.section_project_text_right {
margin-bottom: 72px;
}
.et_pb_section.section_project_text_right .et_pb_column {
margin-top: 0;
margin-bottom: 0;
}
.et_pb_section.section_project_text_right .et_pb_text {
margin-top: -18px;
}
@media all and (min-width: 768px) and (max-width: 980px) {
.et_pb_section.section_project_text_right {
margin-bottom: 54px;
}
.et_pb_section.section_project_text_right .et_pb_text {
margin-top: 0 !important;
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.et_pb_section.section_project_text_right {
margin-bottom: 54px;
}
.et_pb_section.section_project_text_right .et_pb_text {
margin-top: 0 !important;
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.et_pb_section.section_project_text_right {
margin-bottom: 54px;
}
.et_pb_section.section_project_text_right .et_pb_text {
margin-top: 54px !important;
}
}
@media all and (max-width: 767px) {
.et_pb_section.section_project_text_right {
margin-bottom: 36px;
}
.et_pb_section.section_project_text_right .et_pb_text {
margin-top: 30px !important;
}
}
.et_pb_section.section_project_text_left {
margin-bottom: 72px;
}
.et_pb_section.section_project_text_left .et_pb_column {
margin-top: 0;
margin-bottom: 0;
}
.et_pb_section.section_project_text_left .et_pb_text {
margin-top: -18px;
}
@media all and (min-width: 768px) and (max-width: 980px) {
.et_pb_section.section_project_text_left {
margin-bottom: 54px;
}
.et_pb_section.section_project_text_left .et_pb_text {
margin-top: 0 !important;
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.et_pb_section.section_project_text_left {
margin-bottom: 54px;
}
.et_pb_section.section_project_text_left .et_pb_text {
margin-top: 0 !important;
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.et_pb_section.section_project_text_left {
margin-bottom: 54px;
}
.et_pb_section.section_project_text_left .et_pb_text {
margin-top: 0 !important;
margin-bottom: 54px !important;
}
}
@media all and (max-width: 767px) {
.et_pb_section.section_project_text_left {
margin-bottom: 30px;
}
.et_pb_section.section_project_text_left .et_pb_text {
margin-top: 0 !important;
padding-bottom: 36px !important;
}
}
.et_pb_section.section_project_general,
.et_pb_section.section_scrapbook_general {
margin-bottom: 72px;
}
.et_pb_section.section_project_general .et_pb_image,
.et_pb_section.section_scrapbook_general .et_pb_image {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.et_pb_section.section_project_general .et_pb_column:last-child,
.et_pb_section.section_scrapbook_general .et_pb_column:last-child {
padding-bottom: 0;
}
@media all and (min-width: 768px) and (max-width: 980px) {
.et_pb_section.section_project_general,
.et_pb_section.section_scrapbook_general {
margin-bottom: 54px;
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.et_pb_section.section_project_general,
.et_pb_section.section_scrapbook_general {
margin-bottom: 54px;
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.et_pb_section.section_project_general,
.et_pb_section.section_scrapbook_general {
margin-bottom: 54px;
}
}
@media all and (max-width: 767px) {
.et_pb_section.section_project_general,
.et_pb_section.section_scrapbook_general {
margin-bottom: 30px;
}
}
@media all and (max-width: 767px) {
.et_pb_section.mda_section_contact_modal {
padding: 60px 24px 0 24px;
}
}
.et_pb_section#mda-section-footer {
padding: 60px 24px 200px 24px;
}
@media all and (min-width: 768px) and (max-width: 980px) {
.et_pb_section#mda-section-footer {
padding: 36px 50px 36px 50px;
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.et_pb_section#mda-section-footer {
padding: 36px 50px 36px 50px;
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.et_pb_section#mda-section-footer {
padding: 36px 50px 36px 50px;
}
}
@media all and (max-width: 767px) {
.et_pb_section#mda-section-footer {
padding: 36px 24px 36px 24px;
}
}
.et_pb_section.mda_template_section_fullwidth {
padding: 0 24px 0 24px;
}
@media all and (min-width: 768px) and (max-width: 980px) {
.et_pb_section.mda_template_section_fullwidth {
padding: 0 50px 0 50px;
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.et_pb_section.mda_template_section_fullwidth {
padding: 0 50px 0 50px;
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.et_pb_section.mda_template_section_fullwidth {
padding: 0 50px 0 50px;
}
}
@media all and (max-width: 767px) {
.et_pb_section.mda_template_section_fullwidth {
padding: 0 24px 0 24px;
}
}
.et_pb_section.mda_template_section_404 {
margin: 72px 0 0 0;
padding: 150px 24px 150px 24px;
}
@media all and (min-width: 768px) and (max-width: 980px) {
.et_pb_section.mda_template_section_404 {
margin: 60px 0 0 0;
padding: 150px 50px 150px 50px;
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.et_pb_section.mda_template_section_404 {
margin: 60px 0 0 0;
padding: 150px 50px 150px 50px;
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.et_pb_section.mda_template_section_404 {
margin: 60px 0 0 0;
padding: 150px 50px 150px 50px;
}
}
@media all and (max-width: 767px) {
.et_pb_section.mda_template_section_404 {
margin: 60px 0 0 0;
padding: 150px 50px 150px 50px;
}
}
.et_pb_section.mda-section-back-to-top {
margin: 60px 24px 72px 24px;
}
@media all and (min-width: 768px) and (max-width: 980px) {
.et_pb_section.mda-section-back-to-top {
margin: 60px 50px 72px 50px;
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.et_pb_section.mda-section-back-to-top {
margin: 60px 50px 72px 50px;
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.et_pb_section.mda-section-back-to-top {
margin: 60px 50px 72px 50px;
}
}
@media all and (max-width: 767px) {
.et_pb_section.mda-section-back-to-top {
margin: 54px 24px 60px 24px;
}
}
.et_pb_section.scetion_special_legal {
padding: 150px 0;
}
/*********************************************
* BACK TO TOP FIX
*********************************************/
body.single-post #main-content .et_builder_inner_content:first-of-type .et_builder_inner_content:first-of-type .et_pb_section:last-child,
body.single-project #main-content .et_builder_inner_content:first-of-type .et_builder_inner_content:first-of-type .et_pb_section:last-child {
margin-bottom: 0;
}
/*********************************************
* Divi Gallery (GRID) Customisation
*********************************************/
.et_pb_gallery.et_pb_gallery_grid .et_pb_gallery_items {
display: flex;
gap: var(--mda-gutter);
flex-wrap: wrap;
}
@media all and (max-width: 767px) {
.et_pb_gallery.et_pb_gallery_grid .et_pb_gallery_items {
gap: 12px;
}
}
.et_pb_gallery.et_pb_gallery_grid .et_pb_gallery_items .et_pb_gallery_item {
width: auto;
margin: 0;
padding: 0;
cursor: pointer;
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
overflow: hidden;
}
.et_pb_gallery.et_pb_gallery_grid .et_pb_gallery_items .et_pb_gallery_item.portrait {
aspect-ratio: 2/1;
width: calc((100% - (var(--mda-gutter) * 11)) / 12);
}
@media all and (max-width: 767px) {
.et_pb_gallery.et_pb_gallery_grid .et_pb_gallery_items .et_pb_gallery_item.portrait {
width: calc((100% - (var(--mda-gutter-mobile) * 5)) / 6);
}
}
.et_pb_gallery.et_pb_gallery_grid .et_pb_gallery_items .et_pb_gallery_item.landscape {
aspect-ratio: 6/4;
width: calc((100% - (var(--mda-gutter) * 5)) / 6);
}
@media all and (max-width: 767px) {
.et_pb_gallery.et_pb_gallery_grid .et_pb_gallery_items .et_pb_gallery_item.landscape {
width: calc((100% + 22px - (var(--mda-gutter-mobile) * 2)) / 3);
}
}
.et_pb_gallery.et_pb_gallery_grid .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image {
width: 100%;
height: 100%;
}
.et_pb_gallery.et_pb_gallery_grid .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image a {
position: relative;
display: block;
width: 100%;
height: 100%;
}
.et_pb_gallery.et_pb_gallery_grid .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image a img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
display: block;
}
.et_pb_gallery.et_pb_gallery_grid .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_title {
display: none;
}
.et_pb_gallery.et_pb_gallery_grid .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_caption {
display: none;
}
/*********************************************
* Divi Gallery (SLIDER) Customisation
*********************************************/
.et_pb_gallery.et_pb_slider {
position: relative;
overflow: visible;
width: 100% !important;
max-width: 100% !important;
/*********************************************
* items
*********************************************/
/*********************************************
* arrows
*********************************************/
/*********************************************
* controllers
*********************************************/
}
.et_pb_gallery.et_pb_slider .et_pb_gallery_items {
display: flex !important;
align-items: stretch;
justify-content: center;
width: 100% !important;
max-width: 100% !important;
overflow: hidden;
margin: 0 auto;
position: relative;
aspect-ratio: 708 / 472;
}
.et_pb_gallery.et_pb_slider .et_pb_gallery_items .et_pb_gallery_item {
max-height: none !important;
position: absolute;
top: 0;
left: 0 !important;
width: 100% !important;
height: 100% !important;
opacity: 0;
visibility: hidden;
z-index: 0;
transform: none !important;
margin-right: 0 !important;
}
.et_pb_gallery.et_pb_slider .et_pb_gallery_items .et_pb_gallery_item.et-pb-active-slide {
position: relative;
opacity: 1;
visibility: visible;
z-index: 2;
}
.et_pb_gallery.et_pb_slider .et_pb_gallery_items .et_pb_gallery_item.et-pb-moved-slide {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
z-index: 0 !important;
}
.et_pb_gallery.et_pb_slider .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image {
display: flex;
justify-content: center;
align-items: stretch;
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
}
.et_pb_gallery.et_pb_slider .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image a {
display: block;
width: 100% !important;
height: 100% !important;
pointer-events: none;
}
.et_pb_gallery.et_pb_slider .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image a img {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
}
.et_pb_gallery.et_pb_slider .et-pb-slider-arrows {
position: absolute;
inset: 0;
z-index: 10;
pointer-events: none;
margin-top: 30px;
}
.et_pb_gallery.et_pb_slider .et-pb-slider-arrows .et-pb-arrow-prev,
.et_pb_gallery.et_pb_slider .et-pb-slider-arrows .et-pb-arrow-next {
position: absolute;
top: 0;
bottom: 0;
width: 44px;
display: flex;
align-items: center;
justify-content: center;
pointer-events: all;
}
.et_pb_gallery.et_pb_slider .et-pb-slider-arrows .et-pb-arrow-prev:before,
.et_pb_gallery.et_pb_slider .et-pb-slider-arrows .et-pb-arrow-next:before {
width: 20px;
height: 20px;
content: '';
background-repeat: no-repeat;
background-position: center;
}
.et_pb_gallery.et_pb_slider .et-pb-slider-arrows .et-pb-arrow-prev {
left: 0;
}
.et_pb_gallery.et_pb_slider .et-pb-slider-arrows .et-pb-arrow-prev:before {
background-image: url('./svg/Buttons/Light/MDA-Left-Light.svg');
}
@media all and (min-width: 768px) and (max-width: 980px) {
.et_pb_gallery.et_pb_slider .et-pb-slider-arrows .et-pb-arrow-prev:before {
background-image: none;
}
}
@media all and (max-width: 767px) {
.et_pb_gallery.et_pb_slider .et-pb-slider-arrows .et-pb-arrow-prev:before {
background-image: none;
}
}
.et_pb_gallery.et_pb_slider .et-pb-slider-arrows .et-pb-arrow-next {
right: 0;
}
.et_pb_gallery.et_pb_slider .et-pb-slider-arrows .et-pb-arrow-next:before {
background-image: url('./svg/Buttons/Light/MDA-Right-Light.svg');
}
@media all and (min-width: 768px) and (max-width: 980px) {
.et_pb_gallery.et_pb_slider .et-pb-slider-arrows .et-pb-arrow-next:before {
background-image: none;
}
}
@media all and (max-width: 767px) {
.et_pb_gallery.et_pb_slider .et-pb-slider-arrows .et-pb-arrow-next:before {
background-image: none;
}
}
.et_pb_gallery.et_pb_slider .et-pb-controllers {
pointer-events: none;
display: flex;
flex-direction: row;
justify-content: flex-end;
position: absolute;
width: auto;
bottom: -21px;
right: 0;
align-items: center;
height: 15px;
}
.et_pb_gallery.et_pb_slider .et-pb-controllers a {
display: inline-block;
pointer-events: all;
background: none;
padding: 7px;
margin: 0;
}
.et_pb_gallery.et_pb_slider .et-pb-controllers a:after {
border-radius: 7px;
position: absolute;
top: 5px;
content: '';
display: block;
width: 5px;
height: 5px;
opacity: 1;
background-color: #CEC7C2;
}
.et_pb_gallery.et_pb_slider .et-pb-controllers a.et-pb-active-control:after {
background-color: #735040;
}
/*********************************************
* ratios
*********************************************/
.et_pb_column_1_1 .et_pb_gallery.et_pb_slider .et_pb_gallery_items,
.et_pb_column_2_2 .et_pb_gallery.et_pb_slider .et_pb_gallery_items,
.et_pb_column_3_3 .et_pb_gallery.et_pb_slider .et_pb_gallery_items,
.et_pb_column_4_4 .et_pb_gallery.et_pb_slider .et_pb_gallery_items {
aspect-ratio: 1440 / 472;
}
.et_pb_column_1_2 .et_pb_gallery.et_pb_slider .et_pb_gallery_items {
aspect-ratio: 708 / 472;
}
.et_pb_column_1_3 .et_pb_gallery.et_pb_slider .et_pb_gallery_items {
aspect-ratio: 464 / 309;
}
.et_pb_column_1_4 .et_pb_gallery.et_pb_slider .et_pb_gallery_items {
aspect-ratio: 342 / 472;
}
/*********************************************
* DIVISPIDER.COM - custom px guttering
*********************************************/
/*********************************************
* SETUP
*********************************************/
/*********************************************
* UTILITIES
*********************************************/
.full-width-column {
width: 100%;
margin-right: 0;
}
.full-width-column-forced {
width: 100% !important;
margin-right: 0;
}
/*********************************************
* DEV PAGE
*********************************************/
.mda_custom_grid_layouts .et_pb_row {
margin: 40px 0;
background-color: red;
}
.mda_custom_grid_layouts .et_pb_row .et_pb_column {
background: green;
text-align: center;
color: white;
}
/*********************************************
* DESKTOP DEFAULTS
*********************************************/
#main-content .et_builder_inner_content .et_pb_row .et_pb_column {
margin-right: var(--mda-gutter);
}
#main-content .et_builder_inner_content .et_pb_row .et_pb_column_1_1,
#main-content .et_builder_inner_content .et_pb_row .et_pb_column_4_4 {
width: 100%;
margin-right: 0;
}
#main-content .et_builder_inner_content .et_pb_row .et_pb_column_1_2 {
width: calc((100% - (var(--mda-gutter) * 1)) / 2);
}
#main-content .et_builder_inner_content .et_pb_row .et_pb_column_1_3 {
width: calc((100% - (var(--mda-gutter) * 2)) / 3);
}
#main-content .et_builder_inner_content .et_pb_row .et_pb_column_2_3 {
width: calc(var(--mda-gutter) + (2 * calc((100% - (var(--mda-gutter) * 2)) / 3)));
}
#main-content .et_builder_inner_content .et_pb_row .et_pb_column_1_4 {
width: calc((100% - (var(--mda-gutter) * 3)) / 4);
}
#main-content .et_builder_inner_content .et_pb_row .et_pb_column_3_4 {
width: calc((2 * var(--mda-gutter)) + (3 * calc((100% - (var(--mda-gutter) * 3)) / 4)));
}
#main-content .et_builder_inner_content .et_pb_row .et_pb_column_1_5 {
width: calc((100% - (var(--mda-gutter) * 4)) / 5);
}
#main-content .et_builder_inner_content .et_pb_row .et_pb_column_2_5 {
width: calc(var(--mda-gutter) + (2 * calc((100% - (var(--mda-gutter) * 4)) / 5)));
}
#main-content .et_builder_inner_content .et_pb_row .et_pb_column_3_5 {
width: calc((2 * var(--mda-gutter)) + (3 * calc((100% - (var(--mda-gutter) * 4)) / 5)));
}
#main-content .et_builder_inner_content .et_pb_row .et_pb_column_4_5 {
width: calc((3 * var(--mda-gutter)) + (4 * calc((100% - (var(--mda-gutter) * 4)) / 5)));
}
#main-content .et_builder_inner_content .et_pb_row .et_pb_column_1_6 {
width: calc((100% - (var(--mda-gutter) * 5)) / 6);
}
#main-content .et_builder_inner_content .et_pb_row .et_pb_column_5_6 {
width: calc((4 * var(--mda-gutter)) + (5 * calc((100% - (var(--mda-gutter) * 5)) / 6)));
}
/*********************************************
* TABLET OVERRIDES (for RETINA SEE BELOW)
*********************************************/
@media all and (min-width: 768px) and (max-width: 980px) {
#main-content .et_builder_inner_content .et_pb_row:not(:has(.et_pb_column_1_3, .et_pb_column_1_4, .et_pb_column_1_5, .et_pb_column_1_6)) .et_pb_column_1_2 {
width: calc((100% - (var(--mda-gutter) * 1)) / 2);
margin-bottom: 0;
}
#main-content .et_builder_inner_content .et_pb_row:has(> .et_pb_column_1_3, > .et_pb_column_1_4, > .et_pb_column_1_5, > .et_pb_column_1_6) .et_pb_column_1_2 {
width: 100%;
margin-right: 0;
}
#main-content .et_builder_inner_content .et_pb_row .et_pb_column_1_2 {
width: calc((100% - (var(--mda-gutter) * 1)) / 2);
}
#main-content .et_builder_inner_content .et_pb_row .et_pb_column_2_3 {
width: 100% !important;
margin-right: 0;
}
#main-content .et_builder_inner_content .et_pb_row .et_pb_column_1_4 {
width: calc((100% - (var(--mda-gutter) * 1)) / 2);
}
#main-content .et_builder_inner_content .et_pb_row .et_pb_column_1_4 ~ .et_pb_column_3_4 {
width: 100%;
margin-right: 0;
}
#main-content .et_builder_inner_content .et_pb_row:has(> .et_pb_column_3_4) .et_pb_column_1_4 {
width: 100% !important;
margin-right: 0;
}
#main-content .et_builder_inner_content .et_pb_row:has(> .et_pb_column_3_4) .et_pb_column_3_4 {
width: 100% !important;
margin-right: 0;
}
#main-content .et_builder_inner_content .et_pb_row:has(> .et_pb_column_1_2):has(:first-child.et_pb_column_1_2) .et_pb_column_1_4 {
margin-right: var(--mda-gutter);
}
#main-content .et_builder_inner_content .et_pb_row:has(> .et_pb_column_1_2):has(:last-child.et_pb_column_1_2) .et_pb_column_1_4 {
margin-right: var(--mda-gutter);
}
#main-content .et_builder_inner_content .et_pb_row:has(> .et_pb_column_1_2):has(:last-child.et_pb_column_1_2) .et_pb_column_1_4:nth-of-type(2) {
margin-right: 0;
}
#main-content .et_builder_inner_content .et_pb_row:has(> .et_pb_column_1_2):has(:nth-child(2).et_pb_column_1_2) .et_pb_column_1_4 {
width: 100%;
margin-right: 0;
}
#main-content .et_builder_inner_content .et_pb_row:not(:has(> .et_pb_column_1_2)) .et_pb_column_1_4:nth-child(even),
#main-content .et_builder_inner_content .et_pb_row:not(:has(> .et_pb_column_1_2)) .et_pb_column_1_4:last-child {
margin-right: 0;
}
#main-content .et_builder_inner_content .et_pb_row .et_pb_column_1_5 {
width: calc((100% - (var(--mda-gutter) * 1)) / 2) !important;
}
#main-content .et_builder_inner_content .et_pb_row .et_pb_column_1_5:nth-child(even) {
margin-right: 0;
}
#main-content .et_builder_inner_content .et_pb_row .et_pb_column_3_5 {
width: 100% !important;
margin-right: 0;
}
#main-content .et_builder_inner_content .et_pb_row:has(> .et_pb_column_3_5) .et_pb_column_2_5 {
width: 100%;
margin-right: 0;
}
#main-content .et_builder_inner_content .et_pb_row:has(> .et_pb_column_3_5):has(:nth-child(2).et_pb_column_3_5) .et_pb_column_1_5 {
width: 100% !important;
margin-right: 0;
}
#main-content .et_builder_inner_content .et_pb_row:has(> .et_pb_column_3_5):has(:nth-child(1).et_pb_column_3_5) .et_pb_column_1_5 {
width: calc((100% - (var(--mda-gutter) * 1)) / 2) !important;
margin-right: var(--mda-gutter);
}
#main-content .et_builder_inner_content .et_pb_row:has(> .et_pb_column_3_5):has(:nth-child(1).et_pb_column_3_5) .et_pb_column_1_5.last-child {
margin-right: 0;
}
#main-content .et_builder_inner_content .et_pb_row .et_pb_column_1_6 {
width: calc((100% - (var(--mda-gutter) * 2)) / 3);
}
#main-content .et_builder_inner_content .et_pb_row:has(> .et_pb_column_1_2) .et_pb_column_1_6 {
margin-right: var(--mda-gutter);
}
#main-content .et_builder_inner_content .et_pb_row:has(> .et_pb_column_1_2):has(:first-child.et_pb_column_1_2) .et_pb_column_1_6:nth-of-type(3) {
margin-right: var(--mda-gutter);
}
#main-content .et_builder_inner_content .et_pb_row:has(> .et_pb_column_1_2):has(:last-child.et_pb_column_1_2) .et_pb_column_1_6:nth-of-type(3) {
margin-right: 0;
}
#main-content .et_builder_inner_content .et_pb_row:not(:has(> .et_pb_column_1_2)) .et_pb_column_1_6:nth-child(3) {
margin-right: 0;
}
}
/*********************************************
* 20251002-1441
* FIX: section / column spacing
* ADD mobile orverrides
*********************************************/
#main-content .et_builder_inner_content .et_pb_section .et_pb_row {
/*********************************************
* SPECIAL EMPTY MODUKE CASES
*********************************************/
}
#main-content .et_builder_inner_content .et_pb_section .et_pb_row .et_pb_column {
margin-bottom: 0;
}
@media all and (max-width: 767px) {
#main-content .et_builder_inner_content .et_pb_section .et_pb_row .et_pb_column {
width: 100%;
margin-right: 0;
margin-bottom: var(--mda-mobile-spacing);
}
#main-content .et_builder_inner_content .et_pb_section .et_pb_row .et_pb_column:last-child {
margin-bottom: 0;
}
}
#main-content .et_builder_inner_content .et_pb_section .et_pb_row.mda_row_column_empty_1 .et_pb_column:nth-child(1) {
margin-bottom: 0;
}
#main-content .et_builder_inner_content .et_pb_section .et_pb_row.mda_row_column_empty_2 .et_pb_column:nth-child(1) {
margin-bottom: 0;
}
#main-content .et_builder_inner_content .et_pb_section .et_pb_row.mda_row_column_empty_3 .et_pb_column:nth-child(2) {
margin-bottom: 0;
}
.et_pb_video_overlay {
z-index: 5;
}
.mda-divi-video-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('./svg/mda-play.svg') no-repeat center center;
background-size: 20%;
cursor: pointer;
z-index: 200;
}
@media all and (min-width: 981px) {
.mda-divi-video-overlay {
background-size: 15%;
}
}
.mda-divi-video-catcher {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 15;
cursor: pointer;
}
/*********************************************
* Navigation
*********************************************/
/*********************************************
* section
*********************************************/
#mda-section-nav-main {
padding: 0 24px;
/*********************************************
* CENTER / RIGHT
*********************************************/
/*********************************************
* CENTER
*********************************************/
/*********************************************
* RIGHT
*********************************************/
/*********************************************
* BREAKPOINT @ --mda-nav-breakpoint
*********************************************/
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
#mda-section-nav-main {
padding: 0 50px;
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
#mda-section-nav-main {
padding: 0 50px;
}
}
#mda-section-nav-main .et_pb_row {
width: 100%;
max-width: 1440px;
}
@media all and (min-width: calc(1440px + 48px)) {
#mda-section-nav-main .et_pb_row {
width: calc(100% - 400px - 48px) !important;
max-width: 100%;
min-width: 1440px;
}
}
#mda-section-nav-main .mda-nav-center .et_pb_menu__menu,
#mda-section-nav-main .mda-nav-right .et_pb_menu__menu {
width: 100%;
}
#mda-section-nav-main .mda-nav-center nav,
#mda-section-nav-main .mda-nav-right nav {
width: 100%;
display: flex;
justify-content: center;
}
#mda-section-nav-main .mda-nav-center nav ul,
#mda-section-nav-main .mda-nav-right nav ul {
display: flex;
margin: 0 !important;
padding: 0;
}
#mda-section-nav-main .mda-nav-center nav ul li,
#mda-section-nav-main .mda-nav-right nav ul li {
padding: 0 !important;
margin: 0 !important;
}
#mda-section-nav-main .mda-nav-center nav ul li a,
#mda-section-nav-main .mda-nav-right nav ul li a {
padding: 8px 18px !important;
text-transform: uppercase;
color: #735040;
}
#mda-section-nav-main .mda-nav-center nav ul li a:hover,
#mda-section-nav-main .mda-nav-right nav ul li a:hover {
color: #3E3631;
}
#mda-section-nav-main .mda-nav-center nav ul {
justify-content: center;
align-items: center;
}
#mda-section-nav-main .mda-nav-right {
margin: 0 !important;
}
#mda-section-nav-main .mda-nav-right nav {
justify-content: flex-end;
}
#mda-section-nav-main .mda-nav-right nav ul li a {
padding-right: 0 !important;
color: #CEC7C2 !important;
}
#mda-section-nav-main .mda-nav-right nav ul li a:hover {
color: #735040 !important;
}
@media all and (max-width: 980px) {
#mda-section-nav-main .mda-nav-right {
display: none;
}
#mda-section-nav-main .et_pb_row {
display: flex;
}
#mda-section-nav-main .et_pb_row .et_pb_column {
margin: 0;
}
#mda-section-nav-main .et_pb_column:nth-of-type(1) {
width: 80% !important;
}
#mda-section-nav-main .et_pb_column:nth-of-type(2) {
display: none;
}
#mda-section-nav-main .et_pb_column:nth-of-type(3) {
width: 20% !important;
}
}
/*********************************************
* hide/show on scroll
*********************************************/
#mda-section-nav-main {
transition: top 0.3s ease;
top: 0;
position: fixed;
width: 100%;
z-index: 999;
}
#mda-section-nav-main.nav-hidden {
top: -100px;
}
.mda-mobile-nav-container {
position: relative;
display: flex;
justify-content: flex-end;
/*********************************************
* BURGER
*********************************************/
}
@media all and (min-width: 981px) {
.mda-mobile-nav-container {
display: none !important;
}
}
.mda-mobile-nav-container .mda-mobile-burger {
cursor: pointer;
width: 22px;
height: 22px;
background-image: url('/wp-content/themes/mda/svg/Buttons/Mid/MDA-Menu-Mid.svg');
background-repeat: no-repeat;
background-position: center center;
}
.mda-mobile-nav-container .mda-mobile-burger.active {
color: red;
background-image: url('/wp-content/themes/mda/svg/Buttons/Mid/MDA-Close-Mid.svg');
}
/*********************************************
* VISIBILITY
*********************************************/
.mda-mobile-nav {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100vw;
background: #EEEAE7;
margin-top: 60px;
height: 100%;
}
.mda-mobile-nav.active {
display: block;
}
@media all and (min-width: 768px) and (max-width: 980px) {
.mda-mobile-nav {
padding: 0 var(--mda-outer-gutter-tablet);
padding-bottom: var(--mda-gutter-mobile);
}
}
@media all and (max-width: 767px) {
.mda-mobile-nav {
padding: 0 var(--mda-outer-gutter-mobile);
padding-bottom: var(--mda-gutter-mobile);
}
}
/*********************************************
* STYLING
*********************************************/
nav.mda-mobile-nav ul {
list-style-type: none;
width: 100%;
margin: 0;
padding: 0;
}
nav.mda-mobile-nav ul li {
width: 100%;
}
nav.mda-mobile-nav ul li a {
height: 50px;
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
text-transform: uppercase;
padding: 0 var(--mda-gutter-mobile);
margin-left: calc(-1 * var(--mda-gutter-mobile));
}
nav.mda-mobile-nav ul li a:hover {
color: #735040;
}
nav.mda-mobile-nav ul li:last-of-type a {
color: #CEC7C2;
}
/*********************************************
* Core elements
*********************************************/
#mda-section-footer {
z-index: 1000;
}
#mda-section-footer #mda-row-footer .et_pb_column {
display: flex;
justify-content: space-between;
}
#mda-section-footer #mda-row-footer .et_pb_column .et_pb_module {
width: auto;
margin: 0;
}
#mda-section-footer #mda-row-footer .et_pb_column .et_pb_module ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#mda-section-footer #mda-row-footer .et_pb_column .et_pb_module ul li a {
cursor: pointer;
color: #EEEAE7;
}
#mda-section-footer #mda-row-footer .et_pb_column .et_pb_module ul li a:hover {
color: #CEC7C2;
}
/*********************************************
* TABLET
*********************************************/
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
#mda-section-footer #mda-row-footer .et_pb_column .footer-logo {
display: none;
}
#mda-section-footer #mda-row-footer .et_pb_column .footer-address {
display: none;
}
}
/*********************************************
* MOBILE
*********************************************/
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
#mda-section-footer #mda-row-footer .et_pb_column {
flex-direction: column;
}
#mda-section-footer #mda-row-footer .et_pb_column .et_pb_module {
width: 100%;
margin-bottom: 10px;
}
#mda-section-footer #mda-row-footer .et_pb_column .et_pb_module a {
display: inline-block;
padding: 12px 0;
}
#mda-section-footer #mda-row-footer .et_pb_column .footer-logo {
display: none;
}
#mda-section-footer #mda-row-footer .et_pb_column .footer-address {
display: none;
}
#mda-section-footer #mda-row-footer .et_pb_column .footer-social ul {
display: flex;
}
#mda-section-footer #mda-row-footer .et_pb_column .footer-social ul li {
width: 50%;
}
#mda-section-footer #mda-row-footer .et_pb_column .footer-legal ul {
display: flex;
}
#mda-section-footer #mda-row-footer .et_pb_column .footer-legal ul li {
width: 50%;
}
#mda-section-footer #mda-row-footer .et_pb_column .footer-copyright {
padding: 12px 0;
}
}
/*********************************************
* PAGINATION
*********************************************/
.mda-post-prev,
.mda-post-next {
display: inline-flex;
align-items: center;
width: 100%;
text-transform: uppercase;
color: #735040;
}
.mda-post-prev:after,
.mda-post-next:after {
width: 17px;
height: 17px;
display: block;
content: '';
background-repeat: no-repeat;
background-position: center;
}
.mda-post-prev div,
.mda-post-next div {
display: flex;
flex-direction: row;
}
.mda-post-prev div span:nth-of-type(1),
.mda-post-next div span:nth-of-type(1) {
margin-right: 0.25em;
}
@media all and (max-width: 767px) {
.mda-post-prev div span:nth-of-type(2),
.mda-post-next div span:nth-of-type(2) {
display: none;
}
}
.mda-post-prev {
flex-direction: row-reverse;
justify-content: flex-end;
text-align: left;
}
.mda-post-prev:after {
margin-right: 10px;
background-image: url('./svg/Buttons/Dark/MDA-Left-Dark.svg');
}
.mda-post-next {
justify-content: flex-end;
text-align: right;
}
.mda-post-next:after {
margin-left: 10px;
background-image: url('./svg/Buttons/Dark/MDA-Right-Dark.svg');
}
.mda-section-back-to-top {
margin-left: var(--mda-gutter);
margin-right: var(--mda-gutter);
}
.mda-section-back-to-top .et_pb_row {
width: 100% !important;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0 !important;
margin: 0 auto !important;
align-self: center;
width: 100%;
max-width: 1440px;
}
@media all and (min-width: calc(1440px + 48px)) {
.mda-section-back-to-top .et_pb_row {
width: calc(100% - 400px - 48px) !important;
max-width: 100%;
min-width: 1440px;
}
}
.mda-section-back-to-top .et_pb_row .et_pb_column:nth-child(1) {
margin-top: 20px;
margin-left: -5px !important;
}
.mda-section-back-to-top .et_pb_row .et_pb_column:nth-child(2) {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 5px;
}
.mda-section-back-to-top .et_pb_row .et_pb_column:nth-child(3) {
margin-top: 20px;
margin-right: -5px !important;
}
.mda-section-back-to-top .et_pb_row .et_pb_column .et_pb_module {
padding: 0 !important;
margin: 0 !important;
}
@media all and (max-width: 767px) {
.mda-section-back-to-top .et_pb_row {
padding-left: var(--mda-gutter);
padding-right: var(--mda-gutter);
}
}
@media all and (min-width: 768px) and (max-width: 980px) {
.mda-section-back-to-top .et_pb_row {
padding-left: var(--mda-outer-gutter-tablet);
padding-right: var(--mda-outer-gutter-tablet);
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.mda-section-back-to-top .et_pb_row {
padding-left: var(--mda-outer-gutter-tablet);
padding-right: var(--mda-outer-gutter-tablet);
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.mda-section-back-to-top .et_pb_row {
padding-left: var(--mda-outer-gutter-tablet);
padding-right: var(--mda-outer-gutter-tablet);
}
}
/*********************************************
* MOBILE
*********************************************/
@media all and (max-width: 767px) {
.mda-section-back-to-top .et_pb_row {
display: flex;
flex-wrap: wrap;
}
.mda-section-back-to-top .et_pb_row .et_pb_column {
flex: 1;
}
.mda-section-back-to-top .et_pb_row .et_pb_column:nth-child(1) {
order: 2;
flex: 1;
/* half width */
}
.mda-section-back-to-top .et_pb_row .et_pb_column:nth-child(2) {
order: 1;
flex: 0 0 100%;
/* full width */
}
.mda-section-back-to-top .et_pb_row .et_pb_column:nth-child(3) {
order: 2;
flex: 1;
/* half width */
}
}
/*********************************************
* TABLET
*********************************************/
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), (min-width: 768px) and (max-width: 980px) {
.mda-section-back-to-top {
margin-left: var(--mda-outer-gutter-tablet);
margin-right: var(--mda-outer-gutter-tablet);
}
}
/*********************************************
* LARGE > 1440px
*********************************************/
#mda_global_section_map_overlay {
display: none;
}
.mda-section-map {
position: fixed;
inset: 0;
width: 100vw;
height: 100vh;
z-index: 9999999;
display: none;
background: #EEEAE7;
overflow: hidden;
}
.mda-section-map.active {
display: block !important;
}
.mda-section-map .mda_map_wrapper {
position: relative;
width: 100%;
height: 100%;
box-sizing: border-box;
}
.mda-section-map .mda_map_wrapper iframe {
width: 100%;
height: 100%;
border: none;
pointer-events: auto;
display: block;
}
/*********************************************
* fitvid override
*********************************************/
.fluid-width-video-wrapper {
padding-top: 0 !important;
height: 100vh !important;
width: 100vw !important;
}
.fluid-width-video-wrapper iframe {
position: static !important;
width: 100vw !important;
height: 100vh !important;
display: block;
}
/*********************************************
* Pages
*********************************************/
/*********************************************
* CAROUSEL
*********************************************/
.mda_homepage_carousel {
position: relative;
height: 100dvh;
overflow: hidden;
margin: 0 -24px 24px -24px;
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.mda_homepage_carousel {
margin: 0 -50px 24px -50px;
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.mda_homepage_carousel {
margin: 0 -50px 24px -50px;
}
}
.mda_homepage_carousel .mda_homepage_carousel_project {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100dvh;
display: none;
/*********************************************
* DARK
*********************************************/
/*********************************************
* LIGHT
*********************************************/
}
.mda_homepage_carousel .mda_homepage_carousel_project:first-child {
display: block;
}
.mda_homepage_carousel .mda_homepage_carousel_project img {
width: 100%;
height: 100%;
object-fit: cover;
}
.mda_homepage_carousel .mda_homepage_carousel_project h2 {
width: 100%;
text-align: center;
position: absolute;
bottom: 60px;
margin: 0;
padding: 0;
}
.mda_homepage_carousel .mda_homepage_carousel_project.mda_homepage_carousel_project_dark h2 {
color: #3E3631;
}
.mda_homepage_carousel .mda_homepage_carousel_project.mda_homepage_carousel_project_dark .mda_homepage_carousel_chevron {
background-image: url('./svg/Buttons/Dark/MDA-Down-Dark.svg');
}
.mda_homepage_carousel .mda_homepage_carousel_project.mda_homepage_carousel_project_light h2 {
color: #EEEAE7;
}
.mda_homepage_carousel .mda_homepage_carousel_project.mda_homepage_carousel_project_light .mda_homepage_carousel_chevron {
background-image: url('./svg/Buttons/Light/MDA-Down-Light.svg');
}
/*********************************************
* PROJECTS
*********************************************/
.mda_homepage_projects {
position: relative;
overflow: hidden;
margin: 0 -24px 24px -24px;
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.mda_homepage_projects {
margin: 0 -50px 24px -50px;
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.mda_homepage_projects {
margin: 0 -50px 24px -50px;
}
}
.mda_homepage_projects .mda_homepage_project {
position: relative;
margin-bottom: 24px;
height: 100dvh;
/*********************************************
* DARK
*********************************************/
/*********************************************
* LIGHT
*********************************************/
/*********************************************
* LAST PROJECT
*********************************************/
}
.mda_homepage_projects .mda_homepage_project img {
width: 100%;
height: 100%;
object-fit: cover;
}
.mda_homepage_projects .mda_homepage_project h2 {
width: 100%;
text-align: center;
position: absolute;
bottom: 60px;
margin: 0;
padding: 0;
}
.mda_homepage_projects .mda_homepage_project.mda_homepage_project_dark h2 {
color: #3E3631;
}
.mda_homepage_projects .mda_homepage_project.mda_homepage_project_dark .mda_homepage_project_chevron {
background-image: url('./svg/Buttons/Dark/MDA-Down-Dark.svg');
}
.mda_homepage_projects .mda_homepage_project.mda_homepage_project_light h2 {
color: #EEEAE7;
}
.mda_homepage_projects .mda_homepage_project.mda_homepage_project_light .mda_homepage_project_chevron {
background-image: url('./svg/Buttons/Light/MDA-Down-Light.svg');
}
.mda_homepage_projects .mda_homepage_project:last-child {
margin-bottom: 0;
}
/*********************************************
* CHEVRON ONLY
*********************************************/
.mda_home_chevron_next {
display: block;
cursor: pointer;
width: 100%;
text-align: center;
height: 61px;
position: absolute;
bottom: 0;
background-repeat: no-repeat;
background-position: center;
background-size: 24px 13px;
}
/*********************************************
* HIDE DEFAULT
*********************************************/
.mda-row-toggle-v3 {
display: none;
padding: 24px 0 36px 0;
}
.mda-toggle-content .mda-row-toggle-v3,
.mda-accordion-content .mda-row-toggle-v3 {
display: block;
}
/*********************************************
* BASIC RESETS
*********************************************/
.mda-section-toggle-v3 .mda-row-subnav-and-toggle {
border-top: 0.25px solid #3E3631;
border-bottom: 0.25px solid #3E3631;
}
.mda-section-toggle-v3 .mda-row-subnav-and-toggle.active {
border-bottom: none;
}
.mda-section-toggle-v3 .mda-row-subnav-and-toggle .et_pb_column {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.mda-section-toggle-v3 .mda-row-subnav-and-toggle .mda-toggles-list {
width: 100%;
max-width: 1440px;
list-style: none;
margin: 0 auto;
padding: 0;
}
@media all and (min-width: calc(1440px + 48px)) {
.mda-section-toggle-v3 .mda-row-subnav-and-toggle .mda-toggles-list {
width: calc(100%) !important;
max-width: 100%;
min-width: 1440px;
}
}
.mda-section-toggle-v3 .mda-row-subnav-and-toggle .mda-toggles-list li {
cursor: pointer;
line-height: 48px;
padding-right: 36px;
color: #735040;
}
.mda-section-toggle-v3 .mda-row-subnav-and-toggle .mda-toggles-list li.active {
font-weight: bold;
color: #3E3631;
}
.mda-section-toggle-v3 .mda-toggle-icon-container {
position: absolute;
right: 0;
width: 24px !important;
height: 24px;
cursor: pointer;
background-image: url('./svg/Buttons/Mid/MDA-Expand-Mid.svg');
background-repeat: no-repeat;
background-position: center;
}
.mda-section-toggle-v3 .mda-toggle-icon-container.is-active {
background-image: url('./svg/Buttons/Mid/MDA-Collapse-Mid.svg');
}
.mda-section-toggle-v3 .mda-accordion-content {
border-top: 1px solid #ddd;
}
/*********************************************
* DESKTOP
*********************************************/
@media (min-width: 768px) {
.mda-section-toggle-v3 .mda-toggles-list {
display: flex;
}
}
/*********************************************
* mobile
*********************************************/
@media all and (max-width: 767px) {
.mda-accordion-content {
border: none !important;
}
.mda_project_subnav_placeholder_content {
display: none;
}
.mda-toggle-icon-container {
display: none;
}
.mda-toggles-list {
width: 100%;
}
.mda-toggles-list li {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 0.25px solid #3E3631;
}
.mda-toggles-list li:last-child {
border-bottom: none;
}
.mda-toggles-list li:after {
content: '';
background-image: url('./svg/Buttons/Mid/MDA-Expand-Mid.svg');
background-repeat: no-repeat;
background-position: center;
width: 22px;
height: 22px;
margin-right: -32px;
}
.mda-toggles-list li.active {
border-bottom: none !important;
}
.mda-toggles-list li.active:after {
background-image: url('./svg/Buttons/Mid/MDA-Collapse-Mid.svg');
}
}
/*********************************************
* MASTHEAD - include title/subnav
*********************************************/
.section_project_masthead {
height: calc(100dvh - 300px);
}
@media all and (max-width: 767px) {
.section_project_masthead {
height: calc(100dvh - 350px);
}
}
@media all and (min-width: 768px) and (max-width: 980px) {
.section_project_masthead {
height: calc(100dvh - 280px);
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.section_project_masthead {
height: calc(100dvh - 300px);
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.section_project_masthead {
height: calc(100dvh - 280px);
}
}
/*********************************************
* HEADING
*********************************************/
.mda_project_heading h1 {
font-size: 32px !important;
line-height: 36px;
padding: 0;
}
@media all and (max-width: 767px) {
.mda_project_heading h1 {
font-size: 30px !important;
}
}
/*********************************************
* 20251002-1441
* Temporary image fix (request high res images)
*********************************************/
body.single-post .et_pb_image .et_pb_image_wrap {
width: 100%;
}
body.single-post .et_pb_image .et_pb_image_wrap img {
width: 100%;
}
/*********************************************
* CUSTOM LANDING PAGE
*********************************************/
#mda_scrapbook_landing_custom {
/* 3 columns + 24px gutter desktop, collapse at your breakpoints */
}
#mda_scrapbook_landing_custom .scrapbook_landing_post_grid {
position: relative;
/* clearfix for floated fallback if ever needed */
}
#mda_scrapbook_landing_custom .scrapbook_landing_post_grid:after {
content: "";
display: block;
clear: both;
}
#mda_scrapbook_landing_custom .grid-sizer {
width: calc((100% - (2 * 24px)) / 3);
}
#mda_scrapbook_landing_custom .gutter-sizer {
width: 24px;
}
#mda_scrapbook_landing_custom .scrapbook_landing_post {
width: calc((100% - (2 * 24px)) / 3);
margin-bottom: 24px;
}
@media all and (min-width: 768px) and (max-width: 980px) {
#mda_scrapbook_landing_custom .grid-sizer,
#mda_scrapbook_landing_custom .scrapbook_landing_post {
width: calc((100% - 24px) / 2);
}
}
@media all and (max-width: 767px) {
#mda_scrapbook_landing_custom .grid-sizer,
#mda_scrapbook_landing_custom .scrapbook_landing_post {
width: 100%;
}
}
#mda_scrapbook_landing_custom .scrapbook_landing_post img,
#mda_scrapbook_landing_custom .scrapbook_landing_post video {
display: block;
width: 100%;
height: auto;
}
#mda_scrapbook_landing_custom .scrapbook_landing_post h2 {
padding: 20px 24px 20px 0;
}
#mda_scrapbook_landing_custom .scrapbook_landing_post .sep {
border-bottom: 0.1px solid #3E3631;
}
#mda_scrapbook_landing_custom_ORIGINAL .scrapbook_landing_post_grid {
column-count: 3;
column-gap: 24px;
column-fill: balance;
}
@media all and (min-width: 768px) and (max-width: 980px) {
#mda_scrapbook_landing_custom_ORIGINAL .scrapbook_landing_post_grid {
column-count: 2;
}
}
@media all and (max-width: 767px) {
#mda_scrapbook_landing_custom_ORIGINAL .scrapbook_landing_post_grid {
column-count: 1;
}
}
#mda_scrapbook_landing_custom_ORIGINAL .scrapbook_landing_post_grid .scrapbook_landing_post {
position: relative;
width: 100%;
margin: 0;
padding-bottom: 24px;
break-inside: avoid;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
}
#mda_scrapbook_landing_custom_ORIGINAL .scrapbook_landing_post_grid .scrapbook_landing_post img {
width: 100%;
height: auto;
display: block;
}
#mda_scrapbook_landing_custom_ORIGINAL .scrapbook_landing_post_grid .scrapbook_landing_post h2 {
padding: 20px 24px 20px 0;
}
#mda_scrapbook_landing_custom_ORIGINAL .scrapbook_landing_post_grid .scrapbook_landing_post .sep {
border-bottom: 0.1px solid #3E3631;
}
/*********************************************
* SCRAPBOOK MASTHEAD
*********************************************/
.section_scrapbook_masthead {
position: relative;
height: calc(100dvh - 96px);
display: flex;
flex-direction: column;
overflow: hidden;
margin-bottom: 24px;
padding: 0;
/*********************************************
* BG IMAGE
*********************************************/
}
.section_scrapbook_masthead h1 {
font-size: 32px;
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.section_scrapbook_masthead {
height: auto !important;
margin-bottom: 24px;
}
}
@media all and (max-width: 767px) {
.section_scrapbook_masthead {
height: auto !important;
margin-bottom: 18px;
}
.section_scrapbook_masthead h1 {
font-size: 30px;
}
}
.section_scrapbook_masthead .row_scrapbook_masthead_image {
overflow: hidden;
position: relative;
flex: 1 1 auto;
min-height: 0;
padding: 0;
}
.section_scrapbook_masthead .row_scrapbook_masthead_image .et_pb_column,
.section_scrapbook_masthead .row_scrapbook_masthead_image .et_pb_code,
.section_scrapbook_masthead .row_scrapbook_masthead_image .et_pb_code_inner {
height: 100%;
}
@media all and (max-width: 767px) {
.section_scrapbook_masthead .row_scrapbook_masthead_image {
flex: 0 0 auto;
height: auto;
}
.section_scrapbook_masthead .row_scrapbook_masthead_image .et_pb_column,
.section_scrapbook_masthead .row_scrapbook_masthead_image .et_pb_code,
.section_scrapbook_masthead .row_scrapbook_masthead_image .et_pb_code_inner {
height: auto;
}
.section_scrapbook_masthead .row_scrapbook_masthead_image img {
height: auto !important;
object-fit: contain;
}
}
.section_scrapbook_masthead .row_scrapbook_masthead_image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
@media all and (max-width: 767px) {
.section_scrapbook_masthead .row_scrapbook_masthead_image img {
position: relative;
height: auto !important;
}
}
.section_scrapbook_masthead .row_scrapbook_masthead_title {
padding-top: 36px;
padding-bottom: 30px;
border-bottom: 0.1px solid #3E3631;
}
@media all and (max-width: 767px) {
.section_scrapbook_masthead .row_scrapbook_masthead_title {
padding-top: 25px;
padding-bottom: 18px;
}
}
/*********************************************
* INTRO
*********************************************/
.section_scrapbook_intro {
padding: 0;
}
.section_scrapbook_intro .row_scrapbook_masthead_text {
padding-bottom: 36px;
border-bottom: 0.1px solid #3E3631;
margin-bottom: 30px;
}
@media all and (max-width: 767px) {
.section_scrapbook_intro .row_scrapbook_masthead_text {
padding-top: 0 !important;
padding-bottom: 18px;
}
}
@media all and (min-width: 768px) and (max-width: 980px) {
.section_scrapbook_intro .row_scrapbook_masthead_text {
padding-top: 0 !important;
padding-bottom: 36px;
}
}
/*********************************************
* HEADING
*********************************************/
.mda_scrapbook_heading h1 {
font-size: 32px !important;
}
@media all and (max-width: 767px) {
.mda_scrapbook_heading h1 {
font-size: 30px !important;
}
}
/*********************************************
* FULLWIDTH VERSION - PADDING / WIDTH
*********************************************/
.mda_template_section_fullwidth .et_pb_post_content .et_pb_section .et_pb_row {
width: 100%;
max-width: 1440px;
}
@media all and (min-width: calc(1440px + 48px)) {
.mda_template_section_fullwidth .et_pb_post_content .et_pb_section .et_pb_row {
width: calc(100% - 400px - 48px) !important;
max-width: 100%;
min-width: 1440px;
}
}
/*********************************************
* inc/mda_project_landing.php
* GRID SETUP
*********************************************/
.mda_project_landing {
display: grid;
grid-gap: var(--mda-gutter);
row-gap: 30px;
grid-template-columns: repeat(12, 1fr);
grid-auto-rows: min-content;
}
@media all and (max-width: 767px) {
.mda_project_landing {
row-gap: 18px;
}
}
@media all and (min-width: 768px) and (max-width: 980px) {
.mda_project_landing .mda_project_landing_project:nth-child(1) {
grid-column: 1 / -1;
}
.mda_project_landing .mda_project_landing_project:nth-child(2),
.mda_project_landing .mda_project_landing_project:nth-child(3) {
grid-row-start: 2;
}
}
/*********************************************
* each project listed
*********************************************/
.mda_project_landing .mda_project_landing_project {
border-bottom: 0.25px solid #3E3631;
}
.mda_project_landing .mda_project_landing_project:first-of-type {
grid-column: span 12;
grid-row: span 1;
align-self: start;
}
.mda_project_landing .mda_project_landing_project:first-of-type .mda_project_info {
width: 50%;
}
@media all and (min-width: 768px) and (max-width: 980px) {
.mda_project_landing .mda_project_landing_project:first-of-type .mda_project_info {
width: calc(var(--mda-gutter) + (2 * calc((100% - (var(--mda-gutter) * 2)) / 3)));
}
}
@media all and (max-width: 767px) {
.mda_project_landing .mda_project_landing_project:first-of-type .mda_project_info {
width: 100%;
}
}
.mda_project_landing .mda_project_landing_project .mda_project_info h1 {
font-family: 'Sohne-Kräftig', sans-serif;
font-size: 24px !important;
line-height: 30px !important;
font-weight: bold !important;
color: #3E3631;
margin-block-start: 0;
margin-block-end: 0;
font-weight: normal !important;
padding: 0;
margin: 0;
}
.mda_project_landing .mda_project_landing_project .mda_project_info h2 {
font-family: 'Sohne-Buch', sans-serif;
font-size: 24px !important;
line-height: 30px !important;
color: #3E3631;
margin-block-start: 0;
margin-block-end: 0;
font-weight: normal;
padding: 0;
margin: 0;
}
.mda_project_landing .mda_project_landing_project .mda_project_info .mda_project_summary {
margin-top: 12px;
margin-bottom: 30px;
color: #3E3631 !important;
}
@media all and (max-width: 767px) {
.mda_project_landing .mda_project_landing_project .mda_project_info .mda_project_summary {
margin-bottom: 18px;
}
}
/*********************************************
* layout DESKTOP
*********************************************/
.mda_project_landing .mda_project_landing_project:nth-child(1) {
grid-column: span 12;
}
.mda_project_landing .mda_project_landing_project:nth-child(n + 2):nth-child(-n + 5) {
grid-column: span 6;
}
.mda_project_landing .mda_project_landing_project:nth-child(6) {
grid-column: span 6;
}
.mda_project_landing .mda_project_landing_project:nth-child(n + 7):nth-child(-n + 8) {
grid-column: span 3;
}
.mda_project_landing .mda_project_landing_project:nth-child(n + 9) {
grid-column: span 4;
}
/*********************************************
* layout TABLET
*********************************************/
@media all and (min-width: 768px) and (max-width: 980px) {
.mda_project_landing .mda_project_landing_project:nth-child(1) {
grid-column: span 12;
}
.mda_project_landing .mda_project_landing_project:nth-child(n + 2):nth-child(-n + 5) {
grid-column: span 6;
}
.mda_project_landing .mda_project_landing_project:nth-child(6) {
grid-column: span 6;
}
.mda_project_landing .mda_project_landing_project:nth-child(n + 7):nth-child(-n + 8) {
grid-column: span 6;
}
.mda_project_landing .mda_project_landing_project:nth-child(n + 9) {
grid-column: span 6;
}
}
/*********************************************
* layout MOBILE
*********************************************/
@media all and (max-width: 767px) {
.mda_project_landing .mda_project_landing_project {
grid-column: span 12 !important;
}
}
/*********************************************
* gallery (see also js for quarter column fix
*********************************************/
.mda_project_landing .mda_project_landing_project {
border-bottom: 0.25px solid #3E3631;
}
.mda_project_landing .mda_project_landing_project .mda_project_gallery {
margin-bottom: 36px;
}
@media all and (max-width: 980px) {
.mda_project_landing .mda_project_landing_project .mda_project_gallery {
margin-bottom: 30px;
}
}
.mda_project_landing .mda_project_landing_project .mda_project_gallery .et_pb_gallery .et_pb_gallery_items {
aspect-ratio: 6 / 4;
}
@media all and (min-width: 981px) {
.mda_project_landing .mda_project_landing_project:nth-child(1) .mda_project_gallery .et_pb_gallery .et_pb_gallery_items {
aspect-ratio: 12 / 4;
}
}
.mda_section_coming_soon {
overflow: hidden;
height: 100vh;
}
.mda_section_coming_soon .et_pb_row {
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.mda_section_coming_soon .et_pb_row .et_pb_module {
text-align: center;
}
.mda_section_coming_soon .et_pb_row .et_pb_module img {
max-width: 440px;
}
/*********************************************
* Modals
*********************************************/
/*********************************************
* global lightbox used by:
* - contact
* - map
* - galleries
*********************************************/
#mda_section_global_lightbox,
.mda_section_global_lightbox {
display: none;
}
#mda-global-lightbox {
display: none;
}
.mda-active-lightbox {
position: fixed;
top: 0;
left: 0;
display: block;
z-index: 999999;
width: 100%;
height: 100%;
background: #EEEAE7;
outline: none;
}
.mda-active-lightbox button {
background-color: transparent;
outline: none;
border: none;
}
.mda-active-lightbox .dialog .close {
position: fixed;
z-index: 2147483647;
top: 19px;
right: 100px;
width: 22px;
height: 22px;
background-image: url('/wp-content/themes/mda/svg/Buttons/Mid/MDA-Close-Mid.svg');
background-size: 24px 24px;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
touch-action: manipulation;
outline: none;
border: none;
}
@media all and (min-width: 768px) and (max-width: 980px) {
.mda-active-lightbox .dialog .close {
right: 50px;
}
}
@media all and (max-width: 767px) {
.mda-active-lightbox .dialog .close {
right: 24px;
}
}
.mda-active-lightbox .dialog .next,
.mda-active-lightbox .dialog .prev {
top: 0;
position: absolute;
border: none;
width: 13px;
cursor: pointer;
background-repeat: no-repeat;
background-size: contain;
height: 100vh;
padding: 0;
}
.mda-active-lightbox .dialog .prev {
left: 100px;
margin-right: 20px;
background-position: center left;
background-image: url('./svg/Buttons/Mid/MDA-Left-Mid.svg');
}
.mda-active-lightbox .dialog .prev.disabled {
background-image: url('./svg/Buttons/Light/MDA-Left-Light.svg');
}
@media all and (min-width: 768px) and (max-width: 980px) {
.mda-active-lightbox .dialog .prev {
left: 50px;
}
}
@media all and (max-width: 767px) {
.mda-active-lightbox .dialog .prev {
left: 30px;
}
}
.mda-active-lightbox .dialog .next {
right: 100px;
margin-left: 20px;
background-position: center right;
background-image: url('./svg/Buttons/Mid/MDA-Right-Mid.svg');
}
.mda-active-lightbox .dialog .next.disabled {
background-image: url('./svg/Buttons/Light/MDA-Right-Light.svg');
}
@media all and (min-width: 768px) and (max-width: 980px) {
.mda-active-lightbox .dialog .next {
right: 50px;
}
}
@media all and (max-width: 767px) {
.mda-active-lightbox .dialog .next {
right: 30px;
}
}
.mda-active-lightbox .dialog .content {
margin: 0 auto;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
height: 100vh;
}
.mda-active-lightbox .dialog .content .image {
max-width: calc(100% - 300px);
max-height: 70dvh;
flex: 1 1 auto;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.mda-active-lightbox .dialog .content .image img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
display: block;
}
@media all and (min-width: 768px) and (max-width: 980px) {
.mda-active-lightbox .dialog .content .image {
max-width: calc(100% - 220px);
}
}
@media all and (max-width: 767px) {
.mda-active-lightbox .dialog .content .image {
max-width: calc(100% - 160px);
}
}
.mda-active-lightbox .dialog .content .caption {
position: fixed;
bottom: 24px;
margin-top: 22px;
color: #3E3631;
text-align: center;
max-width: 90vw;
font-size: 16px;
}
/*
*/
#mda_global_section_contact_info {
display: none;
}
.mda-contact-lightbox {
z-index: 1000;
}
@media all and (max-width: 767px) {
.mda-contact-lightbox {
margin-top: 60px;
}
}
.mda-contact-lightbox .dialog {
display: flex;
/*********************************************
* tablet
*********************************************/
/*********************************************
* mobile
*********************************************/
}
.mda-contact-lightbox .dialog .content {
padding: 72px 0;
align-self: flex-start;
justify-content: flex-start;
}
.mda-contact-lightbox .dialog .content .et_pb_row {
margin: 0;
}
.mda-contact-lightbox .dialog .content .et_pb_row .et_pb_column {
display: flex;
justify-content: center;
}
.mda-contact-lightbox .dialog .content .et_pb_row .et_pb_column .et_pb_module {
margin: 0 30px;
}
.mda-contact-lightbox .dialog .content .et_pb_row .et_pb_column .et_pb_module h2,
.mda-contact-lightbox .dialog .content .et_pb_row .et_pb_column .et_pb_module p,
.mda-contact-lightbox .dialog .content .et_pb_row .et_pb_column .et_pb_module address {
font-style: normal;
padding: 15px 0;
margin: 0;
}
.mda-contact-lightbox .dialog .content .et_pb_row .et_pb_column .et_pb_module:nth-of-type(1) p:nth-of-type(1),
.mda-contact-lightbox .dialog .content .et_pb_row .et_pb_column .et_pb_module:nth-of-type(1) p:nth-of-type(2),
.mda-contact-lightbox .dialog .content .et_pb_row .et_pb_column .et_pb_module:nth-of-type(1) p:last-child {
margin: 0;
padding: 0;
}
.mda-contact-lightbox .dialog .content .et_pb_row .et_pb_column .et_pb_module:nth-of-type(1) a {
color: #3E3631 !important;
}
.mda-contact-lightbox .dialog .content .et_pb_row .et_pb_column .et_pb_module:nth-of-type(2) p {
margin: 0;
padding: 0;
}
@media all and (min-width: 768px) and (max-width: 980px) {
.mda-contact-lightbox .dialog .content {
padding: 72px 24px;
margin: 0 auto;
}
.mda-contact-lightbox .dialog .content .et_pb_row {
margin: 0;
padding: 0;
}
.mda-contact-lightbox .dialog .content .et_pb_row .et_pb_column .et_pb_module {
margin: 0 30px;
width: auto;
}
}
@media all and (max-width: 767px) {
.mda-contact-lightbox .dialog .content {
padding: 0 24px;
margin: 0;
}
.mda-contact-lightbox .dialog .content .et_pb_row .et_pb_column {
padding: 0 !important;
flex-direction: column;
}
.mda-contact-lightbox .dialog .content .et_pb_row .et_pb_column .et_pb_module {
width: 100%;
margin: 0;
}
.mda-contact-lightbox .dialog .content .et_pb_row .et_pb_column .et_pb_module h2,
.mda-contact-lightbox .dialog .content .et_pb_row .et_pb_column .et_pb_module p,
.mda-contact-lightbox .dialog .content .et_pb_row .et_pb_column .et_pb_module address {
padding: 13px 0 !important;
}
.mda-contact-lightbox .dialog .content .et_pb_row .et_pb_column .et_pb_module:nth-child(1) p:first-of-type {
padding-top: 18px !important;
}
}
/*********************************************
* TURN OFF UNWANTED LIGHTBOX ITEMS
*********************************************/
.mda-contact-lightbox .content .image,
.mda-contact-lightbox .content .caption {
display: none;
}
.mda-contact-lightbox .prev,
.mda-contact-lightbox .next {
display: none;
}
#mda_global_section_map_overlay {
display: none;
}
.mda-map-lightbox {
z-index: 999999;
}
.mda-map-lightbox .content .et_pb_row {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
max-width: 100% !important;
}
.mda-map-lightbox .content .et_pb_row .et_pb_column {
width: 100% !important;
padding: 0;
margin: 0;
}
.mda-map-lightbox .content .et_pb_row .et_pb_column .et_pb_module {
padding: 0;
margin: 0;
}
/*********************************************
* TURN OFF UNWANTED LIGHTBOX ITEMS
*********************************************/
.mda-map-lightbox .content .image,
.mda-map-lightbox .content .caption {
display: none;
}
.mda-map-lightbox .prev,
.mda-map-lightbox .next {
display: none;
}
/*
*/
.mda-gallery-lightbox {
z-index: 999999;
display: none;
}
.mda-gallery-lightbox.active {
display: block;
}
.mda-gallery-lightbox .controls .next {
padding: 0;
}
.mda-gallery-lightbox .controls .prev {
padding: 0;
}
/*********************************************
* Map
*********************************************/
.mda-map {
z-index: 999999999;
}
/*********************************************
* PROJECT SUBNAV
*********************************************/
/*********************************************
* SUBNAV (tabs don’t shift when content opens)
*********************************************/
.mda_project_subnav {
overflow-anchor: none;
position: relative;
border-top: 0.25px solid #3E3631;
border-bottom: 0.25px solid #3E3631;
margin-bottom: 30px;
/* bar */
display: flex;
align-items: center;
justify-content: space-between;
min-height: 48px;
/* the tab row becomes a wrapping flex container */
/*********************************************
* toggle
*********************************************/
}
.mda_project_subnav ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 36px;
margin: 0;
padding: 0;
list-style: none;
row-gap: 0;
}
.mda_project_subnav ul li {
/* tab appearance */
color: #735040;
text-transform: uppercase;
cursor: pointer;
line-height: 48px;
display: block;
/*********************************************
* content
*********************************************/
}
.mda_project_subnav ul li.active {
font-weight: bold;
color: #3E3631;
/* key trick: make the LI’s children become flex items of UL */
display: contents;
}
@media all and (max-width: 767px) {
.mda_project_subnav ul li.active {
display: block;
}
}
.mda_project_subnav ul li .mda_project_subnav_content {
display: none;
text-transform: none;
font-family: 'Sohne-Buch', sans-serif;
font-size: 16px !important;
line-height: 24px !important;
font-weight: normal;
color: #3E3631;
/*********************************************
* text
*********************************************/
/*********************************************
* gallery
*********************************************/
}
.mda_project_subnav ul li .mda_project_subnav_content .mda_project_subnav_content_text {
display: grid;
grid-template-columns: repeat(2, 5fr) 2fr;
grid-column-gap: 25px;
}
@media all and (min-width: 768px) and (max-width: 980px) {
.mda_project_subnav ul li .mda_project_subnav_content .mda_project_subnav_content_text {
grid-template-columns: 8fr !important;
max-width: 66.666%;
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.mda_project_subnav ul li .mda_project_subnav_content .mda_project_subnav_content_text {
grid-template-columns: 8fr !important;
max-width: 66.666%;
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.mda_project_subnav ul li .mda_project_subnav_content .mda_project_subnav_content_text {
grid-template-columns: 8fr !important;
max-width: 66.666%;
}
}
@media all and (max-width: 767px) {
.mda_project_subnav ul li .mda_project_subnav_content .mda_project_subnav_content_text {
grid-template-columns: 1fr;
}
.mda_project_subnav ul li .mda_project_subnav_content .mda_project_subnav_content_text .mda_project_subnav_content_column:nth-of-type(2) {
margin-top: 16px;
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.mda_project_subnav ul li .mda_project_subnav_content .mda_project_subnav_content_text {
grid-template-columns: 1fr;
}
.mda_project_subnav ul li .mda_project_subnav_content .mda_project_subnav_content_text .mda_project_subnav_content_column:nth-of-type(2) {
margin-top: 16px;
}
}
@media all and (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.mda_project_subnav ul li .mda_project_subnav_content .mda_project_subnav_content_text {
grid-template-columns: 1fr;
}
.mda_project_subnav ul li .mda_project_subnav_content .mda_project_subnav_content_text .mda_project_subnav_content_column:nth-of-type(2) {
margin-top: 16px;
}
}
.mda_project_subnav ul li .mda_project_subnav_content .mda_project_subnav_gallery {
display: flex;
gap: var(--mda-gutter);
flex-wrap: wrap;
}
@media all and (max-width: 767px) {
.mda_project_subnav ul li .mda_project_subnav_content .mda_project_subnav_gallery {
gap: 12px;
}
}
.mda_project_subnav ul li .mda_project_subnav_content .mda_project_subnav_gallery .mda_project_subnav_gallery_image {
position: relative;
overflow: hidden;
}
.mda_project_subnav ul li .mda_project_subnav_content .mda_project_subnav_gallery .mda_project_subnav_gallery_image.portrait {
aspect-ratio: 0.649 / 1;
width: calc((100% - (var(--mda-gutter) * 11)) / 12);
}
@media all and (max-width: 767px) {
.mda_project_subnav ul li .mda_project_subnav_content .mda_project_subnav_gallery .mda_project_subnav_gallery_image.portrait {
width: calc((100% - (var(--mda-gutter-mobile) * 5)) / 6);
}
}
.mda_project_subnav ul li .mda_project_subnav_content .mda_project_subnav_gallery .mda_project_subnav_gallery_image.landscape {
aspect-ratio: 6 / 4;
width: calc((100% - (var(--mda-gutter) * 5)) / 6);
}
@media all and (max-width: 767px) {
.mda_project_subnav ul li .mda_project_subnav_content .mda_project_subnav_gallery .mda_project_subnav_gallery_image.landscape {
width: calc((100% + 22px - (var(--mda-gutter-mobile) * 2)) / 3);
}
}
.mda_project_subnav ul li .mda_project_subnav_content .mda_project_subnav_gallery .mda_project_subnav_gallery_image img {
/* override any global img rules like height:auto; max-width:100% */
display: block;
width: 100% !important;
height: 100% !important;
max-width: none;
object-fit: cover;
object-position: center;
}
.mda_project_subnav ul li.active > .mda_project_subnav_content {
/* now this element is a direct flex item in UL */
display: flex;
flex-basis: 100%;
order: 2;
margin: 30px 0 36px 0;
width: 100%;
}
.mda_project_subnav .mda_project_subnav_toggle {
position: absolute;
top: 12px;
right: 0;
width: 24px !important;
height: 24px;
cursor: pointer;
background-image: url('./svg/Buttons/Mid/MDA-Expand-Mid.svg');
background-repeat: no-repeat;
background-position: center;
}
.mda_project_subnav.active .mda_project_subnav_toggle {
background-image: url('./svg/Buttons/Mid/MDA-Collapse-Mid.svg');
}
/*********************************************
* mobile
*********************************************/
@media all and (max-width: 767px) {
.mda_project_subnav ul {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.mda_project_subnav ul li {
position: relative;
width: 100%;
border-bottom: 0.25px solid #3E3631;
}
.mda_project_subnav ul li:last-child {
border-bottom: none;
}
.mda_project_subnav ul li:after {
content: "";
position: absolute;
top: 12px;
right: 0;
width: 24px !important;
height: 24px;
cursor: pointer;
background-image: url('./svg/Buttons/Mid/MDA-Expand-Mid.svg');
background-repeat: no-repeat;
background-position: center;
}
.mda_project_subnav ul li.active:after {
background-image: url('./svg/Buttons/Mid/MDA-Collapse-Mid.svg');
}
}
/*********************************************
* COMPLIANZ
*********************************************/
/* Container */
#cmplz-cookiebanner-container {
/* Divider */
/* Logo */
/* Title */
/* Message */
/* All buttons */
/* Document hyperlinks */
/* Categories */
/* Manage consent tab */
/* Soft cookie wall */
/* Placeholder button - Per category */
/* Placeholder button & message - Per service */
/* Styles for the AMP notice */
/* Message */
/* Buttons */
/* Close icon */
}
#cmplz-cookiebanner-container .cmplz-cookiebanner {
border-radius: 0 !important;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title {
font-family: 'Sohne-Buch', sans-serif;
font-size: 24px !important;
line-height: 30px !important;
color: #3E3631;
margin-block-start: 0;
margin-block-end: 0;
font-weight: normal;
font-size: 22px !important;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message {
padding-right: 20px;
}
#cmplz-cookiebanner-container .cmplz-buttons .cmplz-btn {
border-radius: 0 !important;
min-width: 150px !important;
/* Accept button */
/* Deny button */
/* Save preferences button */
/* View preferences button */
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category .cmplz-description {
font-family: 'Sohne-Buch', sans-serif;
font-size: 16px !important;
line-height: 24px !important;
font-weight: normal;
color: #3E3631;
font-size: 12px !important;
line-height: 18px !important;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close {
width: 15px;
height: 15px;
background-image: url('svg/Buttons/Dark/MDA-Close-Dark.svg');
background-repeat: no-repeat;
background-position: center;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close svg {
display: none;
}
/*********************************************
* PAGE CONTENT
*********************************************/
#cmplz-document {
max-width: 100%;
}
/*********************************************
* cookie policy
*********************************************/
.cmplz-dropdown h4 {
padding-left: 0 !important;
}
/*# sourceMappingURL=style.css.map */