/* Changed Files listed below

blog.html.twig

partials/ base.html.twig


partials/ blog / title.html.twig

partials/  blog-list-item.html.twig

partials/ footer.html.twig

*/

/* Fonts */

@font-face{ 
	font-family: 'untitled-sans-light';
	src: url(../fonts/untitled-sans-light.woff2);
      }

@font-face{ 
	font-family: 'pitch-sans-medium';
	src: url(../fonts/pitch-sans-medium.woff2);
      }


h1 {
    font-family: 'untitled-sans-light'; 
    font-size: 2.8rem;
    margin-top: 0rem;
    margin-bottom 0rem;
    }

h2 {
    font-family: 'untitled-sans-light'; 
    font-size: 2.2rem;
    margin-top: 0rem;
    text-align: left;
    }

 body h3 {
    font-family: 'untitled-sans-light', sans-serif; 
    font-size: 1.4rem;
    margin-top: 0rem;
    text-align: left;
   /* padding-bottom: 1rem; */
    }

body p {
  font-family: 'pitch-sans-medium';
  font-size: .8rem;
}

.header-fixed #body-wrapper {
    padding-top: 0rem;
}

#body-wrapper .container {
    padding: .3rem 0 0rem;
}


.blog-listing p {
padding-top: 1rem;
padding-bottom: 0rem;
}



.blog-listing hr {
border-top: 1px solid;
    color: #3a414e;
margin-bottom: 4rem;
}



hr {
border-top: 1px solid;
    color: #3a414e;
}


body .menu {

    background: #e3e3e3;
    box-shadow: 0 0 0 0;
   }

 body .menu ul {
     list-style-type: none;
     margin-left: 0px;
    }

.title-center h2 {
    text-align: left;
}



body a {
    color: #3a414e;
}

a:visited {
    color: #3a414e;
}

a:hover {
    color: #3a414e;
}

 body .menu h2 {
    font-family: 'untitled-sans-light'; 
    font-size: 2rem;
    margin-top: 0rem;
    }

/*Smaller Screens*/

@media (max-width: 1200px) {
 body .menu h2 {
    font-size: 1.2rem;
  }
    
body .menu-item a {
    font-size: 1.1rem;
      }
    
h1 {
    font-size: 1.8rem;
  }
    
h2 {
    font-size: 1.2rem;
  }

body p h2 {
    font-size:  0.4rem;
  }

}






/*Larger screens*/
@media (min-width: 1400px) {
  body p {
    font-size: 1rem;
  }
 body  {
    padding-right: 13%;
  } 
    
} 


body .menu .menu-item  {
     padding-left: 0px;
    }

 body .menu-item a {
     font-family: 'untitled-sans-light', sans-serif; 
     font-size: 1.6rem;
     line-height: 1.6rem;
     color: #3a414e;
     padding-left: 0px;
    }






body {
  font-family: 'pitch-sans-medium';
  font-size: .8rem;
}

form span.required {

font-family: 'pitch-sans-medium';
  font-size: .8rem;
color: #3a414e;
}


body {

    background: #e3e3e3;
  
}

.bg-gray {

    background: #e3e3e3!important;
  
}
   
    
@media (max-width: 840px) {
 .menu {
    display: none;
  }
}


@media (max-width: 840px) {
.column.col-10 {
    flex: 100%;
  }
}

/* Mobile Button*/

.mobile-menu .button_container span {
    background: #3a414e;
}

/* Mobile Menu Open */

.overlay { 
    background: #e3e3e3;
}

.mobile-menu .button_container.active .top { 
    background: #3a414e;
}

.mobile-menu .button_container.active .bottom { 
    background: #3a414e;
}

.treemenu li  { 
    background: #e3e3e3;
}

.treemenu li a {
         font-family: 'untitled-sans-light', sans-serif; 
     font-size: 1.6rem;
     line-height: 1.6rem;
     color: #3a414e;
     padding-left: 0px;
}

.treemenu li a:hover, .treemenu li a:focus, .treemenu li a.active {
  color: #3a414e !important;
  text-decoration: underline;
}


.treemenu li.tree-empty>.toggler:before {
    display: none;
}

.treemenu li a:hover, .treemenu li a.active {
    color: #3a414e;
}


.btn,.button {
    color: #010101;
    border-top-color: #010101;
    border-left-color: #010101;
    border-right-color: #010101;
    border-bottom-color: #010101;
}

.btn:focus,.btn:hover,.button:focus,.button:hover {
    text-decoration: none;
    border-color: #010101;
    background: #e3e3e3;
}

 &:focus {
    @include control-shadow();
    border-color: #010101;
  }

.form-input:focus, .search-input:focus, [data-grav-field=array] input:focus, [data-grav-field=array] textarea:focus {
    border-color: #010101;
    box-shadow: 0 0 0 0rem rgba(48,133,238,.2);
}

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

/* Padding to fit content to page */

.col-10 {
  padding-top: 1rem;
  }


@media (min-width: 1400px) {
section.section  {
  padding-right: 6rem;
  padding-left: 2rem;
  }
} 


/* Enlarge page content for large screens */

.container.grid-xl {
  max-width: 3000px;
}

/* Constrain image height for vertical images */

img {
  max-height: 80vh;
}

/* Pagination */

.pagination li {
	border: 1px solid black;
	background-color: white;
}

ul.pagination {
  justify-content: flex-start;
}

/* Catalogue and Commissioned */
body h3.mt-1  {
  text-align: left;
}

/* Constrain image height for vertical images in Commissioned Grid    min-height: 40vh; */


.commissioned-item img {

  max-height: 40vh;
}

.commissioned-item {
display: inline-block;
}

/* Lightbox */

.lightbox-gallery {
  padding-top: .5rem;
  padding: 0px;
}

.gslider {
  padding-top: 2rem;
}

.header-fixed #body-wrapper {
    padding-top: .4rem;
}

.glightbox-clean .gdesc-inner {
  background-color: rgba(0,0,0, .92);
}

.glightbox-clean .gslide-title {
  color: white;
}

.glightbox-clean .gslide-desc {
  color: white;
}

h4 {
    font-family: 'untitled-sans-light'; 
    font-size: 1rem;
    margin-top: 0rem;
    }