/* Pledge */

button.age,
button.gender,
div.button.age,
div.button.gender,
div.button.beverage,
div.button.selector,
div.button.recommendation,
.button.selector {
	cursor:pointer;
}

.modal .row.options {
	padding-bottom: 15px;
}

#section12 h2{
	border-bottom: 2px #1fb7e8 solid !important;
	border-top: 2px #1fb7e8 solid !important;
	padding: 20px 0px;
	margin: 20px 0;
}
#section12 h3.share-text{
	background-color: #1fb7e8;
	color: #fff;
	padding: 10px;
	/*margin: 20px 0;*/
	margin: 0 0 10px 0;
	/*text-transform: capitalize;*/
	text-transform: none;
	/*font-size: 32px;*/
	font-size: 24px;
	/*line-height: 36px;*/
	line-height: 1.3;
}
/* large screen */
@media screen and (min-width: 992px) {
	#section12 .spacer {
		height:50px;
	}

	#section12 h3.share-text{
		font-size: 2rem;
		margin: 20px 0 10px 0;
	}
}
/* very small mobile device */
@media screen and (max-width: 374px) {
	#section12 h3.share-text {
		font-size: 15px;
		line-height: 1.1;
	}
}

#section12 .share-buttons{
	/*margin: 20px;*/
	/*margin: 20px 15px;*/
	margin: 0 0 20px 0;
	font-size: 32px;
}
#section12 .share-buttons a{
	font-size: 32px;
	border: 2px #fff solid;
	/*padding: 10px;*/
	padding: 5px 40px;
	display: block;
	color: #fff;
}
#section12 .share-buttons a:hover,
#section12 .share-buttons a:focus{
	color: #1fb7e8;
}
#section12 .share-buttons i{
	font-size: 32px;
}
#section12 h4{
	/*margin: 0px 0px 20px 0px;*/
	margin: 0;
	/*line-height: 20px;*/
	line-height: 1.2;
	text-transform: initial;
	font-size: 18px;
}
#section12 h4.thanks{
	color: #1fb7e8;
}
#section12 h4.thanks a{
	color: #fff;
}

#section12  #start-over{
	font-size: 14px;
}
@media screen and (min-width: 997px) {
	#section12  #start-over{
		font-size: 16px;
	}
}

#section12  #start-over .blue {
	color: #1fb7e8;
}
.share-on{
	/*padding: 15px;*/
	padding: 12px 0;
}
.share-on h3{
	/*color: #fff;*/
	color: #1fb7e8;
	text-transform: uppercase;
}
.return-ryb{
	margin: 20px;
	color: #fff;
	border: none;
	font-size: 14px;
	font-family: "proxima-nova";
}
/* End Pledge */

/* Modal Override */
.close{
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 24px;
}
/* EndModal Override */

/* Diseases */
.disease-image {
	min-height: auto !important;
}
.disease-image img{
	display: block !important;
}
/* End Diseases */

/* Icon & button fixes */
.icon{
	width: 3.5rem !important;
}
button.age .icon, button.gender .icon, div.button.age .icon, div.button.gender .icon
{
	width: 32% !important;
}
button.beverage .beverage-name .text span,
button.selector .beverage-name .text span, 
div.button.beverage .beverage-name .text span, 
div.button.selector .beverage-name .text span, 
button.beverage .beverage-name .text span.smaller, 
button.selector .beverage-name .text span.smaller, 
div.button.beverage .beverage-name .text span.smaller, 
div.button.selector .beverage-name .text span.smaller{
	font-size: 1rem;
}
button.beverage,
button.selector,
div.button.beverage,
div.button.selector {
    min-height: 2rem !important;
}
div.button.beverage .beverage-name,
button.beverage.selected .beverage-name,
button.selector.selected .beverage-name,
div.button.beverage.selected .beverage-name,
div.button.selector .beverage-name,
div.button.selector.selected .beverage-name,
div.button.recommendation .beverage-name,
div.button.recommendation.selected .beverage-name {
	max-width: 50% !important;
}

.modal div.button.beverage .beverage-name {
	max-width: 100% !important;
}

.modal div.button.beverage:hover {
	background-color: #107798 !important;
	border-color: #fff !important;

}

button.beverage .beverage-attributes,
button.selector .beverage-attributes,
div.button.beverage .beverage-attributes,
div.button.selector .beverage-attributes {
	max-width: 50% !important;
}

button.beverage .beverage-name .text, button.selector .beverage-name .text,
button.recommendation .beverage-name .text,
div.button.beverage .beverage-name .text,
div.button.selector .beverage-name .text,
div.button.recommendation .beverage-name .text {
	width: 60%;
}

button.beverage.selected .beverage-attributes .beverage-quantity .quantity input,
button.selector.selected .beverage-attributes .beverage-quantity .quantity input,
div.button.beverage.selected .beverage-attributes .beverage-quantity .quantity input,
div.button.selector.selected .beverage-attributes .beverage-quantity .quantity input,
button.beverage.selected .beverage-attributes .beverage-size .size .select2-container--default .select2-selection--single .select2-selection__rendered,
button.selector.selected .beverage-attributes .beverage-size .size .select2-container--default .select2-selection--single .select2-selection__rendered,
div.button.beverage.selected .beverage-attributes .beverage-size .size .select2-container--default .select2-selection--single .select2-selection__rendered,
div.button.selector.selected .beverage-attributes .beverage-size .size .select2-container--default .select2-selection--single .select2-selection__rendered{
	height: 1.5rem !important;
    font-size: 1.2rem !important;
    line-height: 1.5rem !important;
}
.quantity-up,
.quantity-down,
.size-up,
.size-down{
	font-size: 0.9rem !important;
	line-height: 1rem !important;
}
button.beverage,
button.selector,
div.button.beverage,
div.button.selector{
	margin: 0.2rem 0 !important;
	padding: 0rem 1rem !important;
}
button.beverage,
button.selector,
button.recommendation,
div.button.beverage,
div.button.selector,
div.button.recommendation{
	margin: 0.2rem 0 !important;
	padding: 0rem 1rem !important;
	min-height: auto;
}
button.beverage .beverage-name .text span,
button.selector .beverage-name .text span,
button.recommendation .beverage-name .text span, div.button.beverage .beverage-name .text span,
div.button.selector .beverage-name .text span,
div.button.recommendation .beverage-name .text span{
	font-size: 1rem;
    font-weight: 900;
    line-height: 1rem;
}

button.beverage .beverage-name .text span.sub,
button.selector .beverage-name .text span.sub,
button.recommendation .beverage-name .text span.sub,
div.button.beverage .beverage-name .text span.sub,
div.button.selector .beverage-name .text span.sub,
div.button.recommendation .beverage-name .text span.sub{
	width: 200px !important;
	font-size: 0.8rem !important;
}
button.gender .text,
div.button.gender .text{
	text-align: center;	
}


.modal button.beverage,
.modal div.button.beverage {

}
.modal button.beverage:hover,
.modal button.beverage:focus,
.modal div.button.beverage:hover,
.modal div.button.beverage:focus{
	border: 2px #fff solid !important;
	background-color: #004990 !important;
}

.selection-text{
	height: 38px;
}
#section11 h2.selection-text {
    font-size: 1rem;
}
.water-fruit .beverage-name .text{
	width: 80%;
}

/* Icon & Button Mobile Overrides */
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
	.icon, button.age .icon, button.gender .icon, div.button.age .icon, div.button.gender .icon
{
		width: 2.8rem !important;
	}
	button.beverage .beverage-name .text span,
	button.selector .beverage-name .text span,
	div.button.beverage .beverage-name .text span,
	div.button.selector .beverage-name .text span,
	button.beverage .beverage-name .text span.smaller,
	button.selector .beverage-name .text span.smaller,
	div.button.beverage .beverage-name .text span.smaller,
	div.button.selector .beverage-name .text span.smaller{
		font-size: 1rem;
	}
	button.beverage,
	button.selector,
	div.button.beverage,
	div.button.selector {
	    min-height: 2rem !important;
	}
	button.beverage.selected .beverage-name,
	button.selector.selected .beverage-name,
	div.button.beverage.selected .beverage-name,
	div.button.selector.selected .beverage-name,
	div.button.recommendation .beverage-name,
	div.button.recommendation.selected .beverage-name {
		max-width: 50% !important;
	}

	button.beverage .beverage-attributes,
	button.selector .beverage-attributes,
	div.button.beverage .beverage-attributes,
	div.button.selector .beverage-attributes {
		max-width: 50% !important;
	}
	button.beverage.selected .beverage-attributes .beverage-quantity .quantity input,
	button.selector.selected .beverage-attributes .beverage-quantity .quantity input,
	div.button.beverage.selected .beverage-attributes .beverage-quantity .quantity input,
	div.button.selector.selected .beverage-attributes .beverage-quantity .quantity input,
	button.beverage.selected .beverage-attributes .beverage-size .size .select2-container--default .select2-selection--single .select2-selection__rendered,
	button.selector.selected .beverage-attributes .beverage-size .size .select2-container--default .select2-selection--single .select2-selection__rendered,
	div.button.beverage.selected .beverage-attributes .beverage-size .size .select2-container--default .select2-selection--single .select2-selection__rendered,
	div.button.selector.selected .beverage-attributes .beverage-size .size .select2-container--default .select2-selection--single .select2-selection__rendered{
		height: 1.5rem !important;
	    font-size: 1.2rem !important;
	    line-height: 1.5rem !important;
	}
	.quantity-up,
	.quantity-down,
	.size-up,
	.size-down{
		font-size: 0.9rem !important;
		line-height: 1rem !important;
	}
	button.beverage,
	button.selector,
	div.button.beverage,
	div.button.selector{
		margin: 0.2rem 0 !important;
		padding: 0rem 1rem !important;
	}
	button.beverage .beverage-name .text span.sub,
	button.selector .beverage-name .text span.sub,
	button.recommendation .beverage-name .text span.sub,
	div.button.beverage .beverage-name .text span.sub,
	div.button.selector .beverage-name .text span.sub,
	div.button.recommendation .beverage-name .text span.sub{
		width: 200px !important;
		font-size: 0.8rem !important;
	}
	button.age,
	button.gender,
	div.button.age,
	div.button.gender {
	    min-height: 2rem;
    }
	button.beverage .beverage-name .text,
	button.selector .beverage-name .text,
	button.recommendation .beverage-name .text,
	div.button.beverage .beverage-name .text,
	div.button.selector .beverage-name .text,
	div.button.recommendation .beverage-name .text{
		width: 2px;
	}
	button.beverage .beverage-name .text span,
	button.selector .beverage-name .text span,
	div.button.beverage .beverage-name .text span,
	div.button.selector .beverage-name .text span,
	button.beverage .beverage-name .text span.smaller,
	button.selector .beverage-name .text span.smaller,
	div.button.beverage .beverage-name .text span.smaller,
	div.button.selector .beverage-name .text span.smaller{
		font-size: 0.5em;
	}
}
/* End Icons & Buttons */

/* Email Form */
#email-form{

}
#email-form input{
	font-family: "league-gothic" !important;
	font-size: 1rem;
}
#email-form .email-submit{
	background-color: transparent !important;
	border: 2px solid #fff !important;
	color: #fff !important;
	font-family: "league-gothic" !important;
	padding: 10px;
	margin: 10px;
}
/* End Email Form */

/* Video Mobile Overrides */
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
	#video-modal{
		max-width: 100%;
	}
}
/* End Video Mobile Overrides */

/* Review */
.sugar-count h4 span{
	font-size: 1rem;
}
/* End Review */

#section10 .sugar-amt {
	padding: 25px 0 8px 0;
}
@media screen and (min-width: 992px) {
	#section10 .sugar-amt {
		padding: 0;
		position: absolute;
		right: 0;
		top: 50%;
		height: 100px;
		margin-top: -50px;
	}
}



/* Review Mobile Overrides */
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
	.consumed-beverage {
	    height: auto;
	    float: left;
	    margin-left: 0.5rem;
	    width: 1.3rem;
		margin-top: 10px;
	}
	/*.sugar-amt {*/
		/*padding: 25px 0;*/
	/*}*/
	.consumed-beverage.icon-xl {
		width: 4rem;
		display: inline-block;
		float: none;
	}
	.consumed-beverage.icon-bg {
		width: 4rem;
	}
	.consumed-beverage.icon-md {
		width: 3rem;
	}
	.consumed-beverage.icon-sm {
		width: 2rem;
	}
	.consumed-beverage.icon-xs {
		width: 1.3rem;
	}

	h2.equals{
		/*width: 100%;*/
		float: none;
		display: inline-block;
		font-size: 2rem;

	}
	.sugar-count{
		float: none;
		padding: 10px 5px;
	}
	.sugar-count h2 {
		text-align: center;
		font-size: 2rem;
	}
	.sugar-count h4 {
		text-align: center;
		text-transform: uppercase;
	}
	.bad h2 {
		font-size: 1.3rem;
		line-height: 1.2;
	}
	.good h2 {
	    font-size: 1.3rem;
		line-height: 1.2;
	}
	#section12 h4 {
		font-size: 13px;
	}
}
/* End Review Mobile Overrides */

/* Age Button Tablet Override */
@media screen and (min-width: 39.00em) and (max-width: 56.9375em) {
	button.age,
	div.button.age{
		font-size: 1rem !important;
		padding: 0.5rem !important;
	}
	button.age .text span,
	button.gender .text span,
	div.button.age .text span,
	div.button.gender .text span{
		font-size: 1rem !important;
	}
	button.age .text span.sub,
	button.gender .text span.sub,
	div.button.age .text span.sub,
	div.button.gender .text span.sub{
		font-size: 0.5rem !important;
	}
	.bad h2 {
		font-size: 2rem;
		line-height: 1.2;
	}
	.good h2 {
		font-size: 2rem;
		line-height: 1.2;
	}
	#section12 h4 {
		font-size: 12px;
	}
}
/* End Age Button Tablet Override */

/* Age Button Mobile Override */
@media screen and (min-width: 49.9379em) {
	button.age, div.button.age{

	}
}
/*End Age Button Mobile Override */

/* Landscape Mobile */
.landscape {
	display: none;
}
@media screen and (min-width: 0em) and (max-width: 49.313em) and (orientation: landscape) {
	.landscape {
		display: table;
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
	}
	.landscape h1{
		display: table-cell;
		vertical-align: middle;
	}
	header,
	#fullpage{
		display: none !important;
	}
}
/* End Landscape Mobile */