/*
 Theme Name:     Louise Goddard 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: #1a1403;
	--white: #ffffff;
	--red: #d9381e;
	--yellow: yellow;
	--green: green; 
	--pink: pink;
	--blue: blue;
}

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

/* ------------------------------------------------------------------------- */
/* FONTS */
/* ------------------------------------------------------------------------- */
@font-face {
  font-family: 'ApfelGrotezk-Reg';
  src: url('ApfelGrotezk-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('ApfelGrotezk-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('ApfelGrotezk-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'ApfelGrotezk-Fett';
  src: url('ApfelGrotezk-Fett.woff2') format('woff2'), /* Super Modern Browsers */
       url('ApfelGrotezk-Fett.woff') format('woff'), /* Pretty Modern Browsers */
       url('ApfelGrotezk-Fett.ttf')  format('truetype'); /* Safari, Android, iOS */
}


body{
	font-family: 'ApfelGrotezk-Reg';
}

h1, h2, h3, h4, h5, h6, h7 {
	font-family: 'ApfelGrotezk-Reg';
}

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

/* ----- Remove Shadow on Main Header ----- */
#main-header, #main-header.et-fixed-header {
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	box-shadow: none!important;
}
@media only screen and (max-width: 980px){
	#main-header{
		position: fixed!important;
		top: 0;
		left: 0;
		right: 0;
	}
	#main-header .et_menu_container{
		width: 96%!important;
		padding: 0px 1%;
	}
}
/* ------------------------------------------------------------------------- */
/* Navigation */
/* ------------------------------------------------------------------------- */

/* ----- Hamburger */

@media only screen and (max-width: 980px){
	.et_divi_100_custom_hamburger_menu__icon{
		width: 50px!important;
		height: 30px!important;
	}
	.et_divi_100_custom_hamburger_menu__icon div{
		margin: 8px auto!important;
		height: 1px!important;
		border-radius: 0px!important;
	}
	.et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
		-webkit-transform: translateY(9px) rotate(45deg)!important;
		transform: translateY(9px) rotate(45deg)!important;
	}
	.et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
		-webkit-transform: translateY(-9px) rotate(-45deg)!important;
		transform: translateY(-9px) rotate(-45deg)!important;
	}
}


/* ----- Desktop Menu Navigation */
#top-menu a{
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-family: 'ApfelGrotezk-Reg'!important;
	font-weight: 400;
	font-size: 16px;
	color: var(--dark-grey)!important;
	opacity: 1!important;
}
#top-menu a:before{
	content: '';
	position: absolute;
	left: 100%;
	right: 100%;
	bottom: 60%;
	background: var(--dark-grey);
	height: 1px;
	-webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
#top-menu a:hover:before, #top-menu li.current-menu-item a:before {
	right: 0;
	left: 0;
}

/* ----- responseive menu text size */
@media only screen and (max-width: 1080px){
	#top-menu a{
		font-size: 14px;
	}
}
/* ----- mobile menu */
.et_mobile_menu{
	border: 1px solid var(--dark-grey)!important;
	padding: 25px!important;
	box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
}
.et_mobile_menu li a {
    border-bottom: none!important;
    color: var(--dark-grey)!important;
    padding: 15px 15px!important;
	font-family: 'ApfelGrotezk-Fett'!important;
	text-align: center;
	font-size: 20px!important;
}

/* ------------------------------------------------------------------------- */
/* BODY */
/* ------------------------------------------------------------------------- */
.et_pb_column .et_pb_module {
    margin-bottom: 0px!important;
}
/* ---------- HOMEPAGE ---------- */

.page-id-648 #main-header{
	display: none;
}
#lg-homepage-sc{
	padding: 0px 0px 0px!important;
	min-height: calc(66vh - 79px)!important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 999999!important;
	overflow: visible;
}
@media only screen and (max-width: 600px){
	#lg-homepage-sc{
		min-height: calc(50vh - 79px) !important;
	}
}
/* name */
.lg-title-1{
	transition: all 500ms ease 0s;	
}
.lg-title-1:hover{
	transform: scale(98%);
	opacity: .8;
}
/* ----- rotating name 
.lg-title-1, .lg-title-2{
}
.lg-title-1{
	transition: transform 5s ease-in-out 0ms;
}
.lg-title-1:hover{
  transform: rotateX(-360deg) rotate(45deg) matrix3d(0.866025, 0, -0.5, 0, 0, 1, 0, 0, 0.5, 0, 0.866025, 0, 0, 0, 10, 1.35);
;
}
.lg-title-2{
	transition: transform 5s ease-in-out 0ms;
}
.lg-title-2:hover{
	transform: rotate(-35deg) rotateX(360deg) matrix3d(1, 0, 0, 0, 0, 0.866025, 0.5, 0, 0, -0.5, 0.866025, 0, 0, 0, 0, 1.5);}
*/
/* ---------- WORK ---------- */

/*----- work */
.work-grid .et_pb_ajax_pagination_container{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 100px;
}

/* feat images */
.work-grid .et_portfolio_image {
	padding-top: 100%;
	display: block;
	overflow: hidden;
}

.work-grid .et_portfolio_image img {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: contain;
	transition: transform 500ms ease-in-out 0ms!important;
}
.work-grid .et_portfolio_image img:hover{
	transform: scale(98%);
}

.work-grid #post-687{
	grid-column: span 3;
}
.work-grid #post-687 .et_portfolio_image {
	padding-top: 40%;
}
/* ----- Paintings and Prints ----- */

/* ----- painting nav */
#painting-nav, #print-nav {
	position: fixed;
	top: 74px;
	left: 0;
	right: 0;
	z-index: 999999!important;
	font-family: 'ApfelGrotezk-Fett'!important;
}
.painting-nav, .print-nav{
	display: inline-flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-evenly;
}
.painting-nav-item, .print-nav-item {
	padding: 5px 7px;
}
.painting-nav-item a, .print-nav-item a{
	transition: all 300ms ease-in-out 0ms!important;
}
.painting-nav-item a:hover, .print-nav-item a:hover{
	opacity: .5!important;
}



/* ----- Portfolio items and tags */

/* ---------- Portolio Template */
.portrait-row, .landscape-row, .about-row{
	padding: 50px 0px 200px!important;
	min-height: calc(100vh - 74px);
}

/* landscape text and button items*/
.lanscape-item{
	width: 50%;
}
.landscape-row .et_pb_button_module_wrapper{
	width: 50%;
}

@media only screen and (max-width: 600px){
	#painting-nav, #print-nav {
		display: none!important;
	}
	.work-grid .et_pb_ajax_pagination_container{
		grid-template-columns: 1fr 1fr;
		grid-gap: 25px;
	}
	.portrait-row, .landscape-row, .about-row{
		padding: 0px 0px 100px!important;
		min-height: 50vh;
	}
	.lanscape-item{
		width: 100%;
	}
	.landscape-row .et_pb_button_module_wrapper{
		width: 100%;
	}
}

.jw-align-end{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

/* ---------- Portfolio Footer */
.portfolio-ftr .et_pb_ajax_pagination_container{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 2vw;
}
@media only screen and (max-width: 600px){
	.portfolio-ftr .et_pb_ajax_pagination_container{
		grid-template-columns: 1fr 1fr;
		grid-gap: 25px;
	}
}
/*porfolio image aspect ratio square 1:1*/
.portfolio-ftr .et_portfolio_image, .works-grid .et_portfolio_image {
	padding-top: 100%!important;
  	display: block;
	overflow: hidden;
}

.portfolio-ftr .et_portfolio_image img, .works-grid .et_portfolio_image img {
	position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: contain;
	transition: transform 500ms ease-in-out 0ms
}
.portfolio-ftr .et_portfolio_image img:hover, .works-grid .et_portfolio_image img:hover{
	transform: scale(98%);
}

/* ----- last section */
.last_section{
	border-bottom: 1px solid rgba(0,0,0,0.2)!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;}

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

/* ----- footer reveal */
@media only screen and (min-width: 600px){
	#main-content {
		margin-bottom: 110px;
		z-index: 2;
	}

	#main-footer, .et-l--footer {
		z-index: 0;
		position: fixed;
		bottom: 0;
		right: 0;
		left: 0;
	}
}

#lg-footer{
	background: var(--white)!important;
}


/* ------------------------------------------------------------------------- */
/* LINKS */
/* ------------------------------------------------------------------------- */
.et_pb_text_inner a {
	font-family: 'ApfelGrotezk-Fett';
	transition: all 300ms ease-in-out 0ms!important;	
}
.et_pb_text_inner a:hover{
	opacity: .5!important;
}

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;
}

/* ------------------------------------------------------------------------- */
/* Cookies */
/* ------------------------------------------------------------------------- */
#cookie-law-info-bar {
    font-size: 16px!important;
    padding: 25px 50px!important;
    box-shadow: none!important;
	border: 1px solid rgba(0,0,0,0.2);
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	bottom: 20px!important;
}
.cli-plugin-button{
	margin: 5px!important;
	border: 1px solid rgba(0,0,0,0.2);
}
.lg-cookies{
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
	flex-wrap: wrap;
}
@media only screen and (max-width: 980px){
	#cookie-law-info-bar {
		width: 96%;
	}
}
@media only screen and (max-width: 600px){
	.lg-cookies{
		justify-content: center;
	}
	.lg-cookies p {
		width: 100%;
		padding: 15px!important;
	}
}