/*
Theme Name: Nalu
Theme URI: https://hall-mark.au
Author: Joshua Hall
Author URI: https://hall-mark.au
Description: Boiletplate powered by Joshua Hall.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 1.01
*/

@font-face {
    font-family: 'Akzidenz-Grotesk Pro';
    src: url('/wp-content/themes/nalu/fonts/AkzidenzGroteskPro-Light.woff2') format('woff2'),
        url('/wp-content/themes/nalu/fonts/AkzidenzGroteskPro-Light.woff') format('woff'),
        url('/wp-content/themes/nalu/fonts/AkzidenzGroteskPro-Light.svg#AkzidenzGroteskPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'GT Ultra';
    src: url('/wp-content/themes/nalu/fonts/GTUltra-Light.woff2') format('woff2'),
        url('/wp-content/themes/nalu/fonts/GTUltra-Light.woff') format('woff'),
        url('/wp-content/themes/nalu/fonts/GTUltra-Light.svg#GTUltra-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Ultra';
    src: url('/wp-content/themes/nalu/fonts/GTUltra-Regular.woff2') format('woff2'),
        url('/wp-content/themes/nalu/fonts/GTUltra-Regular.woff') format('woff'),
        url('/wp-content/themes/nalu/fonts/GTUltra-Regular.svg#GTUltra-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Ultra';
    src: url('/wp-content/themes/nalu/fonts/GTUltra-Thin.woff2') format('woff2'),
        url('/wp-content/themes/nalu/fonts/GTUltra-Thin.woff') format('woff'),
        url('/wp-content/themes/nalu/fonts/GTUltra-Thin.svg#GTUltra-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}



html {scroll-behavior: smooth; -webkit-font-smoothing: antialiased !important; background: var(--primary)}
body { margin:0; padding:0 }
::selection { color: var(--primary); background: var(--black) }

/* Structure*/

.container { position: relative; height: 100%; width: 100%;}
.row { height: 100%; position: relative;}
.full-width { width: 100%;  margin: 0 auto;  box-sizing: border-box;position: relative;}
.row-width-95{ width: 95%; max-width: 95%; margin: 0 auto; box-sizing: border-box;position: relative;}
.row-width-90 { width: 90%; max-width: 90%; margin: 0 auto; box-sizing: border-box;position: relative; }
.row-width-80 { width: 80%; max-width: 80%; margin: 0 auto; box-sizing: border-box;position: relative; }
.row-width-70 { width: 70%; max-width: 70%; margin: 0 auto;  box-sizing: border-box;position: relative;}
.row-width-60 { width: 60%; max-width: 60%; margin: 0 auto;  box-sizing: border-box;position: relative;}
.row-width-50 { width: 50%; max-width: 50%; margin: 0 auto;  box-sizing: border-box;position: relative;}
.row-width-40 { width: 40%; max-width: 40%; margin: 0 auto;  box-sizing: border-box;position: relative;}
.row-width-30 { width: 30%; max-width: 30%; margin: 0 auto;  box-sizing: border-box;position: relative;}
.row-width-20 { width: 20%; max-width: 20%; margin: 0 auto;  box-sizing: border-box;position: relative;}
.row-width-10 { width: 10%; max-width: 10%; margin: 0 auto;  box-sizing: border-box;position: relative;}

/* Base column widths (without gaps) */
.col1 { width: 8.33%; }
.col2 { width: 16.66%; }
.col3 { width: 25%; }
.col4 { width: 33.33%; }
.col5 { width: 41.33%; }
.col6 { width: 50%; }
.col7 { width: 58.33%; }
.col8 { width: 66.66%; }
.col9 { width: 75%; }
.col10 { width: 83.88%; }
.col11 { width: 91.66%; }
.col12 { width: 100%; }

.column-1 {column-count: 1;}
.column-2 {column-count: 2;}
.column-3 {column-count: 3;}

.gap-10 .col1  { width: calc((100% - (10px * 11)) / 12); }
.gap-10 .col2  { width: calc((100% - (10px * 5)) / 6); }
.gap-10 .col3  { width: calc((100% - (10px * 3)) / 4); }
.gap-10 .col4  { width: calc((100% - (10px * 2)) / 3); }
.gap-10 .col5  { width: calc((100% - (10px * 1.5)) / 2.4); }
.gap-10 .col6  { width: calc((100% - (10px * 1)) / 2); }
.gap-10 .col7  { width: calc((100% - (10px * 0.71)) / 1.71); }
.gap-10 .col8  { width: calc((100% - (10px * 0.5)) / 1.5); }
.gap-10 .col9  { width: calc((100% - (10px * 0.33)) / 1.33); }
.gap-10 .col10 { width: calc((100% - (10px * 0.2)) / 1.2); }
.gap-10 .col11 { width: calc((100% - (10px * 0.1)) / 1.09); }
.gap-10 .col12 { width: 100%; }

.gap-20 .col1  { width: calc((100% - (20px * 11)) / 12); }
.gap-20 .col2  { width: calc((100% - (20px * 5)) / 6); }
.gap-20 .col3  { width: calc((100% - (20px * 3)) / 4); }
.gap-20 .col4  { width: calc((100% - (20px * 2)) / 3); }
.gap-20 .col5  { width: calc((100% - (20px * 1.5)) / 2.4); }
.gap-20 .col6  { width: calc((100% - (20px * 1)) / 2); }
.gap-20 .col7  { width: calc((100% - (20px * 0.71)) / 1.71); }
.gap-20 .col8  { width: calc((100% - (20px * 0.5)) / 1.5); }
.gap-20 .col9  { width: calc((100% - (20px * 0.33)) / 1.33); }
.gap-20 .col10 { width: calc((100% - (20px * 0.2)) / 1.2); }
.gap-20 .col11 { width: calc((100% - (20px * 0.1)) / 1.09); }
.gap-20 .col12 { width: 100%; }

.gap-30 .col1  { width: calc((100% - (30px * 11)) / 12); }
.gap-30 .col2  { width: calc((100% - (30px * 5)) / 6); }
.gap-30 .col3  { width: calc((100% - (30px * 3)) / 4); }
.gap-30 .col4  { width: calc((100% - (30px * 2)) / 3); }
.gap-30 .col5  { width: calc((100% - (30px * 1.5)) / 2.4); }
.gap-30 .col6  { width: calc((100% - (30px * 1)) / 2); }
.gap-30 .col7  { width: calc((100% - (30px * 0.71)) / 1.71); }
.gap-30 .col8  { width: calc((100% - (30px * 0.5)) / 1.5); }
.gap-30 .col9  { width: calc((100% - (30px * 0.33)) / 1.33); }
.gap-30 .col10 { width: calc((100% - (30px * 0.2)) / 1.2); }
.gap-30 .col11 { width: calc((100% - (30px * 0.1)) / 1.09); }
.gap-30 .col12 { width: 100%; }

.gap-40 .col1  { width: calc((100% - (40px * 11)) / 12); }
.gap-40 .col2  { width: calc((100% - (40px * 5)) / 6); }
.gap-40 .col3  { width: calc((100% - (40px * 3)) / 4); }
.gap-40 .col4  { width: calc((100% - (40px * 2)) / 3); }
.gap-40 .col5  { width: calc((100% - (40px * 1.5)) / 2.4); }
.gap-40 .col6  { width: calc((100% - (40px * 1)) / 2); }
.gap-40 .col7  { width: calc((100% - (40px * 0.71)) / 1.71); }
.gap-40 .col8  { width: calc((100% - (40px * 0.5)) / 1.5); }
.gap-40 .col9  { width: calc((100% - (40px * 0.33)) / 1.33); }
.gap-40 .col10 { width: calc((100% - (40px * 0.2)) / 1.2); }
.gap-40 .col11 { width: calc((100% - (40px * 0.1)) / 1.09); }
.gap-40 .col12 { width: 100%; }


.height-0 { height:0vh; box-sizing: border-box;}
.height-20 { height:20vh;box-sizing: border-box; }
.height-40 { height:40vh;box-sizing: border-box; }
.height-60 { height:60vh;box-sizing: border-box; }
.height-70 { height:70vh;box-sizing: border-box; }
.height-80 { height:80vh;box-sizing: border-box; }
.height-100 { height:100vh; box-sizing: border-box; }
.height-auto { height: auto; }

.absolute-center {position: absolute;top: 0;left: 0; right: 0; bottom: 0; margin: auto}
.absolute-top {position: absolute;top: 0;left: 0; right: 0; bottom: auto; margin: auto}
.absolute-left {position: absolute;top: 0;left: 0; right: auto; bottom: 0; margin: auto}
.absolute-right {position: absolute;top: 0;left: auto; right: 0; bottom: 0; margin: auto}
.absolute-bottom {position: absolute;top: auto;left: 0; right: 0; bottom: 0; margin: auto}

.flex-row {display: flex;flex-direction: row;}
.flex-row-reverse {display: flex;flex-direction: row-reverse;}
.flex-column { display: flex; flex-direction: column;}
.justify-center { display: flex; justify-content: center; }
.justify-bottom { display: flex; justify-content: flex-end;}

.flex-wrap {flex-wrap: wrap}
.justify-left {  justify-content: left }
.justify-right { justify-content: right }
.justify-spaced { justify-content: space-between;}
.align-top { align-items: flex-start; }
.align-bottom { align-items: flex-end;}
.align-left {  align-items: flex-start }
.align-center  {align-items: center; }
.align-right {  align-items: flex-end;}
.text-center { text-align:center;}
.text-right { text-align:right;}
.text-left { text-align:left;}

.float-left { float: left;}
.float-right { float: right;}

.position-relative { position: relative}

.padding-0 {padding:0 !important}
.padding-b-0 {padding-bottom: 0px}
.padding-t-0 {padding-top: 0px}
.padding-l-0 {padding-left: 0px}
.padding-r-0 {padding-right: 0px}
.padding-10 {padding:10px 10px}
.padding-b-10 {padding-bottom: 10px}
.padding-t-10 {padding-top: 10px}
.padding-l-10 {padding-left: 10px}
.padding-r-10 {padding-right: 10px}
.padding-15 {padding:15px 15px}
.padding-b-15 {padding-bottom: 15px}
.padding-t-15 {padding-top: 15px}
.padding-l-15 {padding-left: 15px}
.padding-r-15 {padding-right: 15px}
.padding-20 {padding:20px 20px}
.padding-b-20 {padding-bottom: 20px}
.padding-t-20 {padding-top: 20px}
.padding-l-20 {padding-left: 20px}
.padding-r-20 {padding-right: 20px}
.padding-40 {padding:40px 40px}
.padding-b-40 {padding-bottom: 40px}
.padding-t-40 {padding-top: 40px}
.padding-l-40 {padding-left: 40px}
.padding-r-40 {padding-right: 40px}
.padding-50 {padding:50px 50px}
.padding-b-50 {padding-bottom: 50px}
.padding-t-50 {padding-top: 50px}
.padding-l-50 {padding-left: 50px}
.padding-r-50 {padding-right: 50px}
.padding-60 {padding:60px 0}
.padding-b-60 {padding-bottom: 60px}
.padding-t-60 {padding-top: 60px}
.padding-l-60 {padding-left: 60px}
.padding-r-60 {padding-right: 60px}
.padding-80 {padding:80px 0}
.padding-b-80 {padding-bottom: 80px}
.padding-t-80 {padding-top: 80px}
.padding-l-80 {padding-left: 80px}
.padding-r-80 {padding-right: 80px}
.padding-100 {padding:100px 0}
.padding-b-100 {padding-bottom: 100px}
.padding-t-100 {padding-top: 100px}
.padding-l-100 {padding-left: 100px}
.padding-r-100 {padding-right: 100px}
.padding-120 {padding:120px 0}
.padding-b-120 {padding-bottom: 120px}
.padding-t-120 {padding-top: 120px}
.padding-l-120 {padding-left: 120px}
.padding-r-120 {padding-right: 120px}
.padding-140 {padding:140px 0}
.padding-b-140 {padding-bottom:140px}
.padding-t-140 {padding-top:140px}
.padding-l-140 {padding-left:140px}
.padding-r-140 {padding-right:140px}

.gap-0 {gap:0 !important}
.gap-1 {gap:8.33%}
.gap-2 {gap:16.33%}
.gap-5 {gap:5px}
.gap-10 {gap:10px}
.gap-20 {gap:20px}
.gap-30 {gap:30px}
.gap-40 {gap:40px}
.gap-60 {gap:60px}
.gap-80 {gap:80px}
.gap-100 {gap:100px}
.gap-120 {gap:120px}
.gap-140 {gap:140px}

.margin-auto { margin:0 auto; }
.margin-0 {margin:0 !important}
.margin-b-0 { margin-bottom: 0; }
.margin-t-0 { margin-top: 0; }
.margin-5 {margin:5px !important}
.margin-b-5 { margin-bottom: 5px; }
.margin-t-5 { margin-top: 5px; }
.margin-10 {margin:10px !important}
.margin-b-10 { margin-bottom: 10px; }
.margin-t-10 { margin-top: 10px; }
.margin-20 {margin:20px 0}
.margin-b-20 { margin-bottom: 20px; }
.margin-t-20 { margin-top: 20px; }
.margin-30 {margin:30px 0}
.margin-b-30 { margin-bottom: 30px; }
.margin-t-30 { margin-top: 30px; }
.margin-40 {margin:40px 0}
.margin-b-40 { margin-bottom: 40px; }
.margin-t-40 { margin-top: 40px; }
.margin-50 {margin:50px 0}
.margin-b-50 { margin-bottom: 50px; }
.margin-t-50 { margin-top: 50px; }
.margin-60 {margin:60px 0}
.margin-b-60 { margin-bottom: 60px; }
.margin-t-60 { margin-top: 60px; }
.margin-80 {margin:80px 0}
.margin-b-80 { margin-bottom: 80px; }
.margin-t-80 { margin-top: 80px; }
.margin-100 {margin:100px 0}
.margin-b-100{ margin-bottom: 100px; }
.margin-t-100 { margin-top: 100px; }
.margin-120 {margin:120px 0}
.margin-b-120  { margin-bottom: 120px; }
.margin-t-120  { margin-top: 120px; }

.border-r-05 { border-radius:5px }
.border-r-10 { border-radius:10px }
.border-r-15 { border-radius:15px }
.border-r-20 { border-radius:20px }
.border-r-30 { border-radius:30px }

.letter-s-10 {letter-spacing: 1px;}
.letter-s-20 {letter-spacing: 2px;}
.letter-s-30 {letter-spacing: 3px;}
.letter-s-40 {letter-spacing: 4px;}
.letter-s-50 {letter-spacing: 5px;}
.letter-s-60 {letter-spacing: 6px;}
.letter-s-70 {letter-spacing: 7px;}

.uppercase { text-transform: uppercase }

.micro-text {display: block; font-size: var(--micro); line-height: 1.4;}
.xxsm-text {display: block; font-size: var(--xxsmall); line-height: 1.4;}
.xsm-text {display: block; font-size: var(--xsmall); line-height: 1.4;}
.sm-text {display: block; font-size: var(--small); line-height: 1.4;}
.med-text {display: block; font-size: var(--medium); line-height: 1.4}
.lrg-text {display: block; font-size: var(--large); line-height: 1.4}

.image-fill {object-fit: cover; object-position: center;}
.multiply {mix-blend-mode: multiply;}

.mobile {display: none;}
.desktop { display: flex; }

a, button, .text-link { text-decoration: none; cursor: pointer;}
a:hover { text-decoration: none;}

h1, h2, h3, h4, h5, h6 { z-index: 2; margin: 0; line-height: 1}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none; color: inherit; }
h1 {  font-size: var(--xlarge); font-weight: normal }
h2{ font-size: var(--large); font-weight: normal }
h3{ font-size: var(--medium);  font-weight: 300 }
h4{ font-size: var(--small);  font-weight: normal}
h5{ font-size: var(--small);  font-weight: normal}
h6{ font-size: var(--xxsmall);  font-weight: normal}
body,p  { font-size: var(--xsmall); font-weight: 300}
span {line-height: 1.5; font-family:inherit;}
iframe {border: 0;}

img {width: 100%;}
svg {width: auto;}
ul {list-style-position: outside;list-style-type: initial; padding-inline-start: 20px; text-indent: 0;}
li { padding: 0 0 15px;}

.hide { display:none; transition: opacity 0.7s ease-in; opacity: 0;}

:root {
    --white: #FFFFFF;
    --black: #191919;
    --primary: #E1DBCC;
    --secondary: #1d1d1d;
    --tertiary: #8E8E8E;
    --quartiary:#101010;
    --quinary: #F5F5F5;
    --red: #FF4949;
    --xxlarge: 60px;
    --xlarge: 50px;
    --large: 40px;
    --xmedium: 32px;
    --medium: 20px;
    --small: 18px;
    --xsmall: 16px;
    --xxsmall: 14px;
    --micro: 12px;
    --xmicro: 8px;
        
}
.white, .white p { color: var(--white);}
.whitebg { background: var(--white);}
.black, .black p { color: var(--black);}
.blackbg { background: var(--black);}
.primary, .primary p { color: var(--primary);}
.primarybg { background: var(--primary);}
.secondary, .secondary p { color: var(--secondary);}
.secondarybg { background: var(--secondary);}
.tertiary, .tertiary p { color: var(--tertiary);}
.tertiarybg { background: var(--tertiary);}
.quartiary, .quartiary p { color: var(--quartiary);}
.quartiarybg { background: var(--quartiary);}
.quinary, .quinary p { color: var(--quinary);}
.quinarybg { background: var(--quinary);}
.red, .red p { color: var(--red);}

.primary-font { font-family: 'GT Ultra', sans-serif;  font-weight: normal;}
.secondary-font { font-family: 'GT Ultra', sans-serif;  font-weight: 300;}
.tertiary-font { font-family: 'Akzidenz-Grotesk Pro', sans-serif;  font-weight: 300;}

/* Input */
.form-wrapper input, .form-wrapper select, .form-wrapper textarea { border-radius: 0 !important; background: transparent; border: 1px solid var(--black); font-family: 'GT Ultra', sans-serif;  padding: 8px 0 !important; text-transform: uppercase; border-style: none none solid;  font-size: var(--xxsmall) !important; letter-spacing: 2px; }
select { -webkit-appearance: none !important; appearance: none !important;}
::placeholder { text-transform: uppercase; color: rgba(25, 25, 25, 0.50) !important; font-family: 'GT Ultra', sans-serif; font-size: var(--xxsmall) !important; letter-spacing: 2px; }
:focus-visible { outline-offset: 0px; outline: none !important;}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0px 1000px transparent inset;box-shadow: 0 0 0px 1000px transparent inset; -webkit-text-fill-color: inherit; /* inherit text color from your normal input */transition: background-color 5000s ease-in-out 0s;}

.form-wrapper .gform_footer {justify-content: center; margin-top: 80px !important; padding: 0 !important;}
.form-wrapper .gform_button { line-height: 1 !important; background: var(--black) !important; font-family: 'GT Ultra', sans-serif; font-size: 16px; font-weight: 300; padding: 15px 40px !important; color: var(--primary); text-transform: uppercase; letter-spacing: 5px; border-radius: 30px !important; border: 0;}
.form-wrapper .gform_button:hover { background: var(--tertiary) !important; }
.form-wrapper .gform_fields {grid-row-gap: 60px !important;}

.form-wrapper .validation_message {padding: 3px 0 !important;border-style: none !important;background: transparent !important; font-family: 'GT Ultra' !important;font-size: var(--xxsmall) !important;font-weight: normal !important;}
.form-wrapper .gfield_error [aria-invalid=true] {  border: 1px solid var(--black) !important; border-style: none none solid !important;}
.gform_wrapper .gform_validation_errors { display: none !important;}
#gform_ajax_spinner_1 { display: none !important;}
.gfield select { -webkit-appearance: none !important; appearance: none !important; background: url('https://pescadopalmbeach.com.au/wp-content/themes/boilerplate/images/arrow.svg'); background-size: 7px; background-repeat: no-repeat !important;   transition: transform 0.3s ease-in-out; background-position: 97% 15px !important;}
.gf-select-dropdown:before { content: url('https://pescadopalmbeach.com.au/wp-content/themes/boilerplate/images/arrow.svg') !important;transition: transform 0.3s ease-in-out; position: absolute; right: 0%;top: 10px;width: 15px;height: 15px;z-index: 9;}
.gf-expanded:before { transition: transform 0.3s ease-in-out; transform: rotate(90deg);}
.gf-select-dropdown {  border-bottom: 1px solid var(--black); color: rgba(25, 25, 25, 0.50) !important; letter-spacing: 2px; font-family: 'GT Ultra', sans-serif;  padding: 8px 0 !important; position: relative; display: inline-block; width: 100%;cursor: pointer; background: transparent;  border-style: none none solid none; text-transform: uppercase; font-size: var(--xxsmall);}
.gf-select-options { display: none;width: 100%; z-index: 1000;}
.gf-select-options div { cursor: pointer; padding: 5px 5px;}
.gf-selected-text { color: var(--black);}
.gf-expanded .gf-select-options { display: block; color: rgba(25, 25, 25, 0.50) !important; margin-top:10px; letter-spacing: 2px; font-family: 'GT Ultra', sans-serif;}
.gf-select-options div:hover { color: var(--black);}
option.gf_placeholder {color: var(--black);}

/* Buttons */
.primary-button {box-sizing: border-box;background: var(--primary); padding: 12px 40px !important;  color: var(--black); text-transform: uppercase; letter-spacing: 4px; border-radius: 30px; border: 0;}
.primary-button:hover { background: var(--black); color: var(--white); transition:0.3s ease all;}

.secondary-button {width: fit-content;box-sizing: border-box;background: var(--black);font-weight: 600; color: var(--primary);padding: 12px 40px !important; text-transform: uppercase; letter-spacing: 4px; border-radius: 30px; border: 0;}
.secondary-button:hover { background: var(--white); color: var(--black); transition:0.3s ease all;}

.tertiary-button {box-sizing: border-box;background: var(--black); color: var(--white);padding: 12px 40px !important; text-transform: uppercase; letter-spacing: 4px; border-radius: 30px; border: 0;}
.tertiary-button:hover { background: var(--secondary); color: var(--primary); transition:0.3s ease all;}

.text-link { cursor: pointer; }
.text-link:hover {}
.text-link a {}


/* Menu */
header { display: none; width: 100%;margin: 0 auto; padding: 0;z-index: 100;position: fixed; top: 0;left: 0; right: 0;}
header .row {padding: 15px 0 ; justify-content: space-between;}

.hero {position: relative;}
.menu { display: flex;padding: 15px 0;margin: 0;   align-items: center;}
.menu-item {margin: 0 7px; position: relative;}
.menu-item:hover {text-decoration: underline;}
.current-menu-item a {text-decoration: underline;}
.menu-item a {color: var(--darkblue); padding: 10px 0; text-decoration: none; text-transform: uppercase;font-size: 12px; letter-spacing: 1px;}
.menu-item .active:after {display:none;}
.menu-item-has-children {margin-right: 20px;} 
.menu-item-has-children::after {content: '';position: absolute;right: -12px;  width: 0; height: 0; top: 0;bottom: 0;border-right: transparent 4px solid; border-left: 4px solid transparent; border-top: 4px solid var(--darkblue); margin: auto;}
.menu-item-has-children:hover::after {border-top: 0px solid transparent; border-bottom: 4px solid var(--primary);}

.sub-menu {display: none;}
.sub-menu.active { position: absolute;top: 25px; display: block; z-index: 9999; background: var(--white); padding: 5px 0;}
.sub-menu .menu-item { width: max-content; padding: 10px;}
.sub-menu .menu-item:hover {text-decoration: underline;}

.logocontainer { width: 250px;  position: absolute; left: 0; right: 0; margin: auto; top: 60px; z-index: 99;}
.sitelogo {transition: opacity 0.7s ease-in;}
.sitelogo svg {width: auto; height: 60px;}

.secondary-menu {width: auto;align-items: center;}


/* Coming Soon */
.page-template-page-landing-php header {display: none;}

.introduction {overflow: hidden;}

.media-wrapper {overflow: hidden;}
.media-underlay { position: absolute;top: 0; z-index: 0; bottom: 0; margin: auto; height: fit-content; width: auto;}
.brand-media svg {min-width: 300px;height: auto;}

.enquiry h2 {visibility: visible;transition: 0.3s ease all; opacity: 1}
.enquiry.submitted h2 { visibility: hidden; transition: 0.3s ease all; opacity: 0}
/* Home Page */


/* Policy Content */
.policy-content p {margin: 30px 0;}
.policy-content h4 { text-transform: uppercase;font-weight: 300;margin-top: 80px !important;font-size: var(--xsmall) !important;}
.policy-content a {color: var(--black);text-decoration: underline;}

/* Modals */
.mfp-content { }
.mfp-close {background: white !important;color: var(--primary) !important; opacity: 1; box-sizing: border-box !important;  top: 20px; right: 20px; border-radius: 26px;}
.mfp-content form { }

/* Footer */



@media (max-width: 768px) { 


.mobile {display: flex;}
.desktop { display: none; }


.secondary-font { font-family: 'GT Ultra', sans-serif;  font-weight: 100 !important;}


body, p {font-weight: 100;}
.form-wrapper input, .form-wrapper select, .form-wrapper textarea {font-weight: 100;}

.media-underlay img { height: 100%; width: auto;max-height: 360px;}
.brand-media {padding-top: 140px;}
.brand-media svg { min-width: 210px;}

.introduction-content {width: 85% !important;}
.introduction-content h1 { margin-top: 0;}
.policy-content { width: 100%;}

.enquiry-form {width: 85%; padding-bottom: 0;}
.form-wrapper .gform_fields {grid-row-gap: 40px !important;}

.footer-row {padding-bottom: 40px !important;padding-top: 0 !important;}

.credit-row { flex-wrap: wrap; gap: 14px;display: flex; text-align: center;justify-content: space-evenly;}
.credit-item { width: 45%; }
.credit-item:first-of-type {width: 100%;}
.credit-item:last-of-type { width: 100%;}


 }