/* vantech.uk 2024-10-11 */

:root
{
  --set-width: 1380px;
  --main-color: #616A76;
  --main-bg-color: #fff;
  --header-color: #909BA8;
  --header-bg-color: #fff;
  --link-color: #84CD9B;
  --link-hover-color: #5CCD7F;
  --heading-color: #474F58;
  --sub-heading-color: #474F58;
  --stripe-color: #84CD9B;
  --body-font: 'Jost', sans-serif;
  --heading-font: 'Roboto Slab', serif;
  --text-strong-color: #474F58;
  --text-light-color: #757D86;
  --text-warning-color: #D07093;
  --border-light-color: #DCE5ED;
  --border-dark-color: #878787;
  --footer-color: #909BA8;
  --footer-bg-color: inherit;
  --button-bg-color: #84CD9B;
  --button-bg-hover-color: #5CCD7F;
  --button-color: #fff;
  --button-hover-color: #fff;
  --button-border-color: #84CD9B;
  --button-border-hover-color: #5CCD7F;
  --inv-bg-color: #5294E2;
  --inv-color: #fff;
  --text-black-color: #000;
  --slide-ind-color: rgba(0,0,0,0.3);
  --slide-ind-active-color: rgba(0,0,0,0.75);
}

body
{
  color: var(--main-color);
  background-color: var(--main-bg-color);
  font-family: var(--body-font);
  font-size: 0.975em;
  font-weight: 400;
  font-optical-sizing: auto;
  padding: 0;
}

strong
{
  font-weight: 600;
  color: var(--text-strong-color);
}

h1, h2, h3, h4, h5, dt
{
  font-family: var(--heading-font);
  font-weight: 200;
  color: var(--heading-color);
  margin-bottom: 0.5em;
  letter-spacing: -0.025em;
}

h1
{
  font-size: 2em;
}

h2
{
  font-size: 1.75em;
}

h3, .unit.fb[data-uix="1"] .text-part h2:first-child
{
  font-size: 1.25em;
}

h4
{
  font-size: 1em;
}

#outer-width
{
  width: 100%;
  margin: 0;
  padding: 0;
}

.set-width
{
  width: calc(100% - 2em);
  max-width: var(--set-width);
  margin: 0 auto;
  transition: width 0.5s;
}

span.text-ctrl
{
  cursor: pointer;
}

a, span.text-ctrl
{
  color: var(--link-color);
  transition: 0.35s;
}

a:hover, span.text-ctrl:hover
{
  color: var(--link-hover-color);
}

a.phone-link-disabled, a.phone-link-disabled:hover
{
  color: var(--main-color);
  cursor: text;
}

ul li:before, ul.tight-list li:last-child:before
{
  background-color: var(--stripe-color);
}

header
{
  background-color: var(--header-bg-color);
  position: relative;
  z-index: 999;
  box-shadow: none;
  transition: box-shadow 1s;
}

body.with-fixed-nav header
{
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  border-top-color: #fff;
  box-shadow: 0 0.25em 0.75em -0.5em rgba(111, 120, 132, 0.5);
}

#top-brand
{
  display: flex;
  padding: 2em 0 0 0;
}

#header-left
{
  width: 66.6666%;
}

#header-right
{
  width: 33.3333%;
  text-align: right;
  display: flex;
  flex-direction: column;
}

#home-link-footer, #plant-healthy-link-footer
{
  display: block;
  background: transparent url(../graphics/logo.svg) 0 50% no-repeat;
  background-size: contain;
  height: 10em;
  width: 100%;
  margin: 0;
}

#home-link
{
  display: block;
  margin: auto 0 0 0;
  padding: 0 0 0.5em 0;
}

#home-link h1
{
  margin: 0;
  padding: 0 0 0.5em 0;
  transition: font-size 0.5s;
}

body.with-fixed-nav #home-link h1
{
  font-size: 1.5em;
}

#plant-healthy-link-footer
{
  background-image: url(../graphics/plant-health-logo.svg);
}

#home-link-footer, #plant-healthy-link-footer
{
  height: 8em;
}

#phone
{
  margin: 0.5em 0;
  color: #116DD8;
  font-size: 1.25em;
}

#phone a.phone-link
{
  color: #116DD8;
}

#media-view header, #media-view #main-nav
{
  display: none;
}

#post-header
{
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 2em 0 8em 0;
}

#content
{
  font-size: 0.95em;
  min-height: 30em;
  line-height: 1.75;
  padding: 0;
  margin: 0;
}

#content .set-width:last-child
{
  padding-bottom: 4em;
}

body.blog-style-folder #content .set-width:last-child
{
  padding-bottom: 0;
}

#media-view #post-header
{
  padding-top: 1.75em;
}

body.no-padding-top #post-header
{
  padding-top: 0;
}

body.with-fixed-nav #post-header
{
  padding-top: 6.5em;
}

body.no-padding-top.with-fixed-nav #post-header
{
  padding-top: 4.5em;
}

#trigger-touch-nav
{
  display: none;
  width: 64px;
  height: 64px;
  background: transparent url(../graphics/nav-trigger-ready.svg) 50% 50% no-repeat;
  background-size: cover;
  cursor: pointer;
  transition: background-image 0.5s;
}

#trigger-touch-nav.trigger-active
{
  background-image: url(../graphics/nav-trigger-on.svg);
}

#trigger-touch-nav span
{
  display: none;
}

#trigger-touch-nav:hover
{
  background-image: url(../graphics/nav-trigger-ready-hover.svg);
}

#trigger-touch-nav.trigger-active:hover
{
  background-image: url(../graphics/nav-trigger-on-hover.svg);
}

#main-nav
{
  background-color: #fff;
  transition: all 0.75s;
}

nav ul.top-level
{
  margin-left: -1.5em;
}

nav ul
{
  display: flex;
  margin: 0 auto;
}

nav li
{
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  transition: 0.5s;
}

nav li:before, #aux-nav li:before, #social li:before, #social-footer li:before
{
  content: '';
  display: none;
}

nav a
{
  display: block;
  padding: 1.25em;
  cursor: pointer;
  transition: 0.5s;
  color: #424F55;
  background-color: transparent;
}

nav a:hover
{
  background-color: #F8FBFE;
}

nav li:hover > a, nav li:hover
{
  color: #1E282C;
  border-bottom-color: var(--stripe-color);
}

nav li.has-dropdown:hover > a, nav li.has-dropdown:hover
{
  border-bottom-color: #EEF5F7;
  background-color: #F8FBFE;
}

nav ul.dropdown
{
  display: block;
  position: absolute;
  z-index: 999;
  left: 0;
  margin-left: 0;
  margin-top: 0;
  width: 18rem;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s;
  background-color: #F8FBFE;
  box-shadow: 0 0.75em 0.5em -0.75em rgba(111, 120, 132, 0.75);
}

nav li.hide-dropdown ul.dropdown
{
  display: none;
}

nav li:hover ul.dropdown
{
  max-height: 40rem;
}

nav ul.dropdown li
{
  display: block;
  width: 100%;
}

nav ul.dropdown li a, nav ul.dropdown li:first-child a
{
  margin: 0;
  padding: 1em 1.5em;
  border-top: 1px dotted #E9EEF1;
}

nav ul.dropdown li:last-child
{
  border-bottom: 0.5em solid var(--stripe-color);
}

nav ul.dropdown li a:hover
{
  background-color: #F2F6FB;
}

nav a.current, nav a.current:hover
{
  pointer-events: none;
}

#content .unit.text.padding-right
{
  padding-right: 2em;
}

audio
{
  width: 60%;
}

audio:focus
{
  outline: none;
  border: 1px solid var(--border-light-color);
}

dt
{
  font-size: 1em;
  font-weight: bold;
}

table
{
  background-color: #fff;
  border: 1px solid var(--border-light-color);
  width: 100%;
  font-size: 0.95em;
  margin: 0 0 1em 0;
}

tr
{
  border-bottom: 1px solid var(--border-light-color);
}

th
{
  background-color: #DCE5ED;
  color: #3B4956;
}

td, th
{
  text-align: left;
  border: none;
  padding: 0.5em;
  vertical-align: middle;
}

td.centre, th.centre
{
  text-align: center;
}

td.right, th.right
{
  text-align: right;
}

.text-center
{
  text-align: center;
}

dt
{
  padding: 0.25em 0;
}

dd
{
  padding: 0.25em 0.25em 1em 2em;
}

hr
{
  border-top-color: var(--border-light-color);
}

.unit.html p:last-child
{
  margin-bottom: 0;
}

.unit.fb.panel-content
{
  font-size: 1em;
}

a.fb.folder-box p
{
  color: var(--main-color);
}

.unit.g-img
{
  position: relative;
  overflow: hidden;
  font-size: 0.9em;
}

.unit.img .text-part
{
  padding: 0;  
}

.unit.g-img .text-part
{
  position: absolute;
  bottom: 0;
  width: 100%;
  max-height: 0;
  background-color: rgba(256,256,256,0.975);
  transition: max-height 0.75s;
}

.unit.g-img:hover .text-part
{
  max-height: 50%;
}

body.hide-image-captions .unit.img .text-part
{
  display: none;
}

.unit.img .unit-buy
{
  display: inline;
}

figcaption, .figcaption, 
a figcaption, a .figcaption
{
  font-size: 1em;
  margin-bottom: 0;
  line-height: 1.25;
}

.unit-buy.unit-sold
{
  color: #BCBDC0;
}

.unit-for-sale
{
  position: relative;
}

.text-part
{
  padding: 1em 0.25em 0.25em 0.25em;
}

.unit.color-black
{
  background-color: rgba(39,41,47,0.85);
  color: #E8EAEE;
}

.unit.color-white
{
  background-color: #fff;
}

.unit.color-white-opaque
{
  background-color: rgba(256,256,256,0.9);
  color: #565D67;
}

.unit.color-black-opaque
{
  background-color: rgba(35, 42, 50, 0.8);
  color: #fff;
}

.unit.color-black-opaque *
{
  color: #fff;
}

.unit.color-grey
{
  background-color: #DEE4E9;
  color: #5D646D;
}

.unit.color-grey h3
{
  color: #4F5761;
}

h2.persist-text-title
{
  font-size: 1.5em;
}

.unit.color-black h3
{
  color: #EEEFF1;
}

a.unit.color-black:hover
{
  background-color: #fff;
}

.unit.color-black a
{
  color: #D6D9DF;
}

.unit.color-black a:hover
{
  color: #fff;
}

#media-ctrl-left, #media-ctrl-right
{
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 3em;
}

#media-ctrl-right
{
  left: auto;
  right: 0;
}

#media-centre
{
  width: calc(100% - 6em);
  padding: 0;
  margin: 0 auto;
}

#media-centre.video
{
  position: relative;
  width: 100%;
}

#media-heading
{
  min-height: 1.25em;
  text-align: center;
}

:fullscreen #media-heading
{
  display: none;
}

#media-engage .media-buy-img, #media-engage .media-sold-img, #media-engage .media-more-imgs
{
  font-size: 1em;
  border: 1px solid var(--main-color);
  padding: 0.125em 0.5em;
  background-color: var(--main-bg-color);
  color: var(--heading-color);
}

#media-heading .no-heading
{
  visibility: hidden;
}

#media-engage .media-sold-img
{
  color: #BEBEBE;
  border-color: var(--border-light-color);
}

.unit.text #media-engage a:hover
{
  background-color: #EDEDED;
}

#media-close-button, #media-expand, a#media-prev, a#media-next
{
  transition: background-image 0.5s;
}

#media-close-button:hover
{
  background-image: url(../graphics/media-close-hover.svg);
}

#media-expand:hover
{
  background-image: url(../graphics/media-expand-hover.svg);
}

:fullscreen #media-expand:hover
{
  background-image: url(../graphics/media-shrink-hover.svg);
}

a#media-prev:hover
{
  background-image: url(../graphics/media-nav-prev-hover.svg);
}

a#media-next:hover
{
  background-image: url(../graphics/media-nav-next-hover.svg);
}

.media-text-divider
{
  padding-top: 1em;
}

#media-heading
{
  padding: 0;
}

#media-canvas
{
  position: relative;
  margin-top: 1em;
}

#media-canvas img
{
  pointer-events: none;
}

#swipe-mask
{
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}

#swipe-mask img
{
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}

#media-text-section
{
  padding: 0 0 3em 0;
  text-align: center;
}

iframe
{
  margin: 0 0 1em 0;
}

/* Selection lists */

ul.pselect, ul.pselect *
{
  transition: 0.5s;
}

ul.pselect li:before
{
  content: '';
  display: none;
}

ul.pselect, ul.pselect ul
{
  padding: 0;
  margin: 0;
  border: 1px solid var(--border-light-color);
  border-top: none;
}

ul.pselect
{
  margin-bottom: 0.5em;
}

ul.pselect li
{
  border-top: 1px solid var(--border-light-color);
  background-image: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

ul.pselect a, ul.pselect span
{
  display: block;
  padding: 0.25em 0.5em;
  cursor: pointer;
}

ul.pselect a, ul.pselect span
{
  display: block;
  width: 100%;
  padding: 0.5em;
  color: #2A2A2A;
  background-color: #fff;
}

ul.pselect a:hover
{
  background-color: #F8F8F8;
  color: #000;
}

ul.pselect span
{
  background-image: url(../graphics/has-dropdown.png);
  background-position:  98% 50%;
  background-repeat: no-repeat;
  background-size: auto 25%;
}

ul.pselect span.not-available
{
  cursor: not-allowed;
  background-image: none;
  background-color: #F3F3F3;
  color: #D3D3D3;
}

ul.pselect ul
{
  position: absolute;
  left: -1px;
  width: calc(100% + 2px);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s;
  z-index: 99;
}

ul.pselect li:hover ul
{
  max-height: 20em;
}

ul.pselect:hover, ul.pselect:hover *
{
  border-color: var(--border-dark-color);
}

fieldset
{
  border: none;
}

input[type=text], input[type=number], input[type=email], input[type=tel], select, textarea
{
  background-color: #fff;
  color: var(--main-color);
  font-family: var(--body-font);
  font-size: 1.075em;
  border: 1px solid var(--border-light-color);
  border-radius: 0.5em;
}

input[type=text].error, input[type=number].error, input[type=email].error, input[type=tel].error, select.error, textarea.error, input.error::placeholder, textarea.error::placeholder
{
  background-color: #fff;
  color: #D07093;
  border-color: #EAA6BF;
}

input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=tel]:focus, select:focus, textarea:focus, textarea:focus
{
  outline: none;
  border: 1px solid #3F3F3F;
}

button, .button
{
  color: var(--button-color);
  background-color: var(--button-bg-color);
  border: 0.25em solid var(--button-border-color);
  transition: 0.5s;
  text-align: center;
  border-radius: 0.5em;
  font-weight: bold !important;
}

button.full-width-button, .button.full-width-button
{
  width: 100%;
}

#contactForm .button
{
  display: inline-block;
  width: 100%;
}

button:hover, .button:hover
{
  color: var(--button-hover-color);
  background-color: var(--button-bg-hover-color);
  border-color: var(--button-border-hover-color);
}

.tab-section label.tab-label
{
  border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
  border-color: var(--border-light-color);
  background-color: #F2F6FB;
  color: var(--text-strong-color);
  font-weight: bold;
}

.tab-section label.tab-label:hover
{
  background-color: #EBEEF2;
  color: var(--link-hover-color);
}

.tab-section input.tab-switch:checked + label
{
  background-color: var(--main-bg-color);
  color: var(--text-strong-color);
  border-bottom-color: #fff;
}

.tab-section.padding-none .unit.panel-content
{
  padding-top: 0;
}

.tab-section .fb.side-by-side.reverse .text-part
{
  padding-left: 0;
}

.tab-ctrl-follower
{
  margin: -30px -1em 0 -1em;
  width: calc(100% + 2em);
  height: 30px;
  background: rgb(255,255,255);
  background: linear-gradient(0deg, #F2F6FB 0%, #fff 100%);
  border-bottom: 1px solid var(--border-light-color);
}

#contactForm #clientAreaBox
{
  display: none;
}

/* Forms */

ul.error li:before
{
  background-color: var(--text-warning-color);
}

ul.error li
{
  padding-bottom: 0;
}

ul.error li:last-child
{
  padding-bottom: 1em;
}

.tip
{
  color: #11819E;
}

.warning
{
  color: var(--text-warning-color);
}

.unit.no-margin-bottom
{
  margin-bottom: 0;
}

.unit.margin-bottom
{
  margin-bottom: 2em;
}

input.readonly
{
  background-color: #E7E7E7;
  color: #A0A0A0;
}

input.pseudo-submit
{
  position: absolute;
  left: -999em;
}

p.check-ctrl-contr
{
  padding: 0 0 0.5em 0;
}

.check-ctrl input
{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark
{
  position: absolute;
  top: 0;
  left: 100%;
  padding: 0.25em;
  font-size: 1.5em;
  border: 1px solid var(--border-light-color);
  color: #fff;
}

.check-ctrl:hover input ~ .checkmark
{
  background-color: #E1E1E1;
  color: #E1E1E1;
}

.check-ctrl input:checked ~ .checkmark
{
  background-color: #fff;
  color: #4F4F4F;
}

.check-ctrl:hover input:checked ~ .checkmark
{
  background-color: #E1E1E1;
  color: #4F4F4F;
}

p.search-box
{
  border-color: var(--button-border-color);
}

p.search-box .button
{
  border-radius: 0;
}

.folder-item-nav a i.fas, 
.folder-item-nav a i.fa-solid
{
  display: inline-block;
  position: relative;
  top: -0.125em;
  width: 1.5em;
  font-size: 0.75em;
  padding: 0.25em;
  background-color: var(--link-color);
  color: #fff;
  border: none;
  border-radius: 0.25em;
  transition: background-color 0.5s;
  text-align: center;
}

.folder-item-nav a
{
  white-space: nowrap;
}

.folder-item-nav a:hover i.fas, 
.folder-item-nav a:hover i.fa-solid
{
  color: #fff;
  background-color: var(--link-hover-color);
}

footer
{
  width: 100%;
  min-height: 15em;
  padding: 0 0 2em 0;
  font-size: 0.95em;
  background-color: var(--footer-bg-color);
}

footer .set-width
{
  padding-top: 1.5em;
  border-top: 1px solid var(--border-light-color);
}

footer, footer p, footer a
{
  color: var(--footer-color);
}

#footer-bottom, #footer-credits
{
  margin-top: 3em;
}

#aux-nav
{
  list-style: none;
  padding: 0;
  margin: 0 0 0.25em 0;
  line-height: 1em;
}

#aux-nav li
{
  display: inline-block;
  margin: 0;
}

#aux-nav li:after
{
  display: inline-block;
  padding: 0 0.25em 0 0.5em;
  content: ' \2002 ';
}

#aux-nav li:last-child:after
{
  display: none;
}

#social
{
  font-size: 1.5em;
  margin: 0;
}

#social li a
{
  margin: 0 0 0.125em 0.125em;
  padding: 0.125em;
}

#social-footer
{
  font-size: 1.5em;
  margin: 0.25em 0 1em -0.25em;
}

#social-footer li, #social li
{
  display: inline-block;
  margin: 0;
  padding: 0;
}

#social-footer li a
{
  margin: 0 0.125em 0.125em 0;
  padding: 0.125em;
}

#social li a
{
  color: var(--header-color);
}

#social li a:hover
{
  color: #156AF7;
}

/* ----------- CUSTOM ------------ */

body.pg-root .unit.fb.layered.lfb-text-center .text-part
{
  left: 10%;
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
}

body.pg-root .unit.fb.layered.lfb-text-center .text-part h2
{
  text-align: center;
  font-family: var(--heading-font);
  font-size: 4em;
  letter-spacing: normal;
  font-weight: 200;
  line-height: 1.25;
  color: #fff;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.85);
}

@keyframes animateright
{
  from {

    right: -100%;
  
  } to {
  
    right: 0;
  }
}

.unit.fb.slide.active, .unit.svg.slide.active
{
  background-color: var(--main-bg-color);
}

.unit.img.slide-in-caption .text-part
{
  position: relative;
  bottom: 25%;
  margin: 0 2.5% 0 20%;
  display: block;
  background-color: #fff;
  font-size: 2em;
  font-weight: bold;
  padding: 0.5em;
  animation: animateright 0.75s;
  letter-spacing: -0.05em;
}

.unit.img.slide-in-caption.color-black .text-part
{
  background-color: rgba(39,41,47,0.75);
  color: #fff;
}

dt
{
  padding: 0.75em 2.5em 0.5em 1.5em;
}

dd
{
  padding: 0 2.5em 1em 3em;
}

dt
{
  position: relative;
  border-top: 1px solid #367DBF;
  cursor: pointer;
}

dt::after
{
  display: inline-block;
  position: absolute;
  left: calc(100% - 2em);
  top: 0.5em;
  font-family: 'Font Awesome 6 Free';
  font-size: 1.25em;
  font-weight: 900;
  content: "\f107";
}


/* --------- END CUSTOM ---------- */

@media all and (max-width: 1579px)
{
  .unit.slides.w-1-1
  {
    width: calc(100% + 2em);
    margin-left: -1em;
    margin-right: -1em;
  }
}

@media all and (max-width: 1360px)
{
  .slide-text, .persist-text, .slide-canvas .persist-text
  {
    display: block;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
    left: auto;
    width: 50%;
    height: 100%;
    padding-right: 0;
  }

  body.pg-root .unit.fb.layered.lfb-text-center .text-part h2
  {
    font-size: 3.25em;
  }
}

@media all and (max-width: 1160px)
{

  #mobile-detect
  {
    width: 1px;
    height: 1px;
  }

  .mobile-only
  {
    display: block;
  }
  
  #trigger-touch-nav
  {
    display: block;
    position: absolute;
    z-index: 999;
    top: 0.5em;
    right: 0.5em;
  }

  #top-brand
  {
    display: block;
  }

  #header-left, #header-right
  {
    width: 100%;
  }

  #header-right
  {
    display: flex;
    text-align: left;
  }

  #phone, #social
  {
    display: block;
    width: 50%;
    margin-top: 0.75em;
    text-align: right;
  }

  #social
  {
    text-align: left;
    margin-top: 0.6em;
  }

  header
  {
    width: 100%;
  }

  #home-link h1
  {
    padding: 0 0 0 0.5em;
  }

  #main-nav
  {
    position: absolute;
    top: 0;
    z-index: 999;
    display: block;
    max-height: 0;
    overflow: hidden;
    border-top: none;
    opacity: 0;
    transition: 0.5s;
  }
  
  #main-nav.nav-active
  {
    overflow: visible;
    max-height: 40em;
    opacity: 1;
  }

  #main-header .set-width
  {
    width: 100%;
  }

  #main-nav ul
  {
    display: block;
  }

  #main-nav ul ul
  {
    display: none;
  }

  #main-nav *
  {
    border-bottom: none;
  }

  #main-nav ul.top-level
  {
    border-bottom: 0.5em solid var(--stripe-color);
    margin-left: 0;
    padding: 0 1em;
  }

  #main-nav a, #main-nav a:hover
  {
    padding: 1.25em 0;
    border-top: 1px solid #ECEFF3;
  }

  #main-nav a:hover
  {
    background-color: #F8FBFE;
  }

  .w-1-4, .w-1-3, .w-1-2, .w-2-3, .w-3-4, 
  .w-1-4.margin-none, .w-1-4.margin-bottom, 
  .w-1-3.margin-none, .w-1-3.margin-bottom, 
  .w-1-2.margin-none, .w-1-2.margin-bottom, 
  .w-2-3.margin-none, .w-2-3.margin-bottom, 
  .w-3-4.margin-none, .w-3-4.margin-bottom
  {
    width: calc(50% - 0.5em);
  }

  .slides.w-2-3, .slides.w-1-2, .grow-to-full-width, 
  .grow-to-full-width.margin-none, .grow-to-full-width.margin-bottom
  {
    width: 100%;
  }

  .slides .persist-text
  {
    width: 75%;
    left: 25%;
  }

  .slides .persist-text.text-moved
  {
    width: 100%;
    left: 0;
  }

  a.phone-link, a.phone-link:hover
  {
    pointer-events: auto;
    color: var(--link-color);
    cursor: pointer;
  }
  
  a.phone-link:hover
  {
    color: var(--link-hover-color);
  }

  audio
  {
    width: 75%;
  }

  #media-view #media-centre
  {
    width: 100%;
  }

  #media-view #media-prev, #media-view #media-next, #media-view #media-expand
  {
    display: none;
  }

  #media-ctrl-left, #media-ctrl-right
  {
    position: absolute;
  }

  .unit.img.slide-in-caption .text-part
  {
    font-size: 1.5em;
    bottom: 50%;
  }

  body.pg-root .unit.fb.layered.lfb-text-center .text-part h2
  {
    font-size: 2.5em;
  }

  #footer-bottom
  {
    display: block;
  }

  #footer-bottom .unit.w-1-4,
  #footer-bottom #address-footer .unit.w-1-4.right
  {
    width: 100%;
    text-align: center !important;
    margin: 2em auto;
  }

  #footer-bottom .unit.w-1-4 a
  {
    background-position: 50% 50%;
  }
}

@media all and (max-width: 1024px)
{

  .w-1-4, .w-1-3, .w-1-2, .w-2-3, .w-3-4, 
  .w-1-4.margin-none, .w-1-4.margin-bottom, 
  .w-1-3.margin-none, .w-1-3.margin-bottom, 
  .w-1-2.margin-none, .w-1-2.margin-bottom, 
  .w-2-3.margin-none, .w-2-3.margin-bottom, 
  .w-3-4.margin-none, .w-3-4.margin-bottom
  {
    width: 100%;
  }

  .w-1-2.fixed-width
  {
    width: 50%;
  }

  #content .unit.text.padding-right
  {
    padding-right: 0;
  }

  .unit.fb.side-by-side .text-part, 
  .unit.fb.side-by-side .fb-img
  {
    width: 50%;
  }

  .unit.fb.layered .text-part, 
  .unit.fb.layered.lfb-text-center .text-part, 
  .unit.fb.layered.lfb-text-right .text-part
  {
    width: calc(100% - 1em);
    left: 0.5em;
    top: 0.5em;
  }

  .slide-text, .persist-text
  {
    width: 100%;
    min-width: 100%;
    min-height: 0;
    height: 0;
  }

  audio
  {
    width: 100%;
  }

  body.pg-root .unit.fb.layered.lfb-text-center .text-part h2
  {
    font-size: 2em;
  }
}

@media all and (max-width: 800px)
{
  .persist-text.text-moved h2
  {
    font-size: 1.5em;
  }

  .unit.fb, .unit.fb.side-by-side
  {
    flex-direction: column;
  }

  .unit.fb .fb-img, .unit.fb .text-part, 
  .unit.fb.side-by-side .fb-img, .unit.fb.side-by-side .text-part
  {
    width: 100%;
  }

  body.pg-root .unit.fb.layered.lfb-text-center .text-part h2
  {
    font-size: 1.75em;
    font-weight: 300;
  }
}

@media all and (max-width: 600px)
{
  body.pg-root .unit.fb.layered.lfb-text-center .text-part h2
  {
    font-size: 1.5em;
    font-weight: 300;
  }
}