/*
 Theme Name:     Joe Walkling 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 -------------------- */
/* ------------------------------------------------------------------------- */

:root {
	--black: #320019;
	--half-black: rgba(0,0,0,0.5);
	--quarter-black: rgba(0,0,0,0.25);
	--dark-grey: #1f1f1f;
	--white: #f7f5f2;
	--half-white: rgba(247,245,242,0.5);
	--quarter-white: rgba(247,245,242,0.25);
	--red: red;
	--yellow: yellow;
	--green: green; 
	--pink: pink;
	--blue: blue;
	
	/* type */
	--font-xl: clamp(30px, 4vw, 60px);
	--font-l:  clamp(24px, 2.5vw, 34px);
	--font-m:  clamp(20px, 2vw, 28px);
	--font-s:  clamp(18px, 1.4vw, 18px);
	--font-xs: 14px;	
	
	/* color */
	--chalk: 	#efeae6;
	--sand: 	#e0d2b2;
	--claret: 	#320019;
	--cobalt: 	#6161f2;
	--lilac: 	#dabdf4;
	--moss: 	#738f39;
	--sage: 	#bdd6c8;
	--coral: 	#ff9388;
	--transparent: rgba(0,0,0,0);
	
	/* spacing */
	--space-unit: 15px;
	
	/* transition */
	--trans-500: all 500ms ease 0s;
	--trans-300: all 300ms ease 0s;
	--trans-slow: all 2s cubic-bezier(.36,0,.3,1) 0s;
	--trans-med: all 1s cubic-bezier(.36,0,.3,1) 0s;
	--trans-fast: all 500ms cubic-bezier(.36,0,.3,1) 0s;
}

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

/* ------------------------------------------------------------------------- */
/* TYPOGRAPHY */
/* ------------------------------------------------------------------------- */
@font-face {
  font-family: 'Maitra Head';
  src: url('fonts/WT-Monarch-Nova.woff2') format('woff2'),
       url('fonts/WT-Monarch-Nova.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Light */
@font-face {
  font-family: 'Maitra Body';
  src: url('fonts/205TF-Muoto-Light.woff2') format('woff2'),
       url('fonts/205TF-Muoto-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Light Italic */
@font-face {
  font-family: 'Maitra Body';
  src: url('fonts/205TF-Muoto-LightItalic.woff2') format('woff2'),
       url('fonts/205TF-Muoto-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Medium */
@font-face {
  font-family: 'Maitra Body';
  src: url('fonts/205TF-Muoto-Medium.woff2') format('woff2'),
       url('fonts/205TF-Muoto-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Medium Italic */
@font-face {
  font-family: 'Maitra Body';
  src: url('fonts/205TF-Muoto-MediumItalic.woff2') format('woff2'),
       url('fonts/205TF-Muoto-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

h1, h2, h3, h4, h5 {
	font-family: 'Maitra Head', serif;
	font-weight: 400;
	text-transform: uppercase;
	font-feature-settings: "ss01" 1;
}
h1{
	font-size: var(--font-xl);
}
h2{
	font-size: var(--font-xl);
}
h3{
	font-size: var(--font-l);
}
h4, h5{
	font-size: var(--font-m);
}
/* label */ h6 {
	font-family: 'Maitra Body', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	font-size: var(--font-xs) !important;
}

body, p {
	font-family: 'Maitra Body', sans-serif;
	font-weight: 300;
	font-size: var(--font-s);
}

strong, b {
	font-weight: 500;
}

em, i {
	font-style: italic;
}

/* buttons */
a.et_pb_button{
	font-size: var(--font-xs);
	text-transform: uppercase;
}



/* ------------------------------------------------------------------------- */
/* HEADER */
/* ------------------------------------------------------------------------- */
/* ----- header section */
.jwd-hdr-sec{
	position:fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100% !important;
	max-width: 100% !important;
	background-color: var(--sand);
	border-bottom: 1px solid var(--quarter-black);
}
/* hide and reveal header */
.jwd-hdr-sec.top{
	background-color: var(--transparent);
}
.hide-header {
	opacity: 0;
	margin-top: -200px !important;
}
.show-header {
	opacity: 1;
	margin-top: 0px !important;
}
#global-header-section {
	transition:
		background-color 500ms ease-in-out 300ms,
		margin-top 300ms ease-in-out,
		opacity 300ms ease-in-out;
}

/* ----- header row */
.jwd-hdr-row .et_pb_column{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}
/* logo */
.jwd-logo{
	min-width: 150px;
	width: 14vw;
	max-width: 200px;
}
.jwd-logo .logo{
	fill: var(--claret);
}

/* hamburger */
#slide-in-open{
	width: 50px;
	cursor: pointer;
	height: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: auto !important;
	margin-right: 0px !important;
}

.line{
	display: block;
	height: 2px;
	width: 100%;
	background: var(--claret);
	opacity: 1;
	transition: var(--trans-fast);
}
.line-1{
	margin-bottom: 10px;
}
.line-2{
	margin: auto !important;
}
.line-3{
	margin-top: 10px;
}
#slide-in-open.open .line-1 {
	margin-bottom: -2px;
	transform: rotate(225deg);
}
#slide-in-open.open .line-2 {
	width: 0px !important;
	opacity: 0;
}

#slide-in-open.open .line-3 {
	margin-top: -2px;
	transform: rotate(315deg);
}


/* ------------------------------------------------------------------------- */
/* Navigation */
/* ------------------------------------------------------------------------- */

/* menu items ALL */
.menu-items {
	text-transform: uppercase;
}

/* header navigation */
.jwd-hdr-row .menu-items {
	margin-left: auto;
	margin-right: 0;
}
.jwd-hdr-row .menu-items .et_pb_text_inner{
	display: flex;
	gap: max(2vw, var(--space-unit));
}
.jwd-hdr-row .menu-items p{
	display: block;
	position: relative;
	padding-bottom: 0px !important;
}
.jwd-hdr-row .menu-items a:before{
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 100%;
	height: 1px;
	background-color: var(--black);
	transition: var(--trans-med);
}
.jwd-hdr-row .menu-items a:hover:before{
	right: 0;
}

/* slide in menu container */
.slide-in-menu {
	right: 0 !important;
	opacity: 1 !important;
}


.slide-in-menu-container {
	display: flex;
	flex-direction: column; 
	justify-content: center;
	background-color: var(--sand);
	max-width: 100% !important;
	padding: calc(var(--space-unit) * 6) calc(var(--space-unit) * 3) !important;
	transition: var(--trans-fast) !important;
	border-left: 1px solid var(--quarter-black);
	max-width: 500px !important;
}




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

/* ----- Padding and Margins */
#main-content.secpad:first-of-type {
  padding: 100px 0 calc(var(--space-unit) * 3) 0 !important;
}
.secpad {
  padding: calc(var(--space-unit) * 3) 0 !important;
}
.rowpad		{
	padding: var(--space-unit) 0px !important;
}
.pad15		{	padding: var(--space-unit);}
.mar15		{	margin: var(--space-unit);}
.btnmar15	{	margin: var(--space-unit);}
.flexsec	{	display: flex; flex-direction: column;}

/* images */
.maitra-img{
	border-radius: calc(var(--space-unit) / 5 * 4);
	overflow: hidden;
}

/* dividers */
.et_pb_divider{
	padding: var(--space-unit) 0;
}
.et_pb_divider:before{
	border-color: var(--quarter-black)!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;}

/* ----- Mastheads (video and image) */
.maitra-masthead{
	overflow: hidden !important;
}
/* ----- Video Container */
.maitra-video .et_pb_code_inner{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    max-height: 768px;
    aspect-ratio: 16 / 9;
    margin: 0 auto;
}
/* Wrapper */
.maitra-video .fluid-width-video-wrapper{
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
}
/* Iframe */
.maitra-video iframe {
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    animation: videoFade 500ms ease-out 1s forwards;
}
/* Fade in */
@keyframes videoFade {
  to { opacity: 1; }
}
/* hero text */
.hero-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	z-index: 999999!important;
}

/* ----- blurbs */
.maitra-blurb{
	border-radius: calc(var(--space-unit) / 5 * 4);
	overflow: hidden;
	transition: var(--trans-med);
	height: 100%;
}
.maitra-blurb .et_pb_blurb_container{
	padding: var(--space-unit);
}
.maitra-blurb .et_pb_blurb_content {
	max-width: 100%;
}
@media only screen and (min-width: 981px){
	.maitra-blurb:hover{
		transform: scale(1.05);
	}	
}

/* ----- Connect section */
.connect-sec{
	background-attachment: fixed;
}
.maitra-connect .et_pb_column{
	display: grid;
	grid-template: auto / 1fr 1fr;
	grid-template-areas: 
		'label label'
		'title text'
		'title button'
		;
}
.maitra-connect .label{
	grid-area: label;
}
.maitra-connect .title{
	grid-area: title;
}
.maitra-connect .text{
	grid-area: text;
}
.maitra-connect .et_pb_button_module_wrapper{
	grid-area: button;
}

/* ------------------------------------------------------------------------- */
/* FOOTER */
/* ------------------------------------------------------------------------- */
#footer .logo{
	fill: var(--black);
}
#footer .et_pb_row_1_tb_footer .et_pb_column{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	gap: max(2vw , 15px);
}

/* ------------------------------------------------------------------------- */
/* COOKIES */
/* ------------------------------------------------------------------------- */
/* container */
.cky-consent-container {
    border-radius: calc(var(--space-unit) / 5 * 4) !important;
	bottom: 3vw !important;
	left: 3vw !important;
	width: 100% !important;
	max-width: 440px !important;
}
.cky-consent-bar {
    background-color: var(--sand) !important;
    border: 1px solid var(--quarter-black) !important;
    padding: var(--space-unit) !important;
    box-shadow: none !important;
    border-radius: calc(var(--space-unit) / 5 * 4) !important;
}
/* title */
.cky-title{
	display: none !important;
}
/* buttons */
.cky-notice-btn-wrapper{
	gap: var(--space-unit) !important;
	margin-top: var(--space-unit) !important;
}
.cky-btn {
    font-size: var(--font-xs) !important;
    line-height: 1.2em !important;
	text-transform: uppercase !important;
    padding: 0.5em 2em !important;
    margin: 0 0 0 0 !important;
    border-radius: 100px !important;
	border: 1px solid var(--quarter-black) !important;
	color: var(--black) !important;
}

.cky-btn-accept{
	background-color: var(--black) !important;
	color: var(--white) !important;
}
@media only screen and (min-width:981px){
	.cky-btn:hover{
		color: var(--white) !important;
		background-color: var(--black) !important;
		opacity: 1 !important;
	}
	.cky-btn-accept:hover{
		color: var(--black) !important;
		background-color: var(--sand) !important;
	}
}

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



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

/* navigation */
@media only screen and (max-width:980px){
	.jwd-hdr-row .menu-items {
		display: none !important;
	}
/* ----- Padding and Margins */
#main-content.secpad:first-of-type {
  padding: 100px 0 calc(var(--space-unit) * 2) 0 !important;
}
.secpad {
  padding: calc(var(--space-unit) * 2) 0 !important;
}
	/* masthead videos */
	.maitra-masthead{
		min-height: 75vh; 
	}
/* ----- Video */
	.maitra-video .et_pb_code_inner{
		height: 75vh;
	}
	.maitra-video .fluid-width-video-wrapper{
		position: absolute !important;
		width: 1000% !important;
		padding: 0px 0px 57% 0px!important;
	}
	.maitra-masthead iframe {
		min-height: 75vh;
	}
}

@media only screen and (min-width:981px){
	#slide-in-open {
		display: none !important;
	}
	.slide-in-menu-container {
		display: none !important;
	}
}

@media only screen and (max-width: 767px){
	/* ----- Padding and Margins */
#main-content.secpad:first-of-type {
  padding: 100px 0 var(--space-unit) 0 !important;
}
.secpad {
  padding: var(--space-unit) 0 !important;
}
	/* connect */
	.maitra-connect .et_pb_column {
    grid-template: auto / 1fr;
    grid-template-areas:
        'label'
        'title'
        'text'
		'button';
	}
}

@media only screen and (max-width: 500px){
/* FOOTER */
#footer .et_pb_row_1_tb_footer .et_pb_column{
	flex-flow: column wrap;
}
	/* cookies */
	.cky-consent-container {
	max-width: calc(100% - 6vw) !important;
}
}