/* CSS Document */
/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: HelveticaLTWXX-Roman by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/helvetica/pro-regular/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * 
 * 
 * 
 * © 2020 MyFonts Incn*/ 
@font-face {
  font-family: "DoublePorter5";
  font-display:swap;
  src: url('/fonts/DoublePorter5.woff2') format('woff2'), url('/fonts/DoublePorter5.woff') format('woff');
}
@font-face {
  font-family: "DoublePorterP1";
  font-display:swap;
  src: url('/fonts/double-porter-p1.woff2') format('woff2'), url('/fonts/double-porter-p1.woff') format('woff');
/*  src: url('/fonts/DoublePorterP1.woff2') format('woff2'), url('/fonts/DoublePorterP1.woff') format('woff');*/
}
/* --------------------- */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0;
	background:#ECEAD8;
	font-family: montserrat, sans-serif;
	font-size:21px;
    color: #47403C;
    font-weight: 400;
    line-height: 1.18;
    -webkit-font-smoothing: antialiased;
    padding: 0;
}
a,
a:visited {
	text-decoration:none;
    color: #47403C;
}
a:hover,
a:visited:hover {
	color:#F3B14A;
}
a {
	overflow:hidden;
    text-overflow: ellipsis;
	max-width:100%;
}
a.fancypage {
	cursor:pointer;
}
a.button, input.button, div.button, button, .hs-button {
	background-color:#0B3953;
	display:block;
	width:100%;
	color:#fff;
	text-transform:uppercase;
	text-align: center;
	cursor:pointer;
	padding:5px 30px;
    font-family: "DoublePorter5";
    font-size: 34px;
    letter-spacing: 0;
    line-height: 1;
	border:none;
	border-radius:0px;
	text-decoration:none;
}
.button a {
	color:inherit;
	text-decoration:none;
}
a.button:hover {
	background:#272626;
	color:#fff;
}
p {
    margin-top: 0
}
p:last-child {
	margin-bottom:0;
}
.highlight {
	color:#F05B61;
	font-weight:bold;
}
.highlight-blue {
	color:#0B3953;
	font-weight:bold;
}
.pink-text {
	color:#F05B61;
}
.script-text {
	font-family:DoublePorterP1;
	font-size:48px;
}
header {
	background-color:#ECEAD8;
	text-align:center;
	width:100%;
	display:block;
	position:relative;
}
header .main-image {
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
header.animated img {
	width:100%;
	display:block;
}
.prizes {
	position:relative;
	background-color:#B6D5EA;
	text-align:center;
	padding:30px 8% 60px 8%;
}
.ribbon {
	position:absolute;
	background-color:#FF5A60;
	padding:0px 20px 0px 10%;
	color:#fff;
	text-transform:uppercase;
	display:inline-block;
	height:60px;
	margin-top:-30px;
	display:inline-flex;
	align-items:center;
	font-size:28px;
	font-weight:bold;
    letter-spacing: 1.4px;
	line-height:1;
    text-shadow: 3px 3px 0 rgba(0,0,0,0.25);
}
.model-wrapper + .ribbon.for-rules {
	margin-top:-15px;
}
.ribbon::before {
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 30px 0 0;
	border-color: #FF5A60 transparent transparent transparent;
	position:absolute;
	left:99%;
	top:0;
}
.ribbon::after {
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 0px 0px 30px;
	border-color: transparent transparent transparent #FF5A60;
	position:absolute;
	left:99%;
	bottom:0;
}
.rules {
	display:flex;
	padding-top:50px;
}
.rules .wrapper {
	padding:20px 0 50px 10%;
}
.rules .side-graphic .realtor {
	position:relative;
    top: -13%;
	background-size:contain;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:top right;
}
.home-icons {
	display:flex;
	flex-wrap:wrap;
}
.home-icons > div {
	width:18%;
	margin-right:2%;
    margin-bottom: 20px;
}
.home-icon {
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:2vw;
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
}
.home-icon > div {
    position: absolute;
    width: 100%;
    height: 90%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.home-icon::before {
	display:block;
	content:'';
	width:100%;
	padding-top:87%;
}
.visited-wrapper .script-text {
	font-size:54px;
	color:#0B3953;
}
.crate-wrapper {
	font-size:24px;
	width:38%;
	text-transform:uppercase;
}
.wrapper > .crate-wrapper:first-child {
	padding-right:12%;
}
.crate-wrapper .count {
	font-weight:bold;
}
.crate {
	position:relative;
    margin-top: 53%;
}
.crate::before {
	display:block;
	width:100%;
	content:'';
	padding-top:50.8%;
}
.crate .back,
.crate .front {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:bottom center;
}
.crate .front {
	z-index:50;
}
.crate-item {
	position:absolute;
}
.crate-item.icon-zucchini {
    width: 33%;
    bottom: 28%;
    left: -5%;
    z-index: 6;
}
.crate-item.icon-onion {
	width: 23%;
	bottom: 60%;
	right: 20%;
	z-index:3;
}
.crate-item.icon-potato {
    width: 29%;
    bottom: 51%;
    left: 12%;
	z-index:8;
}
.crate-item.icon-beet {
	z-index:3;
    width: 38%;
    bottom: 67%;
    left: -4%;
}
.crate-item.icon-lettuce {
    width: 50%;
    bottom: 57%;
    left: 20%;
}
.crate-item.icon-tomato {
    width: 23%;
    bottom: 61%;
    z-index: 14;
    left: 33%;
}
.crate-item.icon-bokchoy {
    right: -18%;
    width: 69%;
    bottom: 34%;
}
.crate-item.icon-cauliflower {
    width: 44%;
    right: 11%;
    bottom: 59%;
}
.crate-item.icon-whiteradish {
    width: 22%;
    bottom: 44%;
    left: 22%;
    z-index: 5;
}
.crate-item.icon-bellpepper {
    width: 24%;
    right: 2%;
    bottom: 55%;	
	z-index:7;
}
.crate-item.icon-redpepper {
    width: 20%;
    right: 14%;
    bottom: 68%;
	z-index:2;	
}
.crate-item.icon-greenbeans {
    bottom: 43%;
    left: 4%;
    z-index: 6;
    width: 23%;
}
.crate-item.icon-greenonions {
    width: 20%;
    bottom: 68%;
    z-index: 5;
    left: 39%;
}
.crate-item.icon-carrot {
    width: 21%;
    right: -14%;
    bottom: 63%;
    z-index: 6;
}
.model-list {
	column-count:2;
	padding-top:40px;
}
.heading {
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:5px;
}
.yellow-text {
	color:#F3B14A;
}
.main-container ul {
	margin-left:0;
	margin-top:0;
    padding-left: 15px;
}
.main-container ul li {
	margin-bottom:20px;
}
.main-container ul li::marker {
	color:#F05A28;
	font-size:15px;
}
.model-wrapper {
	background-color:#fff;
	padding:50px 10% 60px 10%;
}
.model-wrapper.inactive {
	opacity:.2;
}
.model-wrapper .model-info .thumbnail {
	margin-top:40px;
}
body .editable {
	min-width:35px;
	min-height:25px;
}
body .mce-container, body .mce-container-body,
body .mce-container-body iframe {
        max-width:100%;
}
img {
    max-width: 100%;
	height:auto;
}
span {
    max-width: 100%;
}
footer {
	background-color:#fff;
	padding-bottom:10px;
}
.bottom-footer {
	padding:20px 10% 50px 10%;
	text-align:center;
	background:#fff;
	font-size:.95rem;
}
/*.p_gardenofgiveaways_ footer {
	padding-bottom:100px;
}*/
.form-wrapper {
	color:#555555;
	font-size:14px;
}
.form-wrapper input[type=text],
.form-wrapper input[type=email],
.form-wrapper input[type=tel]
 {
    border: 1px solid #E5E5E5;
    background-color: #FFFFFF;
	border-radius:0;
	font-size:14px;
	color: #555555;
	margin-bottom:15px;
}
.form-wrapper ::placeholder {
	opacity:.75;
}
.form-wrapper ul {
	display:block;
	list-style:none;
	padding-left:0;
	margin-left:0;
}
.model-info {
	font-size:24px;
	color:#0B3953;
}
.model-info .modelname {
	font-weight:bold;
	font-size:26px;
}
footer .torn {
	background-size:auto 100%;
	height:44px;
	background-repeat:repeat-x;
	background-position:top left;
}
.toolboxcontainer .nav-menu,
.toolboxcontainer .seo-tags,
.toolboxcontainer .edit-exit-pop,
.toolboxcontainer .top-banner {
	display:none;
}
video {
	max-width:100%;
}

@media (max-width: 768px) {
	body {
		font-size:14px;
	}
	header .main-image {
		background-image:url('/apps/gardenofgiveaways/assets/garden-of-giveaways-mobile.jpg');
	}
	header .main-image::after {
		content:'';
		display:block;
		width:100%;
		padding-top:82.94%;
	}
	.nomobile {
		display:none;
	}
	.prizes {
		top:-1px;
		padding-top:10px;
		padding-bottom:55px;
	}
	.thankyou .prizes {
		padding-bottom:25px;
	}
	.ribbon {
		font-size:18px;
		height:44px;
	}
	.main-container > .ribbon {
		margin-top:0;
	}
	.ribbon::before {
		border-width: 30px 22px 0 0;
	}
	.ribbon::after {
		border-width: 30px 0px 0px 22px;
	}
	.rules {
		position:relative;
	}
	.rules .wrapper {
		padding-top:0;
		padding-left:10%;
		padding-right:10%;
	}
	.rules .side-graphic {
	    width: 30%;
	    position: absolute;
	    bottom: 0;
	    height: 100%;
	    right: 0;
	}
	.rules .side-graphic .realtor {
		background-position:bottom right;
		top:auto;
	}
	.rules .bottom-section {
		width:65%;
	}
	.form-wrapper {
		padding-top:30px;
	}
	.visited-wrapper {
		background-color: #B6D5EA;
		padding:40px 10%;
		text-align:center;
		line-height:1;
	}
	.visited-wrapper .script-text {
		font-size:40px;
		margin-bottom:10px;
	}
	.crate-wrapper {
		padding:40px 10%;
		text-align:right;
		width:auto;
	    font-size: 15px;
	}
	.thankyou .model-wrapper {
		padding:0;
	}
	.crate-item.icon-bokchoy {
	    width: 55%;
	    bottom: 56%;
	    right: -11%;
	}
	.crate-item.icon-carrot {
	    width: 20%;
	    right: -12%;
	}
	.crate-item.icon-bellpepper {
	    width: 23%;
	    right: 3%;
	}
	.model-list {
		text-align:left;
	}
	.home-icon {
		font-size:4vw;
	}
	#content_gardenofgiveaways_rules1a .content > p {
		display:list-item;
	    margin-left: 15px;
		margin-bottom:20px;
	}
	#content_gardenofgiveaways_rules1a .content > p::marker {
		color:#F05A28;
		font-size:15px;
	}
	footer {
		padding-bottom:0;
	}
}
@media (min-width: 768px) {
	.mobileonly {
		display:none;
	}
	header .main-image {
	    max-width: 60%;
		margin:0px auto;
		background-image:url('/apps/gardenofgiveaways/assets/garden-of-giveaways.jpg');
	}
	header .main-image::after {
		content:'';
		display:block;
		width:100%;
		padding-top:94.12%;
	}
	header:not(.animated)::before,
	header:not(.animated)::after {
		content:'';
		display:block;
		position:absolute;
		width:30%;
		height:calc(100% - 30px);
		top:0;
		background-size: auto 100%;
		background-repeat:no-repeat;
		z-index:5;
	}
	header:not(.animated)::after {
		background-image:url('/apps/gardenofgiveaways/assets/bg-top-right.png');
		background-position:top right;
		right:0;
	}
	header:not(.animated)::before {
		background-image:url('/apps/gardenofgiveaways/assets/bg-top-left.png');
		background-position:top left;
		left:0;
	}
	.prizes {
		padding:0px 20% 80px 20%;
	}
	.thankyou .prizes {
		padding-bottom:40px;
	}
	.prizes::before {
		position:absolute;
		content:'';
		display:block;
		width:100%;
		top:-28px;
		background-image:url('/apps/gardenofgiveaways/assets/torn-paper-blue.png');
		background-size:auto 100%;
		height:42px;
		left:0;
	}
	.model-wrapper > .wrapper {
		display:flex;
	    justify-content: space-between;
	    max-width: 1100px;
		margin:0px auto;
	}
	.model-wrapper .wrapper .form-wrapper{
		width:50%;
	}
	.model-wrapper .wrapper .model-info {
		width:40%;
	}
	.rules .wrapper {
		display:flex;
		justify-content:space-between;
		width:70%;
	}
	.rules .side-graphic {
		width:25%;
	}
	.rules .wrapper > div {
		width:48%;
	}
	.rules .wrapper .top-section {
		margin-bottom:20px;
	}
}
@media (min-width: 1440px) {
	header .main-image {
		max-width:850px;
	}
	.home-icon {
		font-size:30px;
	}
}