html {
	font-size: 1rem;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: none;
	-webkit-tap-highlight-color: transparent;
	
	/* footer stuff */
	position: relative;
 	min-height: 100%;
}

body {
	padding-top: 0rem;
	font-family: 'Roboto Slab', serif;
	color: rgba(62, 62, 62, 0.90);
	line-height: 1.66 !important;
	font-weight: 400;
	
	/* space above footer */
	margin: 0 0 5rem;
}

/* Remove Horiz Scrollbar from devices 
.container {
	max-width: 100%;
}*/


/* Removes Scrollbar */
.row {
	margin: 0px;
	justify-content: center;
}

.spacer {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.section-grey {
	background-color: rgba(248, 248, 248, 1.0);
}

.section-video {
	background-image: url(../images/bg.jpg);
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	text-align: center;
	padding: 5rem 0 5rem 0;
}

.container_vid {
	width: 100%;
	height: 100%;
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.section-ingredients {
	background-image: url(../images/bg_field.jpg);
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	text-align: center;
}

.content-solar {
	color: rgba(0, 0, 0, 0.88);
	background-color: rgba(255, 255, 255, 0.88);
	border-top-left-radius: 1rem;
	text-align: left;
	padding: 1.5rem;
}

.boxr {
	border: 1px solid rgba(0,0,0,0.0);
	padding: 1rem;
	background-color: rgba(0,0,0,0.025);
}


/* N A V */


/* SIZE, FONT*/
.navbar-nav {
	font-family: 'Oswald', sans-serif;
	font-size: 1.12rem;
}

/* SPACING */
.navbar-nav > li {
	margin-left: 1rem;
	margin-right: 1rem;
}

/* NAV OUTLINE */
.nav-outline {
	border: 1px solid rgba(254, 208, 134, 0.88)
}

.nav-outline:hover {
	border: 1px solid rgba(255, 255, 255, 0.88)
}



/* COLORS, STATES */
.navbar-light .navbar-nav .nav-link {
  color: rgba(254, 208, 134, 0.88);
}

.navbar-light .navbar-nav .nav-link:active,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.focus {
  color: rgba(254, 208, 134, 0.88);
}

.navbar-light .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, 0.75);
}

/* ON CLICK - COLORS, STATES */
.nav-item.dropdown a:focus {
	background-color: transparent;
	border: none !important;
	color: rgba(77, 77, 75, 0.66) !important;
}

.nav-item.dropdown a:active {
	background-color: none !important;
	border: none !important;
	color: rgba(77, 77, 75, 0.66) !important;
}



/* DROPDOWN */
/* dropdown arrow */
.dropdown-toggle::after {
    display:none;
}
/*.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.15em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent;
	color: rgba(0,0,0,0.15)
}*/

/* dropdown box */
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
	padding: 0.5rem 0;
/*	margin: 0.125rem 0 0;*/
	margin: 0;
	font-size: 1rem;
	text-align: left;
	list-style: none;
	background-color: rgba(255, 255, 255, 1.0);
	background-clip: padding-box;
	border-top: 2px solid #0272bc;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-radius: 0rem;
/*  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;*/
}




/* dropdown NAV selections IN dropdown */
.dropdown-item {
  color: rgba(77, 77, 75, 0.88);
}
/* dropdown NAV selections IN dropdown HOVER */
.dropdown-item:focus, .dropdown-item:hover {
  color: rgba(77, 77, 75, 0.88);
  text-decoration: none;
  background-color: rgba(2, 114, 188, 0.09);
	border-radius: none !important;
}



/* TOGGLE / COLLAPSED */
/* Center Nav Links (not dropdowns) AFTER COLLAPSE */
.navbar-collapse {
	margin-top: 0rem;
    text-align: center !important;
	-ms-flex-preferred-size:100%;
	flex-basis:100%;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center !important;
}


/* BUTTONS */

.btn-lg {
	padding: 1rem;
}



/* CUSTOM BUTTONS */
.btn-dr,
.btn-dr:focus,
.btn-dr:active,
.btn-dr.focus,
.btn-dr.active {
	color: rgba(254, 208, 134, 1.0);
	background-color: rgba(100, 64, 50, 0.66);
	border-color: rgba(254, 208, 134, 1.0);
	border-radius: 3px;
}

.btn-dr:hover {
	color: rgba(100, 64, 50, 1.00);
	background-color: rgba(254, 208, 134, 1.0);
	border-color: rgba(100, 64, 50, 1.00);
}



.btn-dr02,
.btn-dr02:focus,
.btn-dr02:active,
.btn-dr02.focus,
.btn-dr02.active{
	font-size: 1.25rem;
	border-radius: 3;
	padding: 1rem 3rem 1rem 3rem;
	color: rgba(100, 64, 50, 1.0);
	background-color: rgba(254, 208, 134, 1.0);
	border-color: rgba(254, 208, 134, 0.0);
}

.btn-dr02:hover {
	color: rgba(255, 255, 255, 0.88);
	background-color: #171717;
	border-color: rgba(255, 255, 255, 0.88);
}

.btn-buynow,
.btn-buynow:active,
.btn-buynow:focus,
.btn-buynow.active,
.btn-buynow.focus {
	color: rgba(255,255,255,1.0);
	background-color: rgba(40,167,69,1.0);
	border-color: rgba(40,167,69,1.0);
}

.btn-buynow:hover {
	color: rgba(255,255,255,1.0);
	background-color: rgba(33,136,56,1.0);
	border-color: rgba(30,126,52,1.0)
}


/*  F O N T   A W E S O M E  */
.fa-li {
	opacity: 0.33;
	/*color: rgba(186, 148, 85, 0.88);*/
}
	



/* TEXT */

/* Link Arrow */
.arrow {
	font-size: 55% !important;
	font-weight: inherit !important;
	vertical-align: middle;
	
}

.slant-text {
	-ms-transform: rotate(-3deg); /* IE 9 */
    -webkit-transform: rotate(-3deg); /* Safari 3-8 */
    transform: rotate(-3deg);
	vertical-align: middle;
	margin-top: 0rem;
	margin-bottom: -0.03rem;
}



.tm:after {
	font-weight: 100;
	font-size: 50%;
	vertical-align: super;
	content: "\2122";
	text-rendering: optimizeLegibility;
	text-transform: none;
}


.list-row {
	background-color: rgba(0, 0, 0, 0.033);
	border: 3px solid #ffffff;
}


.text-offer01 {
	font-size: 1.88rem;
	color: rgba(62, 62, 62, 0.88);
	text-transform: none;
	font-weight: bold;
}

.text-offer02 {

	color: rgba(62, 62, 62, 0.75);
}



/* Text Link Color */
a,
a:focus,
a:active {
	position: relative;
	color: rgba(40, 167, 69, 0.88);
	text-decoration: none;
/* fade transition effect */
  -o-transition:.33s;
  -ms-transition:.33s;
  -moz-transition:.33s;
  -webkit-transition:.33s;
  transition:.33s; 
}
a:hover {
	color: rgba(40, 167, 69, 1.0);
	text-decoration: none;
}

p > a,
p > a:active,
p > a:focus,
p > a:hover {
	text-decoration: none;
}

h1, .h1 {
font-family: 'Roboto Slab', serif;
	color: rgba(100, 64, 50, 1.00);
	text-transform: uppercase;
	font-size:2.75rem;
	font-weight: 300;
}

h2 {
	font-family: 'Roboto Slab', serif;
	color: rgba(100, 64, 50, 1.00);
	text-transform: uppercase;
	font-weight: 200;
}

h3 {
	font-family: 'Roboto Slab', serif;
}

h4 {
	font-family: 'Roboto Slab', serif;
	font-size: 1.33rem;
	text-transform: uppercase;
}

h5 {
	font-family: 'Roboto Slab', serif;
	font-weight: bold;
}


.dr-list {
	font-size: 1.25rem;
	color: rgba(0, 0, 0, 1.0)
}

.dr-list-sub {
	font-size: 1rem;
	color: rgba(62, 62, 62, 0.95);
}

.title-rule {
	border-bottom: 2px solid rgba(100, 64, 50, 1.00);
	width: 2.5rem;
	margin: 1.5rem 0 1.5rem 0;
}

.title-rule-center {
	border-bottom: 2px solid rgba(100, 64, 50, 1.00);
	width: 2.5rem;
	margin: auto;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.rule {
	align-content: center;
	align-self: center;
	vertical-align: middle;
	border-top: 1px solid rgba(186, 148, 85, 0.25);
	margin-top: 1rem;
	padding-top: 1rem;
	
}

.ingred-rules {
	align-content: center;
	align-self: center;
	vertical-align: middle;
	border-top: 1px solid rgba(186, 148, 85, 0.25);
	border-bottom: 1px solid rgba(186, 148, 85, 0.25);
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.double-rules {
	border-top: 2px solid rgba(0, 0, 0, 0.10);
	border-bottom: 2px solid rgba(0, 0, 0, 0.10);
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
}


.rule-form {
	align-content: center;
	align-self: center;
	vertical-align: middle;
	border: 1px solid rgba(0, 0, 0, 0.10);
	margin-top: 3rem;
	margin-bottom: 3rem;
}


.fa.outline {
	color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: rgba(224, 85, 42, 0.88);
}

.reviewer {
	font-style: italic;
	text-align: right;
	font-size: 75%;
}


/* B O R D E R */
.border-ingred {
	padding: 1rem;
	border: 12px solid rgba(186, 148, 85, 0.75);
	background-color: rgba(255, 255, 255, 0.75);
	border-top-left-radius: 1rem;
}



/* I M A G E S */

img.hoverfade {
	opacity: 1;
	filter: alpha(opacity=100);
 	-webkit-transition: opacity 1s linear;
	}	
	
img.hoverfade:hover {
	opacity: 0.66;
	filter: alpha(opacity=66);
 	-webkit-transition: opacity 1s linear;
	}

.vid_border {
	border: solid #f9e497 1px;
}


.rounded_corner {
	border-radius: 1rem 0 0 0!important;
}


.dot-overlay {
	background-color: #171717;
	background-image: url("../images/subtle-dots.png");
}


/* V I D E O */
video#bgvid { 
	/* change position: fixed if outside container */
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    /*background: url(../images/solar_still.jpg) no-repeat;*/
    background-size: cover;
}





/* CARDS */
.card {
	margin-bottom: 1.5rem;
	border: none;
	border-radius: 0;
}

.card-header-dr {
	padding:.75rem 1.25rem;
	margin-bottom:0;
	background-color:rgba(93, 65, 54, 1.0);
	color:rgba(255, 255, 255, 0.75);
	font-size: 16px;
	border-bottom:1px solid rgba(0, 0, 0, 0.0);
	text-align: center;
	vertical-align: middle;
	letter-spacing: 1px;
}


.card-header-soldOut {
	padding:.75rem 1.25rem;
	margin-bottom:0;
	background-color:rgba(170, 48, 0, 1.0);
	color:rgba(255, 255, 255, 0.95);
	font-size: 2rem;
	border-bottom:1px solid rgba(0, 0, 0, 0.0);
	text-align: center;
	vertical-align: middle;
	letter-spacing: 1px;
}


.card-title {
	color: rgba(100, 64, 50, 0.75);
		font-size: 1.25rem;
	font-weight: bold;
	margin-bottom: -0.25rem;
}





/* FOOTER */
footer {
	padding: 3rem 0rem 3rem 0rem;
	margin-top: 0rem;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: rgba(77, 77, 75, 1.0) !important;
	color: rgba(228, 228, 228, 0.75);
}

footer a,
footer a:active,
footer a:focus {
	text-decoration: none;
	color: rgba(228, 228, 228, 0.75);
}

footer a:hover {
	color: rgba(228, 228, 228, 1.0);
	text-decoration: none;
}

.spacer-footer {
		padding-bottom: 5rem;
		margin-bottom: 0rem;
	}



/*    F O R M S  -  forms    */

label {
	margin-bottom:0rem
}

.form-control::placeholder{
	color:#6c757d;
	opacity:0.5
}

input[type=checkbox] + .unhide{
  display: block;
}

input[type=checkbox]:checked + .billingaddy {
  display: none;
}

input[type=checkbox] {
	margin: 0.75rem 0.5rem 0 0;
	width: 24px;
	height: 24px;
	float: left;
}

.invalid-feedback {
	margin-top: 0;
	padding: 0;
}

/* Bootsnipp Back to Top */
#toTop{
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
}











/* A F T E R    C O L L A P S E */
/*was 1015px */

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

	.shrinker {
		width: 25% !important;
	}
	
	.spacer {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	
	.spacer-footer {
		padding-bottom: 17rem;
		margin-bottom: 0rem;
	}
	
	ul {
		padding: 1.5rem;
	}
	
	.text-offer01 {
		line-height: 2.25rem !important;
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
	}

	
  .navbar {
	  align-content: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
	}
	
	
/* Change NAV BACKGROUND AFTER COLLAPSE */
	.navbar-collapse {
		/* margin-top: 5rem; */
		/* padding-top: 5rem; */
		border-color: none;
		box-shadow: none;
		background-color: transparent;
		border-top: 1px solid rgba(255,255,255,0.25);
		margin-bottom: 0;
		padding-bottom: 0;
		margin-top: .5rem;
		text-align: center !important;
		justify-content: center !important;
		padding-left: 1.25rem;
	}
	

	
/* Change DROPDOWN BACKGROUND AFTER COLLAPSE */
	.navbar-collapse .dropdown-menu > li > a,
	.navbar-collapse .dropdown-menu > li > a:active,
	.navbar-collapse .dropdown-menu > li > a:focus,
	.navbar-collapse .dropdown-menu {
		background-color: #ffffff;
		text-align: center;
		/*space between dropdown items */
		border-top: 1px solid rgba(228,228,228,1.00);
		border-bottom: 1px solid rgba(228,228,228,1.00);
	}

/* space between dropdown selections */
	.navbar-collapse .dropdown-menu > li > a,
	.navbar-collapse .dropdown-menu > li > a:active,
	.navbar-collapse .dropdown-menu > li > a:focus,
	.navbar-collapse .dropdown-menu {
		line-height: 2rem !important;
	}
	

/* Nav Text SIZE after collapse */
.navbar-nav {
	font-size: 1.5rem;
}

/* Nav Text SPACING after collapse */
.navbar-nav > li {
}
	
	
.navbar-collapse .dropdown-menu .dropdown-item {
	color: rgba(77, 77, 75, 0.88);
	margin-top: 0;
	
}
.navbar-collapse .dropdown-menu .dropdown-item:focus,
.navbar-collapse .dropdown-menu .dropdown-item:active {
	color: rgba(77, 77, 75, 0.88);
	text-decoration: none;
	background-color: rgba(2, 114, 188, 0.09);
	border-radius: none !important;
}
	
.dropdown-item:hover {
	color: rgba(77, 77, 75, 0.88);
	text-decoration: none;
	background-color: rgba(2, 114, 188, 0.09);
	border-radius: none !important;
}
	


/*	li {
		border-bottom: 1px solid red;
	}
	*/
	
} /* -- END AFTER COLLAPSE -- */