/*
Theme Name:  Maker Child
Theme URI:   https://themepatio.com/
Author:      Lapin Blanc
Author URI:  https://lapinblanc.co.uk/
Description: Maker Child
Template:    maker
Version:     1.0.0
Text Domain: maker-child
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:        one-column, three-columns, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, microformats, sticky-post, theme-options, threaded-comments, translation-ready

*/

html {
  font-family: "Jost", system-ui;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

body .site-content {
  text-align: center;
}

html {
  scroll-behavior: smooth;
}

body.home #primary .entry-header {
  display: none;
}

body .site {
  padding: 0;
  max-width: none;
  width: 100%;
}

#page {
  background-color: #f3f3f3;
}

body .site-header .header-content,
body .site-main {
  width: 1440px;
  max-width: calc(100% - 4em);
  margin-left: auto;
  margin-right: auto;
}

#masthead {
/*  background-color: #111;*/
  background-color: #434343;
  width: 100%;
}

nav a,
.main-navigation a {
  color: #f5f5f5;
}

a,
a:hover {
  color: #08aeb4;
}

body.home #main {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

#primary {
  max-width: 990px;  
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  text-align: left;
}

/* header */

#masthead {
  padding: 2em 0 0;
  margin-bottom: 5em;
}

.header-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0; /* 0 4.3em; */
  margin-bottom: .2em;
}

.header-right,
.site-description {
  flex-grow: 1;
  font-size: 1.125em;
}

.site-description {
  padding: .5em 0;
  opacity: 1;
  color: #c3c4c7;
}

.site-branding {
  max-width: none;
}

/*.header-right li:after {
  content: '|';
  color: #c4c4c4;
  display: inline-block;
  font-weight: normal;
}*/

.header-right li.current_page_item,
.header-right li.current-menu-item {
  font-weight: 600;
}

.main-navigation ul {
  padding: 0;
  margin: 0 -0.4em 0 0;
}

.main-navigation a {
  display: inline-block;
  padding: .5em;
}


.main-navigation a:active,
.main-navigation a:focus,
.main-navigation a:hover {
  color: #08aeb4 !important;
  text-decoration: none;
}

.header-right li:last-of-type::after {
  display: none;
}

body.home #site-branding-img {
  max-height: 714px;
}

#site-branding-img {
  position: relative;
  width: 100%;
  max-height: 400px;
  height: auto;
  overflow: hidden;
  display: flex;
  align-items: center;
}

#site-branding-img img {
  min-width: 100%;
}


/* footer */

.site-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* margin-top: 7.3em; */
/*  background-color: #111;*/
background-color: #434343;
}

.footer-left {
  display: flex;
  align-items: center;
  flex-grow: 1;
}

.footer-left span {
  color: #f5f5f5;
  display: inline-block;
  margin-left: 1em;
  font-size: 1em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .01em;
}

.footer-content {
  display: flex;
  width: 1440px;
  max-width: calc(100% - 4em);
  margin-left: auto;
  margin-right: auto;
  justify-content: space-between;
}

.footer-img {
  overflow: hidden;
  border-radius: 50%;
  width: 75px;
  font-size: 0;
}

.footer-right {
  display: flex;
  flex-grow: 0;
  align-items: center;
  justify-content: flex-end;
}

.footer-right * {
  display: inline-block;
  float: none;
  margin: auto;
  width: auto;
}

.footer-navigation {
  float: none;
  margin-bottom: 0;
}

.footer-navigation a {
  padding: 0;
}

.footer-navigation ul {
  display: inline-block;
  float: none;
  margin-left: auto;
}

.footer-navigation ul li {
  display: inline-block;
  font-size: 1.125em;
  padding: .5em;
  color: #f5f5f5;
  height: 45px;
}


.menu-social-container a:hover,
.menu-social-container a[href*='linkedin.com']:hover,
.menu-social-container a[href*='twitter.com']:hover {
  color: #08aeb4;
  opacity: 1;
}



.menu-social-container a[href*='linkedin.com'] {
  font-size: 0;
  background: url(images/linkedin.svg) center center no-repeat;
  background-size: 17px 17px;
  width: 17px;
  height: 100%;
}

.menu-social-container a[href*='twitter.com'] {
  font-size: 0;
  background: url(images/x.svg) center center no-repeat;
  background-size: 17px 15px;
  width: 17px;
  height: 100%;
}

.menu-social-container a[href*='linkedin.com']:before,
.menu-social-container a[href*='twitter.com']:before {
  display: none !important;
  content: '';
}

.menu-social-container a[href*='mailto:']:before {
  display: inline-block;
  content: '';
  background: url(images/mail.svg) center center no-repeat;
  background-size: 21px 16px;
  width: 21px;
  height: 15px;
}

.menu-social-container a[href*='tel:']:before {
  display: inline-block;
  content: '';
  background: url(images/tel.svg) center center no-repeat;
  background-size: 25px 24px;
  width: 25px;
  height: 15px;
}


/* portfolio category archive */
.taxonomy-description {
  margin-bottom: 6em;
}



/* page (and post) */
#page {
  position: relative;
  min-height: 100vh;
  padding-bottom: 250px;
}

body.admin-bar #page {
  min-height: calc(100vh - 32px);
}

.single-portfolio .hentry,
.single-jetpack-portfolio .hentry {
  margin-bottom: 4.5em;
}

/* post */

figcaption,
.wp-block-gallery.has-nested-images figcaption {
  text-align: left;
}


.single-portfolio .project-excerpt,
.single-portfolio .project-meta,
.single-jetpack-portfolio .project-excerpt,
.single-jetpack-portfolio .project-meta {
  width: auto;
  max-width: none;
  float:none;
  margin-right: auto;
  margin-bottom: auto;
}



.page-template-portfolio .entry-header, 
.page-template-portfolio .entry-content, 
.page-template-portfolio .comments-area {
  max-width: none;
}

.projects {
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  padding: 0;
  margin: 1em auto;
}

.projects li {
  display: flex;
    align-items: center;
    justify-content: center;
  width: 23%;
  border: 1px solid red;
  height: 200px;
}

body .project-header {
  position: relative;
  opacity: 1 !important;
  padding: 4% 0 0 !important;
  height: 55px;
}

body .project-categories {
  display: none;
}

.single-portfolio div.project-meta,
.single-jetpack-portfolio div.project-meta {
  display: none !important;
}

.project-thumbnail img {
  border: 1px solid;
}

.pagination .page-numbers.current,
.pagination .page-numbers.current:hover,
.pagination .page-numbers.current:active {
  opacity: 1;
    
    background-color: #434343 !important;
    color: #fff;
    max-width: 47px;
    max-height: 47px;
}

.single-portfolio .prev.page-numbers,
.single-portfolio .next.page-numbers {
  display: none;
}

p,
body .project-header h2,
.wp-block-image figcaption {
  font-size: 1.1rem;
}

p.header-image-credit {
  background-color: #fff;
  font-size: 1rem;
  text-align: right;
  padding: .1em 1em;
}

.clear:after, .wrap:after, .site-content:after, .site-header:after, .site-footer:after, .footer-navigation:after, .gallery:after, .gallery-item:after, .entry-header:after, .entry-footer:after, .entry-meta:after, .entry-content:after, .content-area:after, .comments-area:after, .comment-content:after, .post-navigation:after, .portfolio-grid:after, .project-header:after, .hentry:after, .project-meta:after, #infinite-handle:after {
  display: none;
  clear: both;
  content: '';
}




@media screen and (min-width: 1024px) {
    .portfolio-grid-col-3 .project-title {
        font-size: 1.1rem;
    }
  }



  /* 250205 shorter thumbnails */
  .project-thumbnail {
    position: relative;
    height: 200px;
    overflow: hidden;
    display: flex;
    align-items: center;
  }

  .project-thumbnail img {
    border: 0;
  }

  .project:before {
    display: none;
  }

  .project-header {
    background: none !important;
  }