/*
 Theme Name:     Julia Hamilton Child theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Child Theme
 Author:         Joe Walkling
 Author URI:     https://www.joewalkling.com
 Template:       Divi
 Version:        1.0.0
*/
 
/* ------------------------------------------------------------------------- */
/* -------------------- Theme customization starts here -------------------- */
/* ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */
/* COLOURS */
/* ------------------------------------------------------------------------- */

:root {
	--black: #000000;
	--dark-grey: #272324;
	--border-grey: 39, 35, 36;
	--white: #ffffff;
	--pale-grey: #fbfbfb;
	--red: red;
	--yellow: yellow;
	--green: green; 
	--pink: pink;
	--blue: blue;
}

::selection{
	color: var(--white);
	background: var(--dark-grey);
}

/* ------------------------------------------------------------------------- */
/* FONTS */
/* ------------------------------------------------------------------------- */
@font-face {
  font-family: 'Julia-Regular';
  src: url('PPPangramSans-Regular.eot'); /* IE9 Compat Modes */
  src: url('PPPangramSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('PPPangramSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('PPPangramSans-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Julia-Italic';
  src: url('PPPangramSans-RegularItalic.eot'); /* IE9 Compat Modes */
  src: url('PPPangramSans-RegularItalic.woff2') format('woff2'), /* Super Modern Browsers */
       url('PPPangramSans-RegularItalic.woff') format('woff'), /* Pretty Modern Browsers */
       url('PPPangramSans-RegularItalic.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Julia-Bold';
  src: url('PPPangramSans-Bold.eot'); /* IE9 Compat Modes */
  src: url('PPPangramSans-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('PPPangramSans-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('PPPangramSans-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
}

body {
	font-family: 'Julia-Regular';
}

p {
	font-family: 'Julia-Regular'
}

h1, h2, h3, h4, h5, h6, h7 {
	font-family: 'Julia-Bold'
}


/* ------------------------------------------------------------------------- */
/* HEADER */
/* ------------------------------------------------------------------------- */

/* ----- Remove Shadow on Main Header ----- */
#main-header, #main-header.et-fixed-header {
	background: rgba(0,0,0,0.0)!important;
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	box-shadow: none!important;
}

#main-header {
	position: fixed!important;
	top: 0;
	left: 0;
	right: 0;
}
.et_menu_container{
	width: 94%!important;
	max-width: 100%!important;
}

@media only screen and (max-width:980px){
	#main-header{
		background-color: var(--pale-grey)!important;
	}
	#main-header.et-fixed-header{
		background-color: var(--pale-grey)!important;
	}
	.et_header_style_left #logo {
		max-width: 30%;
	}
}

@media only screen and (max-width:600px){
	.et_header_style_left #logo {
		max-width: 50%;
	}
}

/* ------------------------------------------------------------------------- */
/* Navigation */
/* ------------------------------------------------------------------------- */
#top-menu a{
	letter-spacing: .1em;
}
#top-menu a:hover{
	opacity:1!important;
	color: var(--black)!important;
}
#top-menu li.current-menu-item a{
	font-family: 'Julia-Bold'!important;
}

@media only screen and (max-width: 980px){
	.et_mobile_menu {
		box-shadow: none!important;
   	 	-moz-box-shadow: none!important;
   	 	-webkit-box-shadow: none!important;
		border: 1px solid rgba(var(--border-grey), .25)!important;
		background: var(--pale-grey)!important;
		top: 15vh!important;
	}	
	.et_mobile_menu li a {
    	border: none!important;
		text-align: center!important;
		font-size: 22px!important;
		font-family: 'Julia-Bold'!important;
		font-weight: 400!important;
		font-style: normal!important;
	}
}

@media only screen and (max-width: 600px){
	.et_mobile_menu {
		top: 25vh!important;
	}
}

/* ------------------------------------------------------------------------- */
/* BODY */
/* ------------------------------------------------------------------------- */

/* all sections */
.et_pb_section {
	background-color: var(--pale-grey);
}

/* Full height sections */

@media only screen and (min-width:981px){
	.full-height-section{
		height: calc(100vh - 63px)!important;
		min-height: 600px!important;
	}
}

/* --------------------- */
/* ----- Homepage ----- */
/* ------------------- */
/* main image grid */



/* ----- Current Exhibitions */
/* blog module */
.jh-home-blog .et_pb_post{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: 1fr 1fr 2fr 1fr 1fr;
	grid-gap: 2vw 2vw;
	margin-bottom: 200px!important;
}
/* grid and item alignment */
.jh-home-blog .et_pb_ajax_pagination_container{
	overflow: hidden;
}
/* image */ .jh-home-blog .entry-featured-image-url {
	grid-column: 6 / span 7;
	grid-row: 1 / span 5;
	margin-bottom: 0px!important;
}
/* category */ .jh-home-blog .post-meta{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	pointer-events: none!important;
	grid-column: 3 / span 3;
	grid-row: 2 / span 1 ;
}
/* Title */ .jh-home-blog .entry-title{
	display: flex;
	flex-direction: column;
	justify-content: center;
	grid-column: 2 / span 3;
	grid-row: 3 / span 1;
}
/* Content and more */ .jh-home-blog .post-content{
	grid-column: 3 / span 2;
	grid-row: 4 / span 1;
}
.jh-home-blog .more-link{
	font-family: 'Julia-Bold', sans-serif!important;
	margin-top: 2em;
}

/*feat image position */
.jh-home-blog .entry-featured-image-url img{
	object-position: right;
}

/* ---------------------- */
/* ----- Portfolio ----- */
/* -------------------- */
.jh-portfolio .et_pb_ajax_pagination_container{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 75px 2vw;
}
@media only screen and (max-width: 479px){
	.jh-portfolio .et_pb_ajax_pagination_container{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 2vw;
		}
	}

/* title background section */
@media only screen and (min-width: 980px){
	.jh-portfolio-sc {
  		background-repeat: no-repeat;
  		background-attachment: fixed;
		background-size: 3%;
		background-position: 98%;
		}
	.jh-collage {
		background-image: url("http://dm8.dbb.myftpupload.com/wp-content/uploads/resources/collage.svg");
		}
	.jh-painting {
		background-image: url("http://dm8.dbb.myftpupload.com/wp-content/uploads/resources/painting.svg");
		}
	.jh-drawing {
		background-image: url("http://dm8.dbb.myftpupload.com/wp-content/uploads/resources/drawing.svg");
		}
	.jh-prints-sc {
		background-image : url("http://dm8.dbb.myftpupload.com/wp-content/uploads/resources/prints.svg")
		}
	}

/* project image */
.jh-portfolio-img img{
	max-height:80vh!important;
	width:auto!important;
}


/* -------------------------------------------- */
/* Feat image aspect ratio on all feed modules */
/* ------------------------------------------ */

.jh-shop .et_shop_image, .jh-home-blog .entry-featured-image-url, .jh-portfolio .et_portfolio_image {
  	padding-top: 100%!important;
  	display: block;
	overflow: hidden;
}

.jh-shop .woocommerce img, .jh-home-blog .entry-featured-image-url img, .jh-portfolio .et_portfolio_image img {
  	position: absolute;
  	height: 100%!important;
  	width: 100%!important;
  	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
  	object-fit: contain;
	transition: transform 500ms ease-in-out 0ms!important;
}

.jh-portfolio img:hover, .jh-shop .woocommerce img:hover{
	transform: scale(103%);
}

/* portfolio navigation */
.portfolio-nav {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
}
.portfolio-nav h1, h2, h3, h4, h5, h6 {
	padding-bottom: 0px!important;
}

.page-id-12 #main-header{
	background: var(--pale-grey)!important;
}


/* -------------------------------------------- */
/* Exhibitions */
/* ------------------------------------------ */
/* ----- current exhibits grid */
.jh-cur-exhibits .et_pb_post{
	display:grid;
	grid-template-columns: repeat(10, 1fr);
	grid-column-gap:2vw;
	margin-bottom: 50px!important;
	border-bottom: 1px solid rgba(var(--border-grey), .25);
	align-items: center;
	padding-bottom: 100px!important;
}
/*image*/ .jh-cur-exhibits .entry-featured-image-url{
	grid-column: 1 / span 4;
	grid-row: 1 / span 2;
	margin-bottom: 0px!important;
}
/*title*/.jh-cur-exhibits .entry-title{
	grid-column: 5 / span 5;
	grid-row: 1 / span 1;
}
.jh-cur-exhibits .entry-title{
	padding-bottom:0px!important;
}
/*excerpt*/.jh-cur-exhibits .post-content{
	grid-column: 5 / span 3;
	grid-row: 2 / span 1;
	line-height: 1.4em;
}
.jh-cur-exhibits .more-link{
	font-family: 'Julia-Bold', sans-serif!important;
	margin-top: 2em;
}

/* no results */
.jh-no-results {
	padding: 50px 0px!important;
}

@media only screen and (max-width: 479px){
/*image*/ .jh-cur-exhibits .entry-featured-image-url{
	grid-column: 1 / span 10;
	grid-row: 1 / span 1;
	margin-bottom: 25px!important;
	}
/*title*/.jh-cur-exhibits .entry-title{
	grid-column: 1 / span 10;
	grid-row: 2 / span 1;
	}
.jh-cur-exhibits .entry-title{
	padding-bottom:0px!important;
	}
/*excerpt*/.jh-cur-exhibits .post-content{
	grid-column: 1 / span 10;
	grid-row: 3 / span 1;
	line-height: 1.4em;
	}
}


/* ----- past exhibits grid */
.jh-past-exhibits .et_pb_post{
	display:grid;
	grid-template-columns: repeat(10, 1fr);
	grid-column-gap:2vw;
	grid-row-gap: 5px;
	margin-bottom: 5px!important;
	border-bottom: 1px solid rgba(var(--border-grey), .25);
	align-items: center;
}
/*title*/.jh-past-exhibits .entry-title{
	grid-column: 2 / span 7;
	grid-row: 1 / span 1;
}
.jh-past-exhibits .entry-title{
	padding-bottom:0px!important;
}
/*year*/.jh-past-exhibits .post-meta{
	grid-column: 1 / span 1;
	grid-row: 1 / span 1;
}
/*excerpt*/.jh-past-exhibits .post-content{
	grid-column: 9 / span 2;
	grid-row: 1 / span 1;
}
.jh-past-exhibits .post-content p{
	font-size: 14px!important;
	line-height: 1.3em!important;
}

@media only screen and (max-width: 479px){
	.jh-past-exhibits .et_pb_post{
		align-items: baseline;
	}
/*title*/.jh-past-exhibits .entry-title{
	grid-column: 3 / span 8;
	grid-row: 1 / span 1;
	}
/*year*/.jh-past-exhibits .post-meta{
	grid-column: 1 / span 1;
	grid-row: 1 / span 1;
	}
/*excerpt*/.jh-past-exhibits .post-content{
	grid-column: 3 / span 3;
	grid-row: 2 / span 1;
	}
}


/* exhibition Navigation */
.exhib-nav {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-start;
}
.exhib-nav h1, h2, h3, h4, h5, h6 {
	padding-bottom: 0px!important;
}
.exhib-nav-item {
	
}
.page-id-14 #main-header{
	background: var(--pale-grey)!important;
}

/* flex vertical align */
.jw-flex-center{display:flex;flex-direction: column;justify-content:center;}
.jw-flex-end{display:flex;flex-direction: column;justify-content:flex-end;}
.jw-flex-start{display:flex;flex-direction: column;justify-content:flex-start;}



/* ------------------------------------------------------------------------- */
/* BUTTONS */
/* ------------------------------------------------------------------------- */

.et_pb_button{
	font-family: 'Julia-Bold', sans-serif!important;
	padding-left:0px!important;
}



/* ------------------------------------------------------------------------- */
/* WooCommerce */
/* ------------------------------------------------------------------------- */

/* Buttons */
.single_add_to_cart_button{
	font-family: 'Julia-Bold', sans-serif!important;
	padding-left:0px!important;
}

/* cart */
.et-cart-info {
	display: none!important;
}

/* ------------------------------------------------------------------------- */
/* FOOTER */
/* ------------------------------------------------------------------------- */

/* ----- Footer reveal ------ */
#main-content {
	margin-bottom: 150px;
	z-index: 2;
}
#main-footer, .et-l--footer {
    z-index: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
}

@media only screen and (max-width: 768px){
	#main-content {
		margin-bottom: 200px;
	}
}

@media only screen and (max-width: 479px){
	#main-content {
		margin-bottom: 250px;
	}
}

/* ------------------------------------------------------------------------- */
/* LINKS */
/* ------------------------------------------------------------------------- */
a:link {}
a:visited {}
a:hover {}
a:active {}

/* ------------------------------------------------------------------------- */
/* Login */
/* ------------------------------------------------------------------------- */
.tml{
	font-size:20px!important;
}
.tml-field{
	padding: .7em 1em!important;
	border: 1px solid var(--dark-grey)!important;
	background:#fff!important;
}
.tml-button{
	font-size:20px!important;
	padding: .3em 1em!important;
	background:var(--dark-grey)!important;
	border: 1px solid var(--dark-grey)!important;
	color:#fff!important;
}
.tml-button:hover{
	background:#fff!important;
	border: 1px solid var(--dark-grey)!important;
	color:var(--dark-grey)!important;
}

/* errors */.tml .tml-error {
	color: var(--red); 
	border: 1px solid var(--red)!important;
	text-transform: capitalize; 
	font-size: 18px;
	letter-spacing:0px;
	line-height:1.3em!important;
	box-shadow:none!important;
	padding:25px;
}

/* Success */.tml .tml-success {
	color: var(--green);
	border: 1px solid var(--green)!important;
	text-transform: capitalize; 
	font-size: 18px;
	letter-spacing:0px;
	line-height:1.3em!important;
	box-shadow:none!important;
	padding:25px!important;
}

/* message */.tml-message {
	color: var(--blue); 
	border: 1px solid var(--blue)!important;
	text-transform: capitalize; 
	font-size: 18px;
	letter-spacing:0px;
	line-height:1.3em!important;
	box-shadow:none!important;
	padding:25px!important;}

/* passwords */
#pass-strength-result.short {
    background-color: var(--pink);
    border-color: var(--pink);
    opacity: 1;
}
#pass-strength-result.bad {
    background-color: var(--red);
    border-color: var(--red);
    opacity: 1;
}
#pass-strength-result.good {
    background-color: var(--yellow);
    border-color: var(--yellow);
    opacity: 1;
}
#pass-strength-result.strong {
    background-color: var(--green);
    border-color: var(--green);
    opacity: 1;
}

/* ------------------------------------------------------------------------- */
/* MOBILE */
/* ------------------------------------------------------------------------- */