/*
Theme Name: cookshouse
Author: Brian Richards
Author URI: http://m3digital360.com/
Description: Custom theme for The Cook's House
Version: 1.0.0

cookshouse Theme © 2019 M3 Digital 360
*/
body {
	background-color: #FFF;
	margin:0px;         
    font-family: 'Poppins', sans-serif;
	font-size: 14px;
	color: #000;
	font-weight:300;
	overflow-x:hidden;
}
a:link {
	color: #0079c2;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0079c2;
}
a:hover {
	text-decoration: underline;
	color: #0079c2;
	cursor:pointer;
}
a:active {
	text-decoration: none;
	color: #0079c2;
}
h1 {
	font-size: 20px;
	color: #000;
	font-weight:700;
	text-transform: uppercase;
}
h2 {
	font-size: 18px;
	color: #000;
	font-weight:700;
	text-transform: uppercase;
}
h3 {
	font-size: 16px;
	color: #000;
	font-weight:400;
	text-transform: uppercase;
}
p{line-height: 16px;}
img{
	border:none;
	max-width:100%;
	height: auto;
}
strong{font-weight:700;}
.smalltitle{color: #000; font-size: 14px; text-transform:uppercase;font-weight:300;}
.pricetxt{font-size: 40px;}
.mobileonly{}
.deskonly{display:none;}
.alignleft {
	float: left;
	padding-right: 25px;
	max-width:35%;
}
.alignright {
	float: right;
	margin-left: 25px;
	max-width:35%;
}
.left_text{float: left; width: 100%;}
.right_image{float: right; width: 100%;}
.right_text{float: right; width: 100%;}
.left_image{float: left; width: 100%;}
.myrow{float: left; width: 100%; padding-left: 5%; padding-right: 5%; box-sizing: border-box;}
.footerrow{float: left; width: 90%; padding-left: 5%; padding-right: 5%;}
.fullrow{float: left; width: 100%; box-sizing: border-box;}
.floatleft{float:left;}
.floatright{float: right;}
.twocol{float: left; width: 100%; box-sizing: border-box;}
.threecol{float: left; width: 100%; box-sizing: border-box;}
.fourcol{float: left; width: 100%; box-sizing: border-box;}
.fivecol{float: left; width: 100%; box-sizing: border-box;}
.sixcol{float: left; width: 100%; box-sizing: border-box;}
.logo{float: left; width: 100%; text-align:center; margin-top: 15px; margin-bottom: 15px;}
.realestitle{float: right; width: 65%; margin-top: 15px; margin-bottom: 15px;}
.topcall{float: left; width: 100%; margin-top: 30px; font-size: 20px; text-align: center;}
.formcontainer{position: absolute; bottom: 20px; float:left; width:100%;}
.infotext{text-align: center; font-size: 20px;}
.smalltxt{font-size: 14px;}
div.wpcf7-mail-sent-ok{float:left;}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
}
#html5-watermark{display:none !important; margin-top:-2000000px !important;}
.formcol{float:left; width:100%; margin-bottom:10px; box-sizing:border-box;}
.formcol input{width:95% !important;}
.formcolarea{float:left; width:100%; margin-bottom:10px; box-sizing:border-box;}
.formcolarea textarea{width:95% !important; height:100px !important; font-family: 'Poppins', sans-serif !important;}
.formsend{float:left; width:100%;}
.bannerdesk{display:none;}
.bannerhead{
	width: 100%; 
	background: #8ddd0e; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	padding-right: 5%;
	padding-left: 5%;
	float: left;
	top: 0px;
	box-sizing: border-box;
	text-align: center;
}
.headerline1{margin: 0px; font-weight: 700; font-size: 110%; color: #0079c2;}
.headerline2{margin: 0px; font-size: 140%; line-height: 120%;}
.headerline3{margin: 0px; letter-spacing: 2px; font-size: 90%;}
@media screen and (min-width: 980px) {
	body {
		font-size: 20px;
	}
	h1 {font-size: 40px; line-height: 34px;}
	h2 {font-size: 36px;}
	h3 {font-size: 30px;}
	.smalltitle{font-size: 24px;}
	.pricetxt{font-size: 80px; padding-top: 0px;}
	p{line-height: 28px;}
	.flex{display: flex;}
	.mobileonly{display:none;}
	.deskonly{display:inline;}
	.left_text{float: left; width: 60%;}
	.right_image{float: right; width: 35%;}
	.right_text{float: right; width: 60%;}
	.left_image{float: left; width: 35%;}
	.twocol{float: left; width: 50%;}
	.threecol{float: left; width: 33%;}
	.fourcol{float: left; width: 25%;}
	.fivecol{float: left; width: 20%;}
	.sixcol{float: left; width: 16.66%;}
	.logo{float: left; width: auto; margin-top: 15px; margin-bottom: 15px; text-align:left;}
	.realestitle{float: left; width: 30%; margin-top: 0px; margin-bottom: 15px; margin-left:25px;}
	.topcall{float: right; width: 40%; margin-top: 30px; font-size: 40px; text-align: center;}
	.formcontainer{position: absolute; bottom: 20px;}
	.infotext{text-align: center; font-size: 40px; line-height: 34px;}
	.smalltxt{font-size: 24px;}
	.deskborderright{border-right: solid 2px #b3b3b3; text-align: right; box-sizing: border-box; padding-right: 20px;}
	.deskborderleft{border-left: solid 2px #b3b3b3;box-sizing: border-box; padding-left: 20px;}
	.buttonleft{box-sizing: border-box; padding-right: 1px; text-align: right;}
	.buttonright{box-sizing: border-box; padding-left: 1px; }
	.formcontainer{position: absolute; bottom: 8px; float:left; width:90%; margin-left:5%; margin-right:5%; background:rgba(102,102,102,0.67); color: #FFF;}
	.formcol{float:left; width:50%; padding-left:1%; padding-right:1%; margin-bottom:10px; box-sizing:border-box;}
	.formcol input{width:100% !important; box-sizing: border-box !important; height:35px !important; font-size:20px !important;}
	.formcolarea{float:left; width:80%; padding-left:1%; padding-right:1%; margin-bottom:10px; box-sizing:border-box;}
	.formcolarea textarea{width:100% !important; height:100px !important; font-family: 'Poppins', sans-serif !important; font-size:20px !important;}
	.formsend{float:left; width:20%; padding-left:1%; padding-right:1%; margin-bottom:10px; box-sizing:border-box;}
	.formsend input{width:100% !important; height:104px !important; margin-top:2px !important; color:#FFF !important; border:none !important; background:#cc0001 !important; font-size:40px !important; -webkit-appearance: none !important; border-radius: 0 !important;}
	.formsend input:hover{cursor:pointer;}
	.bannerhead{
		float: none;
		width: 90%; 
		background: #8ddd0e; 
		padding-top: 20px; 
		padding-bottom: 20px; 
		padding-right: 5%;
		padding-left: 5%;
		position: absolute;
		top: 0px;
		left: 5%;
		box-sizing: border-box;
		text-align: center;
	}
	.headerline1{margin: 0px; font-weight: 700; font-size: 130%; color: #0079c2;}
	.headerline2{margin: 0px; font-size: 200%; line-height: 120%;}
	.headerline3{margin: 0px; letter-spacing: 2px; font-size: 100%;}
}
@media screen and (min-width: 1400px) {
	
	.infotext{text-align: center; font-size: 53px; line-height: 40px; margin-top: 40px;}
	.formcontainer{position: absolute; bottom: 8px; float:left; width:70%; margin-left:15%; margin-right:15%;}
}
@media screen and (min-width: 1600px) {
	.bannerdesk{display:block;}
	.bannermobile{display:none;}
	.formcontainer{position: absolute; bottom: 0px; float:left; width:70%; margin-left:15%; margin-right:15%;}
	.myrow{float: left; width: 100%; padding-left: 15%; padding-right: 15%; box-sizing: border-box;}
	.bannerhead{
		width: 70%; 
		left: 15%;
	}
}