/* CAMPAIGN | DUO DINING
----------------------------------------------------------*/
/* IMPORT FONTS -------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

.sc {
        -webkit-overflow-scrolling: touch;
    }

/* GLOBAL -------------------------------------*/
.bgheaderonwhite {
	display: none;
}

.mobile {
	display: none !important;
}

.desktop {
	display: block !important;
}

.campbody {
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
	min-height: 800px;
	background-color: #862132;
	margin: 0 auto;
}

.campwrapper {
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	max-width: 1004px;
	background-color: #862132;
	box-shadow: 0 5px 20px rgba(0,0,0,.6) !important;
}

/* HEADER -------------------------------------*/
.campheader {
	width: 100%;
	clear: both;
	position: relative;
	display: block;
	padding: 0 0 0 0;
	border-bottom: 1px solid #85714E;
}

.campheader img {
	width: 100%;
	margin-top: -16px;
}

.campheadershell {
	width: 95%;
	margin: 0 auto;
}

.campheaderfull {
	width: 100%;
	text-align: center;
}

.headercontainerbox {
	background-color: #862132;
	border-radius: 16px;
	width: 90%;
	max-width: 570px;
	margin: 0 auto;
	
}

.campcontenttitle {
	font-family: 'MrsOnion-Regular', "Arial #ffffff", Gadget, sans-serif;
	clear: both;
	position: relative;
	display: block;
	margin: 0 auto;
	color: #F1EDE7;
	text-align: center;
	font-size: 25px;
	padding: 22px 0 0 0;
}

.camplinks {
	display: block;
	width: 100%;
	position: relative;
	padding: 0 0 0 0;
	text-align: center;
}



.camplinks.bottomarea {
	padding: 25px 0 20px 0;
}

.camplinks a{
    font-family: 'MrsOnion-Regular', "Arial #ffffff", Gadget, sans-serif;
    position: relative;
    clear:both;
    width: auto;
    margin-top: 12px;
    font-size: 18px;
    display: inline-block;
    background: #85714E;
    color: white;
    text-align: center;
    padding: 20px 30px 26px 30px;
    box-shadow: 2px 2px 10px rgba(0,0,0,.5);
    text-decoration: none;
    outline: 1px #ffffff solid;
    outline-offset: -6px;
}

.camplinks a:last-child{
    padding: 20px 40px 26px 30px;
}

.camplinks .fa-external-link-alt:before {
    position: absolute;
    top: 26px;
    padding-left: 0;
    font-size: 12px !important;
}

.camplinks a:hover{
    background: #003B49;
    box-shadow: 2px 2px 5px rgba(0,0,0,.4);
}

/* ========================================
 CONTENT GRID
=========================================== */
.campaigncontentshell {
	position: relative;
	display: block;
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding-top: 0;
	margin-top: -42px;
}

.campsectiondisclaimer {
	font-family: 'MrsOnion-Regular', "Arial #ffffff", Gadget, sans-serif;
	clear: both;
	position: relative;
	display: block;
	margin: 0 auto;
	color: #86714E;
	text-align: center;
	font-size: 21px;
	line-height: 26px;
	padding: 30px 0;
}

.campsectiontitle {
	font-family: 'MrsOnion-Regular', "Arial ffffff", Gadget, sans-serif;
	clear: both;
	position: relative;
	display: block;
	margin: 0 auto;
	color: #ffffff;
	text-align: center;
	font-size: 30px;
	line-height: 34px;
	padding: 0 0 0 0;

}

.campmentitle {
	font-family: 'Roboto', sans-serif;
	clear: both;
	position: relative;
	display: block;
	margin: 0 auto;
	color: #ffffff;
	text-align: center;
	font-size: 26px;
	line-height: 26px;
	padding: 14px 0 12px 0;
	font-style: italic;
}

.campchoose {
    font-family: 'Roboto', sans-serif;
    clear: both;
    position: relative;
    display: block;
    margin: 0 auto;
    color: #ffffff;
    text-align: center;
    font-size: 24px;
    line-height: 26px;
    padding: 0 0 5px 0;
    font-weight: 400;
	font-style: italic;
}

.campcattitle {
	font-family: 'MrsOnion-Regular', "Arial #ffffff", Gadget, sans-serif;
	clear: both;
	display: block;
	position: relative;
	margin: 0 auto;
	color: #ffffff;
	text-align: center;
	font-size: 36px;
	line-height: 38px;
	padding: 35px 0 12px 0;
	width: 85%;
	z-index: 1;
}

.campcattitle:after {
	content: "";
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 100%;
	height: 25px;
	background-color: #750221;
	z-index: -1;

}


.sectiondivide {
	clear: both;
	width: 44%;
	margin: 4px auto;
	height: 5px;
	border-bottom: 4px dotted #85714E;
}

.campmenuitems {
	font-family: 'MrsOnion-Regular', "Arial #ffffff", Gadget, sans-serif;
	clear: both;
	display: block;
	position: relative;
	margin: 0 auto;
	color: #ffffff;
	text-align: center;
	font-size: 18px;
	line-height: 22px;
	padding: 8px 0 8px 0;
}

.campmenuincludes {
	font-family: 'MrsOnion-Regular', "Arial #ffffff", Gadget, sans-serif;
	clear: both;
	display: block;
	position: relative;
	margin: 0 auto;
	color: #ffffff;
	text-align: center;
	font-size: 14px;
	line-height: 22px;
	padding: 8px 0 4px 0;
}

.campmenuitemssmaller {
	font-family: 'MrsOnion-Regular', "Arial #ffffff", Gadget, sans-serif;
	clear: both;
	display: block;
	position: relative;
	margin: 0 auto;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	line-height: 18px;
	padding: 4px 0 4px 0;
}


.campmenudescrip {
	font-family: 'Roboto', sans-serif;
	clear: both;
	display: block;
	position: relative;
	margin: 0 auto;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	line-height: 16px;
	padding: 0 0 5px 0;
	font-style: italic;
}

.upgradebox {
	clear: both;
	display: block;
	width: 100%;
	padding: 0 5px 0 5px;
	margin: 0 auto;
	margin-top: 0;
	margin-bottom: 0;
	color: #ffffff !important;
}

.upgradetitle {
	font-family: 'MrsOnion-Regular', "Arial #ffffff", Gadget, sans-serif;
	clear: both;
	display: block;
	position: relative;
	margin: 0 auto;
	color: #ffffff;
	text-align: center;
	font-size: 24px;
	line-height: 28px;
	padding: 45px 0 5px 0;
}

.upgradebox .campmenuitems {
	font-family: 'MrsOnion-Regular', "Arial #ffffff", Gadget, sans-serif;
	clear: both;
	display: block;
	position: relative;
	margin: 0 auto;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	line-height: 19px;
	padding: 10px 0 10px 0;
}

.winesection {
	display: block;
	width: 100%;
	clear: both;
	margin: 60px 0 70px 0;
}

.menudisclaimer {
	font-family: 'MrsOnion-Regular', "Arial #ffffff", Gadget, sans-serif;
	clear: both;
	display: block;
	position: relative;
	margin: 0 auto;
	color: #ffffff;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	padding: 35px 5px 55px 5px;
	font-weight: 400;
	text-transform: uppercase;

}

.fullwidth {
	position: relative;
	width: 100%;
	text-align: center;
	max-width: 1004px;
	margin: 0 auto;
}

.fullwidth.paddingcontainer {
	padding: 60px 0 0 0;
}

.fullwidth img {
	width: 100%;
}

.winetitle {
    font-family: 'MrsOnion-Regular', "Arial #ffffff", Gadget, sans-serif;
    clear: both;
    display: block;
    position: relative;
    margin: 0 auto;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    padding: 5px 0 0 0;
	font-style: normal !important;
}


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

	.campsectiontitle {
		font-size: 28px;
		line-height: 32px;
		letter-spacing: -.06em;
	}

	.internalcol {
		display: inline-block;
		width: 40%;
	}

	.available {
		display: inline-block;
		width: 59%;
	}

	.iconcalendar {
		display: inline-block;
		width: 40%;
		text-align: right;
	}

	.winesection {
		display: block;
		width: 100%;
		clear: both;
		margin: 30px 0 0 0;
	}

	.wineleft {
		width: 100%;
		float: none;
	}

	.wineleft img {
		max-width: 410px;
		margin: 0 auto;
		text-align:center;
	}

	.wineright {
		width: 100%;
		float: none;
	}

	.campwinewave {
		width: 80%;
	}

	.wineright {
		padding: 20px 0 30px 0;
	}
}

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

	.campwrapper {
		max-width: 768px;
	}

	.campcontentdisclaimer {
		width: 100%;
		padding: 20px 20px 30px 20px;
	}

	.campcontenttitle {
		font-size: 26px;
		line-height: 36px;
	}

	.headercontainerbox {
		width: 85%;
		max-width: 504px;
		margin-top: -80px;
	}

	.headerleftcol {
		float: none;
		width: 100%;
	}

	.headermidcol {
		display: none;
	}

	.headerrightcol {
		float: none;
		width: 100%;
	}

	.internalcol {
		display: inline-block;
		width: 50%;
	}

	.available {
		display: inline-block;
		width: 100%;
	}

	.howmany {
		text-align: center;
		padding: 10px 0 0 0;
	}

	.iconcalendar {
		display: inline-block;
		width: 100%;
		text-align: center;
	}

	.campheaderwave {
		width: 80%;
	}

	.campwinewave {
		width: 80%;
	}

	.campsectiondisclaimer {
		text-align: center;
		font-size: 17px;
		line-height: 22px;
		padding: 30px 0;
	}

	.campcontentnotes {
		width: 95%;
		font-size: 16px;
		line-height: 26px;
	}

	.confetrtitop {
		width: 80%;
	}

	.confetrtibottom {
		width: 80%;
	}

	.campcontentdetails {
		width: 95%;
		font-size: 22px;
		line-height: 30px;
	}

	.campprelink {
		padding: 10px 45px 14px 45px;
	}

	.camplinks img {
		width: 100%;
		max-width: 300px;
	}

	.campaigncontentshell {
		padding: 10px 0 0 0;
	}

	.campsectiontitle {
		font-size: 23px;
		line-height: 26px;
		letter-spacing: -.06em;
		padding: 0 20px;
	}

	.campmentitle {
		font-size: 21px;
		line-height: 21px;
	}

	.campmenuitems {
		font-size: 18px;
		line-height: 24px;
	}

	.upgradebox {
		padding: 30px 5px 0 5px;
		margin-top: 35px;
		margin-bottom: 15px;
		height: 205px;
		width: 95%;
		background-size: contain;
		background-position-y: center;
	}

	.campchoose {
		font-size: 20px;
	}

}


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

	.campwrapper {
		max-width: 580px;
	}

	.campcontenttitle {
		font-size: 22px;
		line-height: 26px;
		width: 95%;
	}

	.campsectiondisclaimer {
		text-align: center;
		width: 70%;
		margin: 0 auto;
		font-size: 18px;
		line-height: 24px;
		padding: 30px 0px;
		max-width: 369px;
	}

	.campmenuitems {
		font-size: 16px;
		line-height: 22px;
		padding: 8px 25px 8px 25px;
	}

	.camplinks {
		padding: 10px 0 0 0;
	}

	.camplinks a{
		width: 90%;
		max-width: 360px;
		margin: 0 auto;
		display: block;
		padding: 20px 30px 26px 30px;
		margin-bottom: 12px;
	}

}

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

	.campwrapper {
		max-width: 480px;
	}

	.campheaderwave {
		width: 85%;
	}

	.campwinewave {
		width: 85%;
	}

	.headercontainerbox {
		width: 86%;
		max-width: 460px;
		margin-top: -60px;
	}

	.campmentitle {
		padding: 8px 25px 8px 25px;
	}

	.campcontenttitle {
		font-size: 21px;
		line-height: 30px;
		width: 100%;
	}

	.wineleft {
		width: 80%;
		float: none;
		margin: 0 auto;
	}



}


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

	.campcontenttitle {
		font-size: 20px;
		line-height: 22px;
		width: 95%;
		padding: 18px 0 30px 0;
	}

	.campsectiondisclaimer {
		font-size: 18px;
		line-height: 25px;
	}

	.headercontainerbox {
		width: 87.4%;
		max-width: 460px;
		margin-top: -43px;    
		border-radius: 8px;
	}

	.campcontenttitle {
		font-size: 16px;
		line-height: 16px;
		width: 100%;
		padding: 10px 0 20px 0;
	}


	.campmentitle {
		font-size: 18px;
		line-height: 21px;
	}

	.upgradebox {
		padding: 40px 5px 0 5px;
		margin-top: 35px;
		margin-bottom: 15px;
		height: 225px;
		width: 100%;
		background-size: cover;
		background-position-y: center;
	}

	.campmenudescrip {
		width: 80%;
	}

	.upgradetitle {
		font-size: 20px;
		line-height: 20px;
	}

	.upgradeammount {
		font-size: 16px;
		line-height: 18px;
		padding: 10px 0 5px 0;
	}

	.campcattitle {
		font-size: 24px;
		line-height: 24px;
	}

	.campmenuitems {
		font-size: 16px;
		line-height: 19px;
		letter-spacing: -.05em;
	}

	.camplinks {
		padding: 10px 0 0 0;
	}

	.camplinks a{
		width: 95%;
		max-width: 300px;
		margin: 0 auto;
		display: block;
		padding: 20px 22px 26px 22px;
		margin-bottom: 12px;
	}

}