/* base styles 

* headerFont
* bodyFont
* lineColor

* bgColor
* fontColor
* titleColor
* headerBg
* navColor
* headerColor
* sitecreditColor
* iconColor

* mobileBgColor
* mobileFontColor
* mobileTitleColor
* mobileNavColor
* mobileHeaderColor
* mobileSitecreditColor
* mobileIconColor
* mobileFooterBg
* burgerColor

* buttonTextColor
* buttonBorderColor
* buttonBgColor
* buttonHoverBg
* buttonHoverText

* currentPageNumBg
* currentPageNumText

* navOverflowBg
* navOverflowText
* navOverflowSeparator
* navOverflowShadow

*/

/* == General == */
html.mm-background .mm-page{ background: var(--bg-container-color); }
/* section:empty, picture:empty { display: none; height:0; width:0; } */
html { height: 100%; box-sizing: border-box; font-size: 62.5%; /* Sets the root unit to 10px */ }
img {max-width: 100% !important; height: auto !important; display: block; }
body { background-color: var(--mobileBgColor); color: var(--mobileFontColor); font-family: var(--bodyFont);  margin: 0px; font-size: 1.4rem; min-height: 100%; padding:0; line-height: 1.5;}
.bodycopy { overflow-wrap: break-word; word-wrap: break-word;}
.bodycopy img { height: auto!important; }
.content{ background-color:var(--mobileBgColor);}
.content ul, .content ol { padding: 0 1.5rem; margin: 0; }
a, a:link { text-decoration: none; color: var(--bodyFont);  }
a:hover { cursor: pointer; }
p a:link { text-decoration: underline; filter: opacity(.7); }
p a:hover { text-decoration: none; filter: opacity(1); filter: brightness(1.5); }
.featured-image a:link { filter: brightness(1); }
.featured-image a:hover,  .gallery-thumbnail:hover { filter: brightness(1.1); cursor: pointer; }
button { background: transparent; cursor: pointer; padding:0; margin:0; border: none; }
.headerText, h1, h2, h3 { padding: 0; margin: 0; line-height: 1;font-family:var(--headerFont); color:var(--headerColor);}
.workonshow {margin-bottom:1rem;}
.featured-image img {max-width:100%;}
.arrow_svg {height:1.5rem; width:auto; margin-left:.5rem; stroke:var(--headerColor);}

@media (max-width: 414px) {
    .bodycopy img {margin-left:0px!important;}

}
.contactform.emailaddress {display:none;border:solid 1px red;}
.mailinglistform.emailaddress {display:none;border:solid 1px red;}

.cv .bodycopy p {margin-bottom:3rem;}

table {table-layout:fixed;}
table td {vertical-align: top;}
table td img {max-width:800px!important;}

/* :::: MOBILE :::: */
.container { display: grid; grid-template-rows: auto 1fr auto; grid-auto-columns: auto; min-height: 100vh;}

/* == Header == */
.header { padding: 2rem; background-color: var(--mobileHeaderBg); line-height: 1; align-items: center; grid-gap: 2rem; position: sticky; top: 0; z-index: 1000;}
.header-wrapper { display: grid; grid-template-columns: auto 1fr; grid-gap: 2rem; align-items: center;}
.headerText, .headerText a:link, .headerText a:visited { color:var(--mobileTitleColor); text-decoration: none;}
.burger_icon {fill: var(--burgerColor); height: 1.6rem; width: 1.6rem; }
a.navd:link, a.navd:visited { color: var(--mobileNavColor); }
a.navd:hover { filter: opacity(.7); }
.bigmenu { display: none; }

/* == Main == */
.content { /* display: grid;  */align-content: start; }
.randompictxt { font-size: 1.1rem; margin-bottom: 1.5rem;margin-top:.5rem;}
.featured-image img { background-size: cover; width:100%; height: auto; background-position: center; background-repeat: no-repeat; }

/* == News == */
.news-more { border-top: 1px solid var(--lineColor); padding-top: 2rem; margin-top: 4rem; }
.news_article .news_intro p { font-weight: bolder; }
.more_headlines h2, .home_headines h2 { margin-top: 0 !important; }
.more_headlines ul li, .home_headlines ul li { margin-bottom: 1rem; font-size: 90%; }
.more_headlines ul li:last-of-type, h_headlines ul li:last-of-type  { margin-bottom: 0; }

/* == Gallery == */
.thegallery { order: 2; margin-bottom: 3rem; }
.thumbnail_grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); line-height: 0; grid-gap: 1rem; height: max-content; }
.thumbnails { border: solid 1px var(--lineColor); }
.galleryblurb { order: 1; margin-bottom: 3rem;}
.multiple_gallery_thumbnails { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); grid-gap: 2rem; }
.multiple_gallery_thumbnail:nth-child(2), .multiple_gallery_thumbnail:nth-child(3) { display: none;}

/* == Gallery pagination == */
.pagenums { display: flex; align-content: center; margin-top: 2rem;}
.pagenums span { padding: .7rem 1rem; margin-right: 2rem; }
.pagenums a:link { text-decoration: none; }
.pagenums .current { background-color: var(--currentPageNumBg); color: var(--currentPageNumText); }

/* == Social == */
.social-nav { display: none; }
.social_icons { display: flex; margin-top: 1rem;}
.social_icons a:link { padding: 1.5rem; }
.social_icons a:link:first-of-type { padding-left: 0; }
.social_icon { height: 2.2rem; width: 2.2rem; fill: var(--mobileIconColor); }

.social-footer { display: none;}

/* == Forms / Contact == */
input[type=text], input[type=email], textarea { padding: 1rem 0; margin-bottom: 1rem; border: 1px solid #ccc; width: 100% !important; font-size: unset;}
textarea { margin-bottom: 2rem; }
select { margin-bottom: 1rem; height: auto; }
textarea { min-height: 15vh; width: 100% !important; } 
address { font-style: normal;}
.sendanemail { font-weight: bold; margin-bottom: 2rem; }
.submit_button { padding: .5rem 1.3rem; border-radius: 50rem;  color:var(--buttonTextColor); border: 1px solid var(--buttonBorderColor); background-color:var(--buttonBgColor); font-size: 1.3rem; cursor: pointer; margin-top: 3rem;  } 
.submit_button:hover {background-color: var(--buttonHoverBg); color: var(--buttonHoverText); }
.contactdetails { display: grid; grid-template-columns: 1fr 4fr; margin-bottom: 0.5rem;}
.contactdetails div:first-of-type {font-weight:bold; }

/* == Footer == */
.footer { display: grid; padding: 2rem; margin-top: 3rem; background: var(--mobileFooterBg); }
.credit a:link { color: var(--mobileSitecreditColor); font-size: 1.1rem; text-decoration: none; }
.credit a:visited { color: var(--mobileSitecreditColor); font-size: 1.1rem; text-decoration: none; }



/* :::: TABLET :::: */
@media (min-width: 768px) {
    /* Main */
    .contact { grid-template-columns: 1fr 1fr; }
    .gallery { display: grid; grid-template-columns: 2fr 1fr; grid-gap: 3rem; align-content: start;}

    /* News */
    .news-more { border-left: 1px solid var(--lineColor); padding-left: 2rem; border-top: none; margin-top: 0; padding-top: 0;}

    /* Gallery */
    .thegallery { order: 1; margin-bottom: 3rem; }
    .galleryblurb { order: 2; }
    .multiple_galleries { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 3rem; align-items: start; }
    .multiple_gallery_thumbnails { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); grid-gap: 2rem; }
    .multiple_gallery_thumbnail:nth-child(2){ display: block;}

    /* Contact */
    .contactdetails, .contactform { display: grid; grid-template-columns: 1fr 3fr; margin-bottom: 0.5rem; }
    .mailinglistform { display: grid; grid-template-columns: 1fr 2fr; margin-bottom: 0.5rem; }

}


/* :::: DESKTOP :::: */
@media (min-width: 1024px) {
    body { color: var(--fontColor); background-color: var(--bgColor); }
    .container { max-width: 960px; margin: 0 auto; }
    a.navd:link, a.navd:visited { color: var(--navColor); }
    .content{ background-color:var(--bgColor);}
    /* Header */
    .header { position: initial; background: var(--headerBg)}
    .header-wrapper { grid-template-columns: 1fr 2fr;}
    .headerText { font-family: var(--headerFont); }
    .headerText, .headerText a:link, .headerText a:visited { color: var(--titleColor); }
    .bigmenu { display: block; }
    .smallmenu { display: none; }

    /* Gallery */
    .multiple_gallery_thumbnails { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); grid-gap: 2rem; }
    .multiple_gallery_thumbnail:nth-child(3){ display: block;}

    /* Footer */
    .footer { justify-content: space-between; background: var(--FooterBg); padding: 0; }
    .credit a:link { color: var(--sitecreditColor); }
    .credit a:visited { color: var(--sitecreditColor); }

    /* Social */
    .social_icons { margin-top: 0; }
    .social_icons a:link { padding: 0 0 0 1.5rem; }
    .social_icons a:link:last-of-type { padding-right: 0; }
    .social_icon { fill: var(--iconColor); }
    
}

/*********** priority nav **************/
.nav__dropdown-toggle { background-image: url('dropdown.svg'); background-color: transparent; border: 0px; }
.nav__dropdown { white-space: nowrap; top: 150%; right: 0; background-color: var(--navOverflowBg); opacity: 0;}
.nav-wrapper ul { margin: 0; list-style: none;}
/*.nav-wrapper ul li { padding: 0; }*/
.nav__dropdown li:not(:last-child) { border-bottom: solid 1px var(--navOverflowSeparator) !important; }
.nav__dropdown a:link, .nav__dropdown a:visited {color:var(--navOverflowText);}
.nav__dropdown.show { background-color: var(--navOverflowBg); box-shadow:0 0 10px 0px var(--navOverflowShadow);}

/*********** pullout menu *****************/ 
.mm-navbar { display: none; }
#mm-menu { min-width:200px; max-width:80vw;}
.mm-menu {background-color: var(--mobileNavBg);}
#my-menu:not(.mm-menu) { display: none; }

@media all {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(80vw, 0) !important;
    -moz-transform: translate(80vw, 0) !important;
    -ms-transform: translate(80vw, 0) !important;
    -o-transform: translate(80vw, 0) !important;
    transform: translate(80vw, 0) !important; 
    }
}

.mm-navbars-top {display:none;}
.mm-hasnavbar-top-1 .mm-panels {top:0px;}
.mm-panels>.mm-panel {padding:20px 40px;}

.mm-listview a.navd:link, .mm-listview a.navd:visited {text-decoration:none;}
.mm-listview > li > a, .mm-listview > li > span {padding-left:0px; border-bottom:1px solid var(--mobileNavDivider);}
.mm-listview > li:not(.mm-divider):after {left:0px;}

/* NB! - UNCOMMENT BEFORE COMMITING 
.theme-preview-popup { display: none !important;}  */