/*
Theme Name: Petersham Main
Theme URI: #
Description: Main theme for the Petersham Nurseries family of websites
Author: Mike @ DOT
Author URI: https://dotvc.co.uk
Version: 0.1
License: Private
*/

/* ------------------------------------------------
 HTML5 Reset
------------------------------------------------ */
html{ -webkit-box-sizing: border-box; box-sizing: border-box;}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;font-family:inherit;font-size:100%;
font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align: baseline}:focus{/* remember to define focus styles! */outline:0}body{line-height:1}ol,ul{list-style: none}
table{/* tables still need 'cellspacing="0"' in the markup */border-collapse:separate;border-spacing:0}caption,th,td{font-weight:normal;text-align:left}blockquote:before,blockquote:after,q:before,q:after{content: ""}
blockquote,q{quotes: "" ""}a img{border: 0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block}.clear{clear:both}.clearfix:after{content:".";visibility:hidden;display:block;height:0;
clear:both}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}strong{font-weight:bold;}em{font-style:italic}del{text-decoration: line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
*, *:after, *:before {-webkit-box-sizing:border-box;box-sizing:border-box;}input[type=text], input[type=button] {-webkit-appearance: none;appearance: none;border-radius:0px;}

/* ------------------------------------------------
 Swatches
------------------------------------------------ */

:root {
    --dark: #000000;
    --light: #FFFAEF;
    --darkgreen: #314540;
    --highlight: #475853;
    --mediumgrey: #9F9D9A;
    --burlap: #EAE6DB;
    --bwgradient: linear-gradient(270deg, rgba(0,0,0,1) 0%, rgba(150,145,145,1) 26%, rgba(255,255,255,1) 100%);
    --bwgradient-inverted: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(150,145,145,1) 26%, rgba(255,255,255,1) 100%);
}

/* ------------------------------------------------
 Fonts
------------------------------------------------ */

/* 

// == Proxima ==
// font-family: "proxima-nova", sans-serif;
// font-weight: 400;
// font-style: normal;

// == Baskerville ==
// font-family: 'Libre Baskerville', serif;
// font-weight: 400;
// font-style: normal;

// Available: 300, 400, 500, 800

f:\Downloads\backup_2023-09-25-1625_Petersham_Nurseries_782521b40821-themes\themes\petershamnurseries-theme\dist\fonts\Avenir-Light.woff2 f:\Downloads\backup_2023-09-25-1625_Petersham_Nurseries_782521b40821-themes\themes\petershamnurseries-theme\dist\fonts\Avenir-Light.woff

*/

@font-face {
    font-family: 'avenirlight';
    src: url('fonts/Avenir-Light.woff') format('woff2'),
         url('fonts/Avenir-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;

}

/* ------------------------------------------------
 Global
------------------------------------------------ */
html {
    scroll-behavior: smooth;
}
body {
    font-family: 'Libre Baskerville', serif;
    font-size:16px;
    font-weight:400;
    background-color:var(--light);
    padding-top: 64px;
}
body.menu-open {
    overflow:hidden;
}
body.use-banner {
    padding-top: 43px;
}

/* ------------------------------------------------
 Special Occasion Banner
------------------------------------------------ */
.pnm_special-occasions-banner {
    position: absolute;
    font-size: 15px;
    background-color: #723040;
    color: var(--light);
    text-align: center;
    padding: 14px;
    top: 0px;
    width: 100%;
}
.pnm_special-occasions-banner-wrap {
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.pnm_special-occasions-banner-wrap a {
    color:var(--light);
    margin-left:10px;
}
/* ------------------------------------------------
 Global Header
------------------------------------------------ */

.pnm_global-header {
    color:var(--light);
    background-color:var(--darkgreen);
    font-family: "avenirlight", sans-serif;
    padding:20px 40px;
    position: fixed;
    width: 100%;
    z-index: 50;
    top:0px;
}
.use-banner .pnm_global-header {
    position:sticky;
}
.pnm_global-header-wrap {
    display:flex;
    align-items: center;
}
.pnm_global-header-wrap > nav,
.pnm_global-header-wrap > div {
    flex:1;
}
.pnm_global-header-wrap > figure {
    width:240px;
}
.pnm_global-header a {
    text-decoration: none;
    color:var(--light);
}
.pnm_global-header ul {
    display: flex;
    align-items: center;
}
.pnm_quick-menu {
    font-size:12px;
    letter-spacing:2px;
}
.pnm_quick-menu li {
    padding: 10px 20px 10px 0px;
    position:relative;
}
.pnm_quick-menu li ul.sub-menu {
    display:block;
    min-width: 200px;
    background-color: var(--darkgreen);
    position: absolute;
    top: -1000px;
    left: 0px;
    min-width: 300px;
    padding: 10px 20px 0px 20px;
    opacity:0;
    transition:opacity .3s ease;
}
.pnm_quick-menu li:hover ul.sub-menu {
    opacity:1;
    top:32px;
}
.pnm_quick-menu li > ul.sub-menu > li {
    padding-bottom: 20px;
}
.pnm_quick-menu a {
    display:flex;
    align-items: center;
}
.pnm_quick-menu svg {
    height:24px;
    margin-right:6px;
    width:auto;
}
.pnm_quick-menu svg path {
    fill: var(--light);
}

.pnm_site-title {
    font-family: 'Libre Baskerville', serif;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    line-height:1.5;
}
.pnm_global-header-wrap img {
    display: block;
    width: 100%;
    height:auto;
}
.pnm_main-nav-inner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.pnm_pos-nav-item a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right:80px;
}
.pnm_pos-nav-item path {
    fill:var(--light);
}

/* Burger */
.pnm_menu-toggle {
    text-align:right;
    height: 24px;
}
.hamburger {
    padding: 0px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible; 
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: var(--light); 
}

.hamburger-box {
    width: 30px;
    height: 24px;
    display: inline-block;
    position: relative; 
}
  
.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px; 
}
.hamburger-inner, 
.hamburger-inner::before, 
.hamburger-inner::after {
    width: 30px;
    height: 2px;
    background-color: var(--light);
    border-radius: 2px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; 
}
.hamburger:hover .hamburger-inner, 
.hamburger:hover .hamburger-inner::before, 
.hamburger:hover .hamburger-inner::after {
    background-color: var(--light); 
}
.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; 
}
.hamburger-inner::before {
    top: -10px; 
}
.hamburger-inner::after {
    bottom: -10px; 
}
.hamburger--squeeze .hamburger-inner {
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
.hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; 
}
.hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
}
.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; 
}
.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); 
}

/* Main Navigation */

nav.pnm_main-navigation {
    background-color: var(--light);
    position: fixed;
    top: 0px;
    left: -100%;
    right: 0px;
    z-index: 60;
    font-size:20px;
    min-height:100vh;
    opacity:0;
    transition:opacity .3s ease;
    width:100%;
    color:var(--darkgreen);
    overflow-y: scroll;
    height: 100vh;
}
.menu-open nav.pnm_main-navigation {
    left: 0px;
    opacity:1;
}
nav.pnm_main-navigation a {
    color:var(--darkgreen);
    text-decoration:none;
    font-family: "avenirlight", sans-serif;
}
nav.pnm_main-navigation li {
    padding-bottom:10px;
}
nav.pnm_main-navigation li h2 {
    font-size:30px;
    font-family: 'Libre Baskerville', serif;
    padding-bottom:20px;
}
.pnm_main-nav-wrap {
    padding: 0px 0px 120px 0px;
}
.pnm_main-nav-columns {
    text-align:center;
}
.pnm_main-nav-main {
    padding-bottom:40px;
}
.pnm_main-nav-columns ul {
    flex:1;
}
.pnm_main-nav-highlights a {
    display:flex;
    align-items: center;
}
.pnm_main-nav-highlights a span {
    padding-left:10px;
}
.pnm_main-nav-highlights svg {
    width:30px;
}
button.pnm_close-menu {    
    padding: 0px;
    background: transparent;
    border: none;
    opacity:0;
    transition:opacity .3s ease;
}
.menu-open button.pnm_close-menu {
    right: 40px;
    opacity:1;
    cursor:pointer;
}
button.pnm_close-menu svg {
    width:40px;
    height:auto;
}
.pnm_main-nav-wrap header {
    padding: 20px 40px;
    text-align: center;
}
figure.pnm_mobile-menu-logo img {
    width: 200px;
    height: auto;
    margin:0 auto;
}
nav.pnm_main-navigation ul.sub-menu {
    padding-top:10px;
}
nav.pnm_main-navigation li.menu-item-has-children {
    padding-bottom:0px;
}
.pnm_mobile-menu-highlights ul {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:18px;
    letter-spacing:2px;
    padding:20px 0px;
    flex-direction:column;
}
nav.pnm_main-navigation .pnm_mobile-menu-highlights li {
    padding-bottom:0px;
}
.pnm_mobile-menu-highlights a {
    display: flex;
    align-items: center;
}
.pnm_mobile-menu-highlights li.menu-item-has-children a {
    justify-content: center;
    padding-top: 10px;
}
.pnm_mobile-menu-highlights li.menu-item-has-children > a {
    font-weight: 600;
}
.pnm_mobile-menu-highlights {
    flex: 1;
}
figure.pnm_mobile-menu-logo {
    text-align: center;
    flex: 1;
}
.pnm_mobile-toggle {
    position: absolute;
    right: 40px;
    top: 60px;
}
.pnm_mobile-menu-highlights svg {
    height: 30px;
    margin-right: 10px;
    width: auto;
}
.pnm_mobile-menu-highlights .pnm_pos-nav-item path {
    fill: var(--dark);
}

/* Social */
.pnm_module-social ul {
    display:flex;
    align-items: center;
    justify-content:center;
    padding-top:60px;
}
.pnm_module-social li {
    padding-right:35px;
}
.pnm_module-social li:last-child {
    padding-right:0px;
}
.pnm_module-social svg {
    height: 30px;
}
.pnm_module-social svg path {
    fill: var(--light);
}

/* ------------------------------------------------
 Index Archives
------------------------------------------------ */
.pnm_index-grid-wrap {
    padding: 160px 60px 130px 60px;
    max-width: 1400px;
    margin: 0 auto;
}
.pnm_index-grid-wrap > ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    text-align: center;
    grid-gap: 60px;
}
.pnm_index-grid-item-image {
    aspect-ratio: 1 / 1;
    margin: 40px;
    margin-bottom: 0px;
}
.pnm_index-grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pnm_index-grid-wrap h2 {
    font-size: 26px;
    padding-top: 40px;
    font-weight: 400;
    margin: 0px;
    line-height: 1.3;
}
.pnm_index-grid-wrap h2 a {
    color:var(--darkgreen);
    text-decoration:none;
}
.pnm_index-grid-wrap h2 a:hover {
    color:var(--highlight);
    text-decoration:underline;
}
.pnm_index-grid-item-ctas ul {
    display: flex;
    padding-top: 40px;
    justify-content: center;
    gap: 0px;
    list-style-type: none;
}
.pnm_index-grid-item-ctas a {
    color: var(--dark);
    text-decoration: none;
    display: inline-block;
    padding: 10px 10px;
    border-top: 1px solid var(--dark);
    font-family: "avenirlight", sans-serif;
    position: relative;
    transition: all .2s ease;
    width: auto;
    font-size: 16px;
}
.pnm_index-grid-item-ctas a::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 0%;
    background-color: var(--highlight);
    z-index: 1;
    transition: all .2s ease;
}
.pnm_index-grid-item-ctas a span {
    position: relative;
    z-index: 2;
}
.pnm_index-grid-item-ctas a:hover {
    color: var(--light);
    border-color: var(--highlight);
}
.pnm_index-grid-item-ctas a:hover::before {
    height: 100%;
}
.pnm_index-grid-wrap h3 {
    font-size: 16px;
    padding-top: 20px;
    font-family: "avenirlight", sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0px;
}
nav.pnm_index-pagination {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 60px;
}
nav.pnm_index-pagination a {
    text-decoration:none;
    color:var(--highlight);
}
.pnm_hero {
    aspect-ratio:21/10;
    position:relative;
    scroll-margin-top: 99px;
}
.pnm_hero.constrained {
    max-width:1400px;
    margin:0 auto;
}
.pnm_hero img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pnm_block-hero-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    place-items: center;
    text-align:center;
    max-width:1400px;
    padding:0px 60px;
    margin:0 auto;
    height:100%;
}
.pnm_block-hero-wrap h1 {
    font-family: 'Libre Baskerville', serif;
    font-size:76px;
    font-weight:400;
    color:var(--light);
    margin:0px;
    padding:20px;
    line-height:1.3;
}
.pnm_block-hero-wrap h2 {
    color:var(--light);
    text-align: center;
    font-size: 28px;
    padding-top: 20px;
    font-family: "avenirlight", sans-serif;
    letter-spacing: 1px;
}

/* ------------------------------------------------
 Overlay
------------------------------------------------ */

/* Load Defaults */

.pnm_hero.has-overlay::before {
    content:"";
    position:absolute;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color:var(--dark);
    opacity:.5;
}

/* Backgrounds */
.pnm_hero.overlay-bg-dark::before {
    background-color:var(--dark);
}
.pnm_hero.overlay-bg-light::before {
    background-color:var(--light);
}
.pnm_hero.overlay-bg-darkgreen::before {
    background-color:var(--darkgreen);
}
.pnm_hero.overlay-bg-highlight::before {
    background-color:var(--highlight);
}
.pnm_hero.overlay-bg-mediumgrey::before {
    background-color:var(--mediumgrey);
}

/* Opacity */
.pnm_hero.overlay-opacity-0::before {opacity:0;}
.pnm_hero.overlay-opacity-10::before {opacity:.1;}
.pnm_hero.overlay-opacity-20::before {opacity:.2;}
.pnm_hero.overlay-opacity-30::before {opacity:.3;}
.pnm_hero.overlay-opacity-40::before {opacity:.4;}
.pnm_hero.overlay-opacity-50::before {opacity:.5;}
.pnm_hero.overlay-opacity-60::before {opacity:.6;}
.pnm_hero.overlay-opacity-70::before {opacity:.7;}
.pnm_hero.overlay-opacity-80::before {opacity:.8;}
.pnm_hero.overlay-opacity-90::before {opacity:.9;}
.pnm_hero.overlay-opacity-100::before {opacity:1;}

@media only screen and (max-width : 1120px){
    .pnm_block-hero-wrap h1 {
        font-size: 60px;
    }
}
@media only screen and (max-width : 960px){
    .pnm_block-hero-wrap h1 {
        font-size: 40px;
    }
}
@media only screen and (max-width : 740px){
    .pnm_block-hero-wrap h1 {
        font-size: 24px;
    }
}
/* ------------------------------------------------
 Text Only
------------------------------------------------ */
.pnm_text-only-content {
    padding: 80px 60px;
    max-width:1000px;
    margin:0 auto;
    font-size:18px;
    line-height:1.4;
    font-family: "avenirlight", sans-serif;
}
.pnm_text-only-content .wp-block-post-title {
    font-size: 32px;
    padding-bottom: 40px;
    font-family: 'Libre Baskerville', serif;
}
.pnm_text-only-content h1,
.pnm_text-only-content h2,
.pnm_text-only-content h3,
.pnm_text-only-content h4,
.pnm_text-only-content h5,
.pnm_text-only-content h6 {
    font-family: 'Libre Baskerville', serif
}
.pnm_text-only-content h1 {
    padding-bottom:40px;
}
.pnm_text-only-content h2,
.pnm_text-only-content h3 {
    padding-bottom:20px;
}
.pnm_text-only-content h2 {
    padding-bottom: 20px;
    padding-top: 20px;
    font-size: 22px;
}
.pnm_text-only-content h4 {
    padding-bottom:10px;
}
.pnm_text-only-content h5,
.pnm_text-only-content h6 {
    padding-bottom:0px;
    font-size:18px;
}
.pnm_text-only-content p {
    padding-bottom:20px;
}
.pnm_text-only-content p:last-child {
    padding-bottom:0px;
}
.pnm_text-only-content ul,
.pnm_text-only-content ol {
    padding: 0px 0px 0px 20px;
}
.pnm_text-only-content ul {
    list-style-type:disc;
}
.pnm_text-only-content ol {
    list-style-type:decimal;    
}
.pnm_text-only-content ul li,
.pnm_text-only-content ol li {
    padding-bottom:10px;
}
.pnm_text-only-content a {
    color:var(--highlight);
}

/* ------------------------------------------------
 RTE
------------------------------------------------ */
.pnm_single-article figure.wp-block-gallery {
    max-width: 1400px;
    margin: 60px auto;
}
.wp-block-gallery {
    max-width: 1400px;
    margin: 0 auto;
    padding: 60px;
}
.pnm_single-article > p {
    font-size:18px;
    line-height:1.4;
    max-width:1000px;
    margin:0 auto;
    font-family: "avenirlight", sans-serif;
    font-weight:300;
    padding:0px 60px 20px 60px;
}
.pnm_single-article > p:last-child {
    padding-bottom:0px;
}
.pnm_single-article > p a {
    color:var(--highlight);
    text-decoration:none;
}
.pnm_single-article > p a:hover {
    color:var(--darkgreen);
    text-decoration:underline;
}
.pnm_single-article > h1,
.pnm_single-article > h2,
.pnm_single-article > h3,
.pnm_single-article > h4,
.pnm_single-article > h5,
.pnm_single-article > h6 {
    max-width: 940px;
    margin: 0 auto;
    padding: 40px 20px;

}
.pnm_single-article > h1,
.pnm_single-article > h2 {
    padding-top:40px;
    padding-bottom:20px;
    line-height: 1.3;
}
.pnm_single-article > h1 {
    font-size:32px;
}
.pnm_single-article > h2 {
    font-size:28px;
    
}
.pnm_single-article > *.wp-block-post-title {
    font-size: 32px;
    text-align:center;
    padding-bottom:40px;
    font-family: 'Libre Baskerville', serif;
    font-weight:400;
}
.pnm_single-article > ul,
.pnm_single-article > ol {
    font-size: 18px;
    line-height: 1.4;
    max-width: 1000px;
    margin: 0 auto;
    font-family: "avenirlight", sans-serif;
    font-weight: 300;
    padding: 0px 60px 20px 80px;
}
.pnm_single-article > ul a,
.pnm_single-article > ol a {
    color:var(--highlight);
}
.pnm_single-article > ul {
    list-style-type: disc;
}
.pnm_single-article > ol {
    list-style-type: decimal;
}

/* Instagram */

#sb_instagram {
    padding: 0px 20px 0px 60px;
    scroll-margin-top: 99px;
    max-width: 1400px;
    margin: 90px auto;
}
#sb_instagram .sb_instagram_header, 
.sb_instagram_header {
    display: none;
}
#sb_instagram #sbi_images {
    width: 100%;
    float: none;
    display: flex;
    gap: 40px;
    flex-flow: row wrap;
    padding:0px!important;
}
#sb_instagram #sbi_images .sbi_item {
    display: block;
    float: none;
    width:auto!important;
    flex-basis: calc(25% - 40px);
    margin: 0px!important;
    padding: 0px!important;
}
#sb_instagram .sbi_follow_btn a, 
#sb_instagram .sbi_follow_btn a, 
#sb_instagram #sbi_load .sbi_load_btn {
    background: transparent!important;
    box-shadow: none!important;
    color: var(--highlight)!important;
    border-top: 1px solid var(--highlight)!important;
}
#sb_instagram #sbi_load {
    margin-top: 40px;
}

/* ------------------------------------------------
 Footer
------------------------------------------------ */
footer.pnm_global-footer {
    background-color: var(--darkgreen);
    font-family: "avenirlight", sans-serif;
    text-align: center;
    padding: 40px 60px 30px 60px;
    color: var(--light);
    font-size: 16px;
}

/* Brand Logos */
.pnm_global-footer-logos {
    padding: 40px 0px 40px 0px;
    margin-bottom:40px;
    border-bottom: 1px solid rgba(255,255,255,.4);
}
.pnm_global-footer-logos ul {
    display:flex;
    justify-content:center;
    align-items: flex-start;
    flex-flow:row wrap;
}
.pnm_global-footer-logos img {
    max-width:120px;
    height:auto;
    display:block;
}
.pnm_global-footer-logos ul li {
    padding:0px 20px;
}

/* Columns */
.pnm_global-footer-columns {
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
}
.pnm_global-footer-column {
    flex:1;
    text-align:left;
}
.pnm_footer-menu li {
    padding-bottom:15px;
}
.pnm_footer-menu li > .sub-menu {
    padding-top: 15px;
}
.pnm_footer-menu li.menu-item-has-children {
    padding-bottom:0px;
}
.pnm_global-footer-column h3 {
    padding-bottom:20px;
    font-family: 'Libre Baskerville', serif;
    font-size:22px;
    line-height:1.4;
}
.pnm_footer-menu a {
    color:var(--light);
    text-decoration:none;
}
.pnm_footer-menu a:hover {
    text-decoration:underline;
}

/* Newsletter */

.pnm_global-footer-newsletter ul {
    padding-top:20px;
}
.pnm_global-footer-newsletter li {
    width: 100%;
    max-width: 440px;
}
.pnm_global-footer-column legend {
    font-size:20px;
    font-family: 'Libre Baskerville', serif;
    line-height:1.3;
}
.pnm_global-footer-newsletter input {
    border:none;
    border-bottom:1px solid #7a847e;
    background-color:transparent;    
}
.pnm_global-footer-newsletter input[type="text"], 
.pnm_global-footer-newsletter input[type="email"] {
    width:100%;
    max-width:440px;
    padding:24px 10px 14px 10px;
}
.pnm_global-footer-newsletter input[type="submit"] {
    padding:24px 10px 14px 10px;
    color:var(--light);
}
.pnm_global-footer-newsletter input[type="checkbox"] {
    margin-right:10px;
}
.pnm_global-footer-newsletter input::placeholder {
    color:var(--light);
    font-size:16px;
}
.pnm_global-footer-newsletter label {
    font-size:14px;
}
.pnm_newsletter-checkbox {
    padding:20px 0px;
    display:flex;
    align-items: center;
}
.pnm_newsletter-submit {
    text-align:right;
}

#mc_embed_signup {
    background: transparent!important;
}
#mergeRow-gdpr fieldset {
    padding:20px 0px;
}
#mergeRow-gdpr fieldset label {
    display: block;
}
.pnm_global-footer-newsletter label {
    display:none;
}
#mc_embed_signup a {
    color:var(--light);
}
/* Meta */
.pnm_global-footer-meta {
    font-size:14px;
    display:flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(255,255,255,.4);
    padding-top:20px;
    margin-top:30px;
}
.pnm_global-footer-meta a {
    color:var(--light);
}
.pnm_footer-menu.highlights li a {
    display: flex;
    align-items: center;
}
.pnm_footer-menu.highlights svg {
    height: 30px;
    margin-right: 10px;
    width: auto;
}
.pnm_footer-menu.highlights svg path {
    fill: var(--light);
}

/* Popups */

.pnm_popup {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display:grid;
    place-items: center;
    z-index:50;
}
.pnm_popup::before {
    position:absolute;
    background-color:var(--darkgreen);
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    opacity:.7;
    content:"";
}
.pnm_popup-wrap {
    max-width: 800px;
    position: relative;
    z-index: 10;
    background-color: var(--light);
    padding: 30px;
}
.pnm_popup-content {
    border: 1px solid #000;
    padding: 30px;
}
.pnm_popup-content header figure {
    max-width: 200px;
    padding-bottom: 20px;
    margin: 0 auto;
}
.pnm_popup-content header figure img {
    display: block;
    width: 100%;
    height: auto;
}
.pnm_popup-content h1 {
    text-align: center;
    font-family: 'Libre Baskerville', serif;
    font-size: 26px;
    color:var(--darkgreen);
    padding-bottom:10px;
}
.pnm_popup-content h2 {
    text-align: center;
    font-family: 'Libre Baskerville', serif;
    font-size: 18px;
    padding-bottom:10px;
}
.pnm_popup-content h3 {
    text-align: center;
    font-family: 'Libre Baskerville', serif;
    font-size: 14px;
    color:var(--darkgreen);
}
.pnm_popup-main-content {
    font-size: 18px;
    text-align: center;
    line-height: 1.6;
    font-family: "avenirlight", sans-serif;
    color:var(--darkgreen);
}
.pnm_popup-main figure {
    padding-bottom: 20px;
}
.pnm_popup-main figure img {
    display: block;
    height: auto;
    max-width: 600px;
    margin: 20px auto 0px auto;
    width: 100%;
}
.pnm_popup-cta a {
    color: var(--dark);
    text-decoration: none;
    display: block;
    padding: 10px 10px;
    border-top: 1px solid var(--dark);
    font-family: "avenirlight", sans-serif;
    position: relative;
    transition: all .2s ease;
    width: 100%;
    font-size: 16px;
    max-width: 160px;
    text-align: center;
    margin: 20px auto 0px auto;
}
button.pnm_close-popup {
    background: transparent;
    border: 1px solid var(--darkgreen);
    padding: 4px 8px;
    font-size: 14px;
    position: absolute;
    top: 40px;
    right: 40px;
    cursor:pointer;
}

@media only screen and (max-width : 1520px){
    .pnm_popup-wrap {
        max-width: 600px;
        padding: 15px;
    }
    .pnm_popup-content {
        padding: 15px;
    }
    .pnm_popup-content header figure {
        max-width: 100px;
    }
    .pnm_popup-main-content {
        font-size: 16px;
        line-height: 1.4;
    }
    .pnm_popup-content h1 {
        font-size: 22px;
    }
    .pnm_popup-content h2 {
        font-size: 16px;
    }
    .pnm_popup-cta a {
        font-size: 14px;
        max-width: 140px;
    }
    .pnm_popup-main figure img {
        max-width: 400px;
    }
}
@media only screen and (max-width : 1320px){
    .pnm_global-header ul {
        display:none;
    }
}
@media only screen and (max-width : 950px){
    .pnm_global-footer-columns {
        flex-flow:row wrap;
    }
    .pnm_global-footer-column {
        flex: auto;
        flex-basis:50%;
    }
    footer.pnm_global-footer {
        padding: 40px 40px 30px 40px;
    }
}
@media only screen and (max-width : 720px){
    .pnm_mobile-menu-highlights ul {
        display: block;
    }
    nav.pnm_main-navigation .pnm_mobile-menu-highlights li {
        padding-right: 0px;
        padding-bottom: 10px;
    }
    .pnm_mobile-menu-highlights a {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .pnm_index-grid-wrap > ul {
        grid-gap: 30px;
    }
}
@media only screen and (max-width : 680px){
    .pnm_global-footer-columns {
        display: block;
    }
    .pnm_global-footer-column {
        text-align: center;
    }
    .pnm_index-grid-wrap > ul {
        display:block;
    }

    .pnm_popup-main figure img {
        max-width: 200px;
        margin: 10px auto 10px auto;
    }
    .pnm_popup {
        padding:10px;        
    }
    button.pnm_close-popup {
        top: 20px;
        right: 20px;
    }
    .pnm_popup-wrap {
        padding: 10px;
    }
}