/*
THEME NAME: Custom Theme
DESCRIPTION: Bespoke WordPress theme
VERSION: 1.0
AUTHOR: Lake District Web Services
Author URI: https://ldws.co.uk
*/


:root{
    font-size: 14px;
    --paleYellow : #efeee5;
    --darkFont : #5f5f5f;
    --lighterFont : #5f5f5f;
    --green : #23474d;
    --copper : #91412c;
    --lightCopper : #b66d15;
    --yellow : #f5b10e;
    --lightDots : #dedede;
    --grey : #b8b8b9;
}


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, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video,* {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
li.fancy,.smooth,input,textarea,a{-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;}


a{text-decoration:none;color:inherit;cursor:pointer;}
p{margin-bottom:20px;}
b,strong{font-weight:bold;}
i,em{font-style:italic;}

h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:1.2em;margin-bottom:20px;font-family:"hypatia-sans-pro";}
h1{font-size: 46px;line-height:54px;}
h2{font-size: 46px;line-height:54px;}
h3{font-size: 46px;line-height:54px;text-transform:uppercase;font-weight: bold}
h4{font-size: 23px;line-height:28px;}
h5.pretitle{font-size:15px;font-family: Lato,sans-serif;line-height:20px;margin-bottom: 10px;font-style: italic;color: var(--green)}

input[type="text"],input[type="email"],textarea{padding:10px;border:1px solid #ccc;width:100%;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;margin-bottom:20px;outline:none;}

input[type="button"],input[type="submit"],.button {-webkit-appearance:none;border-radius:0;cursor:pointer;display:inline-block;background-color: var(--green);color:white;padding:20px 40px;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;text-transform: uppercase;font-size: 0.8em;}
input[type="button"]:hover, input[type="submit"]:hover, .button:hover{transform: scale(1.1)}

input[type="submit"].copper, .button.copper{background-color: var(--copper)}
input[type="submit"].lightCopper, .button.lightCopper{background-color: var(--lightCopper)}

.bg-green .button{background-color: var(--lightCopper);}

/* - - GRID - - */
[class*='col-'] {float: left;}
.clear:after,.centerColumn:after {content:"";display:table;clear:both;}
[class*='col-'] {padding-left:20px;}
.nudge {margin-left:-20px;}

*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.col-1-6 {width:16.6667%;}
.col-1-5 {width:20%;}
.col-1-4 {width:25%;}
.col-1-3 {width:33.3333%;}
.col-1-2 {width:50%;}
.col-2-3 {width:66.66%;}
.col-3-4 {width:75%;}
.col-4-5 {width:80%;}
.col-1-1 {width:100%;}

.nodesk{display:none;}

html{scroll-behavior: smooth !important;}

body {
font-family:"Lato", sans-serif;
color:#333;
line-height:1.5em;
font-size: 1rem;
background-color: var(--paleYellow);
}

img{max-width: 100%;height:auto}

.in{max-width:1170px;margin:auto;overflow:hidden;}
.veryNarrow{max-width: 750px}
.narrow{max-width:1025px;}
.nopad{padding:0;}
.nomar{margin:0;}
.tac{text-align:center;}
.tar{text-align:right;}
.row{margin-bottom:20px;}
.bigrow{margin-bottom: 50px}
.prel{position:relative;}
.ov{overflow:visible;}
.oh{overflow:hidden;}
.ttu{text-transform:uppercase;}
.ttn{text-transform:none;}
.white .pretitle, .white{color: white}
.fwn{font-weight: normal;}

.cfWrap{padding-bottom: 100px}

#footer .copper{color: var(--lightCopper)}

.flex{display: flex}
.sb{justify-content: space-between;}
.jc{justify-content: center;}
.js{justify-content: flex-start;}
.fe{align-items: flex-end;}
.vmid{align-items: center;}
.gap{gap: 50px}
.smallGap{gap: 10px}

.padded{padding: 20px;}
.padded.small{padding: 10px 20px;}
.padded.big{padding: 50px 20px;}

.mb10{margin-bottom: 10px}

#wrapper{}

body:not(.home) #header{border-bottom: 30px solid var(--paleYellow);position:relative;z-index:1;}

#header{background: white;position:sticky;top: 0;z-index:9;}
.logo img{max-height: 60px;width: auto}
#footer .logo img{max-height: 100px;width: auto}
#header #menu{color: var(--green);text-transform:uppercase;}
#menu .menu{display: flex;justify-content: space-between;}
#menu li{display: inline;padding: 0 20px;position:relative;}
#menu .menu > li > a{line-height:100px;}
#menu .menu > li:hover:after,#menu .menu > li.current_page_item:after{width: 50px;height: 5px;background-color: var(--copper);position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);content: ""}


.introBar{background-color: var(--paleYellow);font-size: 20px;line-height: 25px;color: var(--green)}
.introBar .in{background-position:bottom left;background-repeat: no-repeat;background-size: auto 100%;}
.introBar h1,.introBar h2, .introBar h3{color: var(--green);}

.underline{background: linear-gradient(180deg, 
        rgba(0,0,0,0) calc(50% - 1px), 
        var(--copper) calc(50%), 
        rgba(0,0,0,0) calc(50% + 1px)
    );width: 260px;height: 7px;position:relative;}
.underline:after{height: 100%;width: 50px;position:absolute;right: 0;background: var(--copper);content: "";}
.underline.green{background: linear-gradient(180deg, 
        rgba(0,0,0,0) calc(50% - 1px), 
        var(--green) calc(50%), 
        rgba(0,0,0,0) calc(50% + 1px)
    );
}
.underline.green:after{background: var(--green);}

.underline.withspace{margin: 50px 0}

.contWrapIn p:last-child{margin: 0}

.backLink{color: var(--green)}

li.fancy a{background: var(--green);padding: 20px 35px;
    color: white;}
    li.fancy:hover:after{display: none}
    li.fancy:hover{transform: scale(1.1)}

.tel{text-transform: uppercase;color: var(--lightCopper);margin-bottom: 10px}
.email{text-transform: uppercase;color: var(--green)}

.angledBanner img{-webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);}
.angledBanner{padding-bottom: 120px}
    .angledBanner .in{display: flex;justify-content: center;gap: 20px;}
    .angledBanner .lBox, .angledBanner .rBox{width: 50%;color: white;clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%);-webkit-clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%);text-align: right;}
    .angledBanner .lBoxIn{background-color: var(--green);padding: 30px;padding-top: 70px;}
    .angledBanner .rBoxIn{background-color: var(--copper);padding: 30px;padding-top: 70px;}
    .angledBanner .rBox{margin-top: 90px}

    .angledCont{position:absolute;top:100px;left: 50%;transform: translateX(-50%);max-width:60%;width:100%;}
    .angledCont .inner{max-width:670px;margin: auto}
    .angledBanner .dotGrid{position: absolute;left: 50px;top: 0;z-index:1;}

.horizWords .title{width: 40%}
.horizWords .title h3{margin-bottom: 0;font-weight: normal}
.words{width: 60%;text-align: right;display: flex;justify-content: space-between;align-items: flex-end;}
.words .word{display: inline;font-family:"hypatia-sans-pro"; font-size: 15px}

#footer{background-color: var(--green);color: white}
#footer .contact p{margin: 0}

.hasExtra{max-width: 80%}
.extraImg{position:absolute;top: 50%;transform: translateY(-50%);right: 0;}

.pageLinkCTA .pageLink div{padding: 40px}
.pageLinkCTA .pageLink{background: var(--green);color: white;height: 100%}

.pageLink{overflow: hidden;cursor:pointer;position:relative;transition: all 0.5s ease;}
.pageLink:hover{transform: scale(1.1);z-index:2;}

.pageLinkBoxes.hasBg{background-color: var(--lightCopper);background-size: cover;background-repeat: no-repeat;padding-top: 8%;clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%);-webkit-clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%);position:relative;z-index:1;background-blend-mode: soft-light;background-position:center;}
.pageLinkBoxes.hasBg:after{content: "";background: var(--paleYellow);height: 150px;width: 100%;position:absolute;bottom: 0;left: 0;z-index:-1;}
.pageLinkBoxes.hasBg .title{color: white;text-align:center;flex-basis: 100%;}
.pageLinkBoxes.hasBg .title .pretitle{color: white}
.pageLinkBoxes.hasBg .title .underline.green{margin: auto;background: linear-gradient(180deg, 
        rgba(0,0,0,0) calc(50% - 1px), 
        var(--copper) calc(50%), 
        rgba(0,0,0,0) calc(50% + 1px)
    )}
.pageLinkBoxes.hasBg .title .underline.green:after{background-color: var(--copper)}
.pageLinkBoxes .underline{margin: auto;margin-bottom: 20px}

.pageLinkBoxes .title h3{font-weight: normal;}
.pageLinkWrap{padding: 0 10px;}

.postNav{text-align:center;}
.postNav a{display: inline-block;padding: 13px; line-height: 48px;background: var(--green);color: white;position:relative;}
.postNav a:hover{background-color: var(--copper)}
.postNav a .littleTri{position:relative;transform: none;margin-left: 20px}


.postNav a[rel~="prev"] .littleTri{transform: rotate(180deg)}



.entry-content ul{margin-left: 30px;margin-bottom: 20px}
.entry-content ul li{list-style: disc;margin-bottom: 10px}

.triOver .hidden{display: none;}
.triOver{position:absolute;bottom: -100%;right: 0;background: var(--copper);opacity: 0.82;width:100%;height: 200%;
    clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 0 50%);
    transition: all 1s ease;color: white;
}


.triCont{position:absolute;top :calc(50% - 110px);right: 0;width:100%;text-align:right;padding: 40px 50px 40px 90px;transition: all 1s ease;}
.triCont p, .triCont .littleTri{opacity: 0}
.triOver:hover{bottom: 0}
.triOver:hover .triCont{top: 50%}
.triOver:hover .triCont p, .triOver:hover .triCont .littleTri{opacity: 1}

.littleTri{width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 15px;
border-color: transparent transparent transparent var(--yellow);
position: absolute;right: 10px;bottom: 50%;transform: translateY(50%);
}

.latestPosts{background: var(--lightCopper);padding-top: 8%;clip-path: polygon(0 20%, 101% 0, 101% 101%, 0% 101%);-webkit-clip-path: polygon(0 20%, 101% 0, 101% 101%, 0% 101%);position:relative;z-index:1;}
.latestPosts:after{content: "";background: white;height: 150px;width: 100%;position:absolute;bottom: 0;left: 0;z-index:-1;}

.latestPosts.hasCTA:after{height: 300px}

.latestPosts .underline{margin: auto}

.grey{color: var(--grey)}

.lPost{position: relative;}
.lPostTitle{position:absolute;top: 50%;left: 0;width:100%;transform: translateY(-50%);color: var(--copper)}

.testCont{font-size: 1.3rem;line-height:1.4;}
.testimonials .pretitle, .collaborations .pretitle{color: var(--copper)}

.contactForm .dotGrid:first-of-type{position:absolute;left:0;top: -50px;transform:translateX(-100%);}
.contactForm .dotGrid:last-of-type{position:absolute;right:0;top: 50px;z-index:-1;}

.collabSlide img{max-width: 110px}

.memberships img{max-width: 120px;}

.layout1 .titleWrap .dotGrid{float: left;
    position: absolute;
    bottom: 0;}

    .layout1 .titleWrap .cont{padding-left: 250px}

    .layout1 .contWrap .contWrapIn,.layout3 .contWrap .contWrapIn{width: calc(100% - 250px);}
    .layout3 .contWrap .contWrapIn{float: right;}
    .layout1 .contWrap .dotGrid{position:absolute;right: 0;top: 0;transform: translateY(-50%)}

    .layout3 .contWrap .dotGrid{position:absolute;left: -50px;top: 0;transform: translateY(-50%)}


    .layout2 .imgWrap .dotGrid{position:absolute;top: -50px;right: 0;}

    .linksGrid{flex-wrap: wrap;}
    .linksGrid .pageLinkWrap{
        flex-basis: 33.3%;
    }
    /*
    .linksGrid .pageLinkWrap:nth-child(4), .linksGrid .pageLinkWrap:nth-child(5){
        flex-basis: 50%;
        max-height: 300px;margin-bottom: 10px;
    }

    .linksGrid .pageLinkWrap:nth-child(4) .pageLink, .linksGrid .pageLinkWrap:nth-child(5) .pageLink{
           max-height: 300px;
    }

    .linksGrid .pageLinkWrap:nth-child(4) .triOver, .linksGrid .pageLinkWrap:nth-child(5) .triOver{
        width: 80%;
    }
*/

  #menu .menu-item-has-children:hover .sub-menu {display: block;}

  #menu .sub-menu {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 2;
  top: 100%;
}

#menu .sub-menu a{padding: 0.8rem 1rem;display:block;white-space: nowrap;}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: var(--copper);

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hasBg .slick-prev:before,
.hasBg .slick-next:before
{
color: white;
    }

.slick-prev
{
    left: -15px;
}
[dir='rtl'] .slick-prev
{
    right: -15px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -15px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -15px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}


/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 50px;
    line-height: 30px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.bg-green{background-color: var(--green);color: white}
.bg-copper{background-color: var(--copper);color: white}
.bg-lightcopper{background-color: var(--lightCopper);color: white}

:is(.bg-copper, .bg-lightcopper) .button{background-color: var(--green);}

    .linksGrid .pageLinkWrap{padding: 5px}
    .pageLinkCTA h3{font-size: 46px;line-height:51px;text-transform:none;font-weight:normal;}
    .pageLinkCTA a.button{box-shadow: none;background-color: var(--lightCopper)}
    .pageLinkCTA .pageLink:hover{transform: scale(1)}

.hamburger{display: none}

.postWrap{padding-bottom: 40px;margin-bottom: 50px}
    .postWrap img{width: 80%}

    .lightCopper{color: var(--lightCopper);}

    .postList .dotGrid{position:absolute;right: 0;top: 0;}

    .singlePost .dotGrid{position: absolute;right: 50px;top: 0}

    .catList li{display: inline;padding: 5px 10px;list-style: none;margin-right: 10px;text-transform: uppercase;}
    .catList li:nth-child(odd){background-color: var(--green);color: white}
    .catList li:nth-child(even){background-color: var(--lightCopper);color: white}
    .catList li:last-child{margin-right: 0}

    .postCont{position: absolute;right: 0;bottom: 0;background: white;padding: 40px;width:500px;}
    .postCont .entry-title{font-size: 38px;color: var(--copper)}

    .singlePost .button{margin-right: 10px}

input.error,textarea.error{border:1px solid #ec0032;background:#ffdddd;}
#fail,#error{border:1px solid #ec0032;background:#ffdddd;display:none;padding:15px 20px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}

#success{border:1px solid #4BB543;background:#d7fbd4;display:none;padding:15px 20px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}


.bannerImage{height: 350px;background-repeat: no-repeat;background-position:center;background-size: cover;margin-bottom: 50px}
.dotGrid{
    background-image: radial-gradient(var(--copper) 2px, transparent 2px);
  background-position: 0 0, 5px 5px;
  background-size: 10px 10px;
  width: 200px;height: 500px;
}

.dotGrid.lightDots{background-image: radial-gradient(var(--lightDots) 2px, transparent 2px);}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
    margin: auto;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}



.entry-title,.entry-meta {
clear:both;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:none;
margin:0;
}

div.sidebar ul ul ul {
margin:0em;
}

div.sidebar ul ul ul li {
list-style:none;
}

section.animated,section .animated{opacity:0}
section.animated.visible, section.visible .animated{animation-duration: 1s;animation-delay:0.25s;
  animation-name: fadeInUp;animation-fill-mode:forwards;}
  
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

/* Standard syntax */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(100px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

/* Standard syntax */
@keyframes slideInUp {
    0% {
        transform: translateY(100px);
    }
    100% {
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeInRight {
    0% {
        -webkit-transform: translateX(-100px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}

/* Standard syntax */
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* Standard syntax */
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

input#author,input#url,div.navigation div ,.wp-caption {}.wp-caption-text {}.sticky {}.gallery-caption {}.bypostauthor {}

   

@media screen and (max-width:1300px){
.angledBanner{padding-bottom: 300px}
}
@media screen and (max-width:1200px){

.dotGrid{width: 130px;}
}
@media screen and (max-width:1110px){ 
    .introBar .in{background-size: auto 70%;}
    .linksGrid .pageLinkWrap{flex-basis: 50%}
    .triCont{top: calc(50% - 110px);}
   /* .linksGrid .pageLinkWrap:nth-child(4) .triOver, .linksGrid .pageLinkWrap:nth-child(5) .triOver{width: 100%}*/
    .layout1 .contWrap .contWrapIn, .layout3 .contWrap .contWrapIn{width: calc(100% - 130px)}

   /* .linksGrid .pageLinkWrap:nth-child(4), .linksGrid .pageLinkWrap:nth-child(5),.linksGrid .pageLinkWrap:nth-child(4) .pageLink, .linksGrid .pageLinkWrap:nth-child(5) .pageLink{max-height: 100%;}*/
.angledBanner{padding-bottom: 550px}
.angledBanner .lBoxIn, .angledBanner .rBoxIn{padding-top: 100px}

}
@media screen and (max-width:955px){ 
.angledBanner .lBox, .angledBanner .rBox{width:95%;margin: auto}
.angledBanner .in{display: block;}
.pageLinks{display: block;    max-width: 440px;
    margin: auto;}
    .pageLink{margin-bottom: 20px}
    .pageLink img{width: 100%}
    .angledBanner .in{margin-top: 0px;}

.angledCont{position:relative;    margin: auto;
    margin-top: -550px;
    left: 0;
    transform: none;
    top: 0;
}
.angledBanner{padding-bottom: 0}
.angledBanner .lBox{margin-bottom: 20px}
}

@media screen and (max-width:840px){
.linksGrid .pageLinkWrap:nth-child(1), .linksGrid .pageLinkWrap:nth-child(2), .linksGrid .pageLinkWrap:nth-child(3), .linksGrid .pageLinkWrap:nth-child(6), .linksGrid .pageLinkWrap:nth-child(7){flex-basis: 100%}
.pageLink{max-width:440px;margin: auto}
.linksGrid .pageLinkWrap:nth-child(4), .linksGrid .pageLinkWrap:nth-child(5){flex-basis: 100%;}
.pageLinkBoxes.hasBg{padding-top: 30%}
.dotGrid{height: 360px}
.latestPosts{padding-top: 14%;}

.angledCont{margin-top: 50px;max-width:100%;}
.angledCont .inner{max-width:100%;}

.pageLinkBoxes .flex, .horizWords .flex{display: block;text-align:center;}
.horizWords .title{width:100%;}
.horizWords .words{width:100%;margin-top: 20px}
.pageLinkBoxes .underline, .horizWords .underline{margin: auto}
.pageLinkBoxes .intro{margin-top: 20px}

.triCont h4{font-size: 18px}
.postCont .entry-title{font-size: 28px}
.singlePost .narrow .flex{margin-top: 50px}
}
@media screen and (max-width:875px){

    [class*='col-'] img{width:100%;height:auto;}
    .hwi{width:50%!important} .fwi{width:100%;}
    .dotGrid{width: 100px;}
}

@media screen and (max-width:910px){
    .pageLinkWrap{margin-bottom: 20px}
    .pageLinkBoxes.hasBg{padding-top: 30%}
    .introBar .in{background: none!important}
      .hamburger{display: block;}
#menu{display: none}
  #menu{overflow-y: scroll;    position: fixed;
    background: var(--green);
    top: 0;
    z-index: 99;
    right: 0;
    height: 100vh;
    width: 100%;
    color: white;padding-top: 120px;padding-bottom: 50px;padding-left: 50px;padding-right: 50px}
#menu li{display: block!important;text-align: left;}
#menu .menu > li{border-bottom: 1px solid white;}

#menu li a{padding: 0px;display:block;color: white}
#menu .menu > li > a{line-height: 50px;}
#menu li a:hover{background: none}
.headerButton{text-align:center;}
.#menu ul{max-width: 550px;margin: auto;}
#menu > ul{margin-bottom: 40px}
#header #menu .menu{display: block}

#menu .button{display: inline-block!important}
#menu .button a{padding: 0px 15px!important;margin-right: 5px}

#menu ul li .sub-menu{position:relative;background: none;color: #333;display: none!important;padding: 0;margin-top: 0!important;margin-right: 30px}
#menu ul li .sub-menu.force{display: block!important}
#menu ul li.menu-item-has-children a{padding-right: 10px;}
#menu ul li .sub-menu li{opacity: 1!important;margin-right: 25px}
.menu .sub-menu{box-shadow: none;color: white!important;margin-right: 0!important}
.menu .sub-menu a{white-space: normal;margin-left: 20px;padding: 10px 0!important;}
.menu li{position: relative;}
.menu li:after{position: absolute;top: 20px;right: 10px}
#menu ul li.menu-item-has-children a{padding-right: 20px}
#menu ul li .sub-menu li{margin-right: 15px}

#menu .menu > li:hover:after,#menu .menu > li.current_page_item:after{display: none}

#menu .sub-menu {box-shadow: none;}
li.fancy:hover{transform: none}
#menu{display: none;}
.mainMenu{text-align: right;}
.hamburger{display: block}
.hamburger {
      z-index: 999;
    position: relative;
  padding: 15px 15px;
  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:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: white; }

    .hamburger.is-active{position: fixed;color: white;right: 0}

.hamburger-box {
  width: 40px;
  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: 40px;
    height: 4px;
    background-color: var(--green);
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

    .hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg); }
}

@media screen and (max-width:690px){
.pageLinkBoxes.hasBg{    clip-path: polygon(0 10%, 101% 0, 101% 101%, 0% 101%);
    -webkit-clip-path: polygon(0 10%, 101% 0, 101% 101%, 0% 101%);}

    .layout1 .contWrap .contWrapIn, .layout3 .contWrap .contWrapIn{width: calc(100% - 70px)}
    .layout1 .titleWrap .cont{padding-left: 60px}

    .flex{display: block}
    .mobflex{display: flex}
    .dotGrid{height: 280px;width: 50px}
    .postList .dotGrid{display: none;}
    .postWrap img,.postCont{position:relative;width:100%;}
    .hasExtra{max-width:100%;}
    .extraImg{position:relative;transform: none;text-align:center;margin-top: 20px}
    h2, h1{font-size: 38px;line-height:43px;}
    .latestPosts{    clip-path: polygon(0 10%, 101% 0, 101% 101%, 0% 101%);
    -webkit-clip-path: polygon(0 10%, 101% 0, 101% 101%, 0% 101%);padding-top: 150px}
    .lPostWrap{margin-bottom: 20px}
    #footer .tar,#footer{text-align:center;}
    #footer .logo img{margin-bottom: 20px;}
    .singlePost .button{margin-bottom: 10px;}

    .imgCont .nudge .col-1-2:first-child{padding-bottom: 50px}
}

@media screen and (max-width:640px){

.nodesk{display:block;}
.nomob{display:none;}
.dotGrid{width: 50px;}
.hwm{width:50%;}
.fwm,.hwi {width:100%!important;}

.memberships{margin-bottom: 20px;margin-top: 20px}

}