/*color: #707070;*/

body {
	background: #fff;
	font-family: 'Inter', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #707070;


}

/*
html{
	border: 1px solid red;
	margin: 20px
}

?
see:
https://codepen.io/macbubb/pen/WPGmvw

https://madronaweb.com/web-design-blog/web-design-blog-entry-responsive-body-border.html

*/

p {
	font-family: 'Inter', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 20px;
	color: #707070
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: ivyjournal, Georgia, "Times New Roman", serif;
	font-weight: 600;
	font-style: normal;
	color: #000;
	line-height: 1.2;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}


/*
h1.text_feature {
	font-family: ivyjournal, Georgia, "Times New Roman", serif;
	font-weight: 500;
	font-style: normal;
	color: #437A9F;
	line-height: 1.2;
	font-size: 3vw;
	padding: 0 18vw;
}
*/

h1.text_feature {
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

/*
p.text_feature {
	font-family: ivyjournal, Georgia, "Times New Roman", serif;
	font-weight: 500;
	font-style: normal;
	font-size: 1.5vw;
	width: 54vw;
	margin: 3vw auto;
	padding: 0 10vw;
}
*/

p.text_feature {
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

/*
p.text_subtitle {
	font-family: 'Inter', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 1.5vw;
	width: 54vw;
	margin: 6vw auto 3vw;
}
*/

p.text_subtitle {
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

/*
p.text_sponsors {
	font-family: ivyjournal, Georgia, "Times New Roman", serif;
	font-weight: 500;
	font-style: normal;
	font-size: 1.3vw;
	width: 54vw;
	margin: 6vw auto 3vw;
}
*/

p.text_sponsors {
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

/*
p.sponsors {
	font-family: ivyjournal, Georgia, "Times New Roman", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 2.4vw;
	width: 54vw;
	margin: 3vw auto;
	color: #437A9F
}
*/

p.sponsors {
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}
	
.text_highlight {
	font-style: italic;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;	
	color: #437A9F
}

.header_photo {
	position: absolute;
	--bs-gutter-x: 0rem;
}

.outline {
	padding: 3.5%;
	position: absolute;
	width: 100%;
}

.outline_content {
	border-style: solid;
	border-color: #5DCCF3;
	border-width: 1px;
	position: relative;
	width: 100%;
}

.text_content {
	height: 100%;
	width: 100%;
	text-align: center;
	margin: auto;
	margin: 70% auto 0
}

.text_content.thankyou {
	height: 100%;
	width: 100%;
	text-align: center;
	margin: auto;
	margin: 0 auto 0
}

/*
.bg {
	background-image: url("http://127.0.0.1:56449/potterskitchen_ca_Teaser_Landing_Page/images/header_photo.png");

	height: 50%; 
	height: 3000px; 

	background-position: center;
	background-repeat: no-repeat;
}
*/

.potters_heart {
	height: auto;
	width: 10vw;
	display: block;
	margin: 7vw auto
}

::placeholder {
	-webkit-text-security: none;
	color: #eee;
	pointer-events: none;
}

.btn-primary {
	color: #000;
	/*	--bs-btn-border-color*/
	border-color: #F4B64E;
	/*	--bs-btn-bg: #0d6efd;*/
	background-color: #F4B64E;
}

.btn {
	/*	--bs-btn-border-radius: 0rem;*/
	border-radius: .125rem;
	font-family: 'Inter', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 1.6vw;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;	
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
	color: #fff;
	background-color: #b68533;
	border-color: #b68533;;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active .bi.bi-arrow-right, :not(.btn-check)+.btn:active {
	color: #fff;
	background-color: #b68533;
	border-color: #b68533;;
}

.btn .bi.bi-arrow-right {
	left: 0px;
	transition: all 0.15s ease-in-out;
	width: 1.75vw;
    height: auto;
}

.btn:hover,
.btn:hover .bi.bi-arrow-right {
	color: #fff;
	background-color: #e29d2b;
	border-color: #e29d2b;
	transition: all 0.15s ease-in-out
}

.btn:hover,
.btn:hover .bi.bi-arrow-right {
	transition: all 0.15s ease-in-out
}

.btn:focus-visible {
	color: #fff;
	background-color: #e29d2b;
	border-color: #e29d2b;
    outline: 0;
}

/*
.buttons_group {
	width: 54vw;
	margin: 3vw auto;
}
*/

/*
.logo_position {
	margin: 8vw auto 12vw;
}
*/



.potters_kitchen_logo {
	height: auto;
	width: 20vw;
}

/*----------------------------------------*/
/* Media Queries */
/*----------------------------------------*/

/* --------- 100px --------- */

@media (min-width: 100px) {
	h1 {
/*		background-color: coral;*/
	}
	
	h1.text_feature {
		font-family: ivyjournal, Georgia, "Times New Roman", serif;
		font-weight: 500;
		font-style: normal;
		color: #437A9F;
		line-height: 1.2;
		font-size: 8vw;
		padding: 0 10vw;
	}
	
	p.text_feature {
		font-family: ivyjournal, Georgia, "Times New Roman", serif;
		font-weight: 500;
		font-style: normal;
		font-size: 3.5vw;
		width: 80vw;
		margin: 3vw auto;
		padding: 0 3vw;
	}

	a.text_feature {
		font-family: ivyjournal, Georgia, "Times New Roman", serif;
		font-weight: 500;
		font-style: normal;
		color: #437A9F;
		text-decoration: none
	}		
	
	a.text_feature:hover {
		color: #437A9F;
		border-bottom: 1.0px solid #437A9F;
		padding-bottom: .125vw
	}
	
	p.text_subtitle {
		font-family: 'Inter', "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 500;
		font-style: normal;
		color: #437A9F;
		font-size: 3.5vw;
		width: 54vw;
		margin: 6vw auto 3vw;
	}
	
	p.text_sponsors {
		font-family: ivyjournal, Georgia, "Times New Roman", serif;
		font-weight: 500;
		font-style: normal;
		font-size: 2.7vw;
		width: 74vw;
		margin: 12vw auto 8vw;
	}
	
	a.text_sponsors {
		font-family: ivyjournal, Georgia, "Times New Roman", serif;
		font-weight: 500;
		font-style: normal;
		font-size: 2.7vw;
		color: #437A9F;
		text-decoration: none
	}		
	
	a.text_sponsors:hover {
		color: #437A9F;
		border-bottom: 1.0px solid #437A9F;
		padding-bottom: .125vw
	}
	
	p.text_sponsors.thankyou {
		width: 54vw;
		margin: 4vw auto 8vw;
	}	
	
	p.sponsors {
		font-family: ivyjournal, Georgia, "Times New Roman", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 4.2vw;
		width: 78vw;
		margin: 5vw auto;
		color: #437A9F
	}
	
	.btn {
		/* --bs-btn-border-radius: 0rem; */
		font-size: 3.0vw;
	}
	
	.buttons_group {
		width: 66vw;
		margin: 3vw auto;
	}
	
	.logo_position {
		margin: 8vw auto 20vw;
	}
	
	.logo_position .top {
		margin: 5vw auto 12vw;
	}	

	.potters_kitchen_logo {
		height: auto;
		width: 30vw;
	}	
}

/* --------- 576px --------- */

@media (min-width: 576px) {
	h1 {
/*		background-color: hotpink*/
	}
	
	h1.text_feature {
		font-family: ivyjournal, Georgia, "Times New Roman", serif;
		font-weight: 500;
		font-style: normal;
		color: #437A9F;
		line-height: 1.2;
		font-size: 6vw;
		padding: 0 20vw;
	}
	
	
	
}

/* --------- 768px --------- */

@media (min-width: 768px) {
	h1 {
/*		background-color: palegreen*/
	}

	h1.text_feature {
		font-family: ivyjournal, Georgia, "Times New Roman", serif;
		font-weight: 500;
		font-style: normal;
		color: #437A9F;
		line-height: 1.2;
		font-size: 5vw;
		padding: 0 24vw;
	}
	
	p.text_feature {
		font-family: ivyjournal, Georgia, "Times New Roman", serif;
		font-weight: 500;
		font-style: normal;
		font-size: 2.5vw;
		width: 60vw;
		margin: 3vw auto;
		padding: 0 3vw;
	}
	
	a.text_feature {
		font-family: ivyjournal, Georgia, "Times New Roman", serif;
		font-weight: 500;
		font-style: normal;
		color: #437A9F;
		text-decoration: none
	}		
	
	a.text_feature:hover {
		color: #437A9F;
		border-bottom: 1.5px solid #437A9F;
		padding-bottom: .125vw
	}
	
	
	p.text_subtitle {
		font-family: 'Inter', "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 500;
		font-style: normal;
		color: #437A9F;
		font-size: 2.5vw;
		width: 54vw;
		margin: 6vw auto 3vw;
	}
	
	p.text_sponsors {
		font-family: ivyjournal, Georgia, "Times New Roman", serif;
		font-weight: 500;
		font-style: normal;
		font-size: 1.8vw;
		width: 70vw;
		margin: 8vw auto 3vw;
	}
	
	a.text_sponsors {
		font-family: ivyjournal, Georgia, "Times New Roman", serif;
		font-weight: 500;
		font-style: normal;
		font-size: 1.8vw;
		color: #437A9F;
		text-decoration: none
	}		
	
	a.text_sponsors:hover {
		color: #437A9F;
		border-bottom: 1.5px solid #437A9F;
		padding-bottom: .125vw
	}
	
	p.text_sponsors.thankyou {
		width: 54vw;
		margin: 4vw auto 8vw;
	}	

	p.sponsors {
		font-family: ivyjournal, Georgia, "Times New Roman", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 3.5vw;
		width: 70vw;
		margin: 5vw auto;
		color: #437A9F
	}
	
	.btn {
		/* --bs-btn-border-radius: 0rem; */
		font-size: 2.25vw;
	}	
	
	.buttons_group {
		width: 54vw;
		margin: 3vw auto;
	}
	
	.logo_position {
		margin: 8vw auto 16vw;
	}

	.logo_position .top {
		margin: 5vw auto 12vw;
	}
	
	.potters_kitchen_logo {
		height: auto;
		width: 24vw;
	}		
}

/* --------- 992px --------- */

@media (min-width: 992px) {
	h1 {
/*		background-color: brown;*/
	}
	
	

}

/* --------- 1200px --------- */

@media (min-width: 1200px) {
	h1 {
/*		background-color: purple;*/
	}
	
	h1.text_feature {
		font-family: ivyjournal, Georgia, "Times New Roman", serif;
		font-weight: 500;
		font-style: normal;
		color: #437A9F;
		line-height: 1.2;
		font-size: 3vw;
		padding: 0 18vw;
	}

	p.text_feature {
		font-family: ivyjournal, Georgia, "Times New Roman", serif;
		font-weight: 500;
		font-style: normal;
		font-size: 1.75vw;
		width: 57vw;
		margin: 3vw auto;
		padding: 0 10vw;
	}
	
	a.text_feature {
		font-family: ivyjournal, Georgia, "Times New Roman", serif;
		font-weight: 500;
		font-style: normal;
		color: #437A9F;
		text-decoration: none
	}		
	
	a.text_feature:hover {
		color: #437A9F;
		border-bottom: 1.5px solid #437A9F;
		padding-bottom: .125vw
	}	
	
	p.text_subtitle {
		font-family: 'Inter', "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 500;
		font-style: normal;
		color: #437A9F;
		font-size: 1.75vw;
		width: 54vw;
		margin: 6vw auto 3vw;
	}
	
	p.text_sponsors {
		font-family: ivyjournal, Georgia, "Times New Roman", serif;
		font-weight: 500;
		font-style: normal;
		font-size: 1.3vw;
		width: 54vw;
		margin: 8vw auto 3vw;
	}	
	

	a.text_sponsors {
		font-family: ivyjournal, Georgia, "Times New Roman", serif;
		font-weight: 500;
		font-style: normal;
		font-size: 1.3vw;
		color: #437A9F;
		text-decoration: none
	}		
	
	a.text_sponsors:hover {
		color: #437A9F;
		border-bottom: 1.5px solid #437A9F;
		padding-bottom: .125vw
	}
	
	p.text_sponsors.thankyou {
		width: 54vw;
		margin: 4vw auto 8vw;
	}

	p.sponsors {
		font-family: ivyjournal, Georgia, "Times New Roman", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 2.8vw;
		width: 70vw;
		margin: 5vw auto;
		color: #437A9F
	}
	
	.btn {
		/* --bs-btn-border-radius: 0rem; */
		font-size: 1.25vw;
	}	
	
	.buttons_group {
		width: 44vw;
		margin: 3vw auto;
	}
	
	.logo_position {
		margin: 5vw auto 12vw;
	}
	
	.logo_position .top {
		margin: 8vw auto 16vw;
	}

	.potters_kitchen_logo {
		height: auto;
		width: 20vw;
	}	
}

/* --------- 1400px --------- */

@media (min-width: 1400px) {
	h1 {
/*		background-color: deepskyblue*/
	}
}

/* --------- Media Queries END --------- */