/*
Theme Name: The Hive Theme
Theme URI: https://thehivecreative.co.nz
Version: 1.0
Description: A custom theme for The Hive
Author: Dave Murray at Satellite Design
Template: Divi
*/

@import url("../Divi/style.css");

@import url("https://use.typekit.net/srj8hiy.css");



:root {
	/* --eggplant: #424350;
	--eggplant-tint: #e8e8ea;
	--peach: #db9365;
	--peach-tint: #f6e4d8;
	--peach-dark-tint: #e9bea3;
	--teal: #9fa1a8; */
}

*, *::after, *::before { margin: 0; padding: 0; box-sizing: inherit; }

html { font-size: 62.5%; }

body { line-height: 1.7;  padding: 0; box-sizing: border-box; overflow-x: hidden; }

h1, h2, h3, h4, h5, h6, p, li {
	text-wrap: pretty; 
}

/*---------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------[HEADER STYLES]----------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/





/*---------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------[PAGE AND TYPE STYLES]-------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/

.contentSection {
	width: 100%;
	padding-top: clamp(3rem, 8vw, 8rem) !important;
	padding-bottom: clamp(3rem, 7vw, 8rem) !important;
}


.contentRow {
	padding: 0 !important;
	margin: 0 auto;
	min-width: min(80%, 1500px) !important;
}

.headerLogo {
	width: clamp(17rem, 18.5vw, 20rem);
	margin-bottom: clamp(3rem, 6vw, 6rem) !important;
}

.headerVideo {
	margin: 0 !important;
}

.chrisSection {
	background-color: #f5f5f5;
}

.chrisGrid {
	display: grid;
	grid-template-columns: 40rem 1fr;
	column-gap: 5rem;
	align-items: center;
}

.chrisImage {
	border-radius: 0.5rem;
	overflow: hidden;
	margin: 0 !important;
	height: 100%;
}

.chrisImage .et_pb_image_wrap {
	height: 100%;
	width: 100%;
	display: flex !important;
	align-self: center;
	justify-content: center;
}

.chrisImage .et_pb_image_wrap img {
	height: 100%;
	object-fit: cover;
	object-position: center;
}

h2 {
	font-family: itc-avant-garde-gothic-pro, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: clamp(3rem, 4vw, 3.8rem);
	color: #4490d3;
	padding-bottom: clamp(1.3rem, 2vw, 2rem);
}

h2.helen {
	color: #5d4294;
}

h3 {
	font-family: itc-avant-garde-gothic-pro, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.8rem;
	text-transform: uppercase;
	color: #000;
	padding-bottom: clamp(2rem, 3vw, 3rem);
}

p {
	font-family: proxima-nova, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 1.5rem;
	line-height: 2.2;
	color: #545454;
	margin: 0 0 4rem 0;
	padding: 0;
}

p:last-of-type {
	margin: 0 0 1rem 0;
}

.emailBtn {
	border: 2px solid #000;
	border-radius: 0.5rem;
	padding: 1.5rem 3.5rem;
	font-family: "proxima-nova", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 1.6rem;
	text-transform: uppercase;
	color: #000;
	background-color: transparent;
	transition: all 0.3s;
}

.emailBtn:hover {
	cursor: pointer;
	background-color: #000;
	color: #FFF;
}

.helenGrid {
	display: grid;
	grid-template-columns: 1fr 40rem;
	column-gap: 5rem;
	align-items: center;
}

.helenText {
	margin: 0 !important;
}

.helenImage {
	border-radius: 0.5rem;
	overflow: hidden;
	margin: 0 !important;
	height: 100%;
}

.helenImage .et_pb_image_wrap {
	height: 100%;
	width: 100%;
	display: flex !important;
	align-self: center;
	justify-content: center;
}

.helenImage .et_pb_image_wrap img {
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.footerSection {
	background-color: #f5f5f5;
	padding-bottom: 15rem !important;
}




.footerGrid {
	display: grid;
	grid-template-columns: 35rem 1fr 1fr;
	column-gap: 5rem;
	align-items: center;
}

.footerLogo {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	width: clamp(17rem, 18.5vw, 20rem);
	margin: 0 !important;
}

.footerInfo {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	margin: 0 !important;
}

.footerInfo button.emailBtn {
	margin: 0 0 2rem 0;
}

.footerInfo p {
	margin: 0;
}

span.or {
	padding: 0 1rem;
}

.footerInfo p a {
	font-weight: 700;
	color: #545454;
	transition: all 0.3s;
}

.footerInfo p a:hover {
	letter-spacing: 1px;
	font-weight: 700;
	color: #000;
}

.footerMap {
	grid-column: 3 / 4;
	grid-row: 1 / 2;
	border-radius: 0.5rem;
	overflow: hidden;
	max-height: 35rem;
}

/*---------------------------------------------------------------------------------------------------------------------*/

@media only screen and ( max-width: 1420px ) {

.footerGrid {
	display: grid;
	grid-template-columns: auto 1fr 1fr;
	column-gap: 5rem;
	align-items: center;
}

}

/*---------------------------------------------------------------------------------------------------------------------*/

@media only screen and ( max-width: 1230px ) {

.footerGrid {
	grid-template-columns: 34rem 1fr;
	row-gap: 3rem;
}

.footerLogo {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}

.footerInfo {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

.footerMap {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}

}


/*---------------------------------------------------------------------------------------------------------------------*/

@media only screen and ( max-width: 900px ) { 

.chrisGrid {
	grid-template-columns: 100%;
	row-gap: 3rem;
}

.helenGrid {
	grid-template-columns: 100%;
	row-gap: 3rem;
}

.helenImage {
	grid-row: 1 / 2;
}

.footerSection {
	padding-bottom: 10rem !important;
}

.footerGrid {
	grid-template-columns: 100%;
}

.footerLogo {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}

.footerInfo {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

.footerMap {
	grid-column: 1 / 2;
	grid-row: 3 / 4;
	height: 35rem;
}

.footerMap .et_pb_map {
	height: 35rem !important;
}



}