@charset "UTF-8";
/**
 * Foundation for Sites by ZURB
 * Version 6.3.0
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
       ========================================================================== */
/**
     * 1. Change the default font family in all browsers (opinionated).
     * 2. Correct the line height in all browsers.
     * 3. Prevent adjustments of font size after orientation changes in
     *    IE on Windows Phone and in iOS.
     */

 @import 'motion-ui'
@include motion-ui-transitions;
@include motion-ui-animations;

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) { 

.logo {
	margin:0px !important;
}

.logo img.wide {
    width: auto !important;
    height: auto !important;
    margin-top:2vh;
 }

 .logo img.tall {
    width: auto !important;
    height: auto !important;
 }

.count-down-section {
	margin-top:20% !important; 
}

.wide-countdown {
	margin-top:0% !important;
}

}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {

.logo {
	margin:0px !important;
}

.logo img.wide {
    width: auto !important;
    height: auto !important;
 }

 .logo img.tall {
    width: auto !important;
    height: auto !important;
 }

.count-down-section {
	margin-top:20% !important; 
}

.wide-countdown {
	margin-top:0% !important;
}

}


@-moz-document url-prefix() {
  .logo img.wide {
    width: calc(200% / 2);
    height: calc(200% / 1);
    margin-top: -4vh;
  }

  .wide-countdown {
  	/* transform: translateY(45%) !important; */
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

	.count-down-section {
		transform: none !important;
	}

	.logo img.tall {
		margin-top:auto !important;
	}
}

 .logo img.wide {

 	width: calc(100% / 1);
    height: calc(100% / 1);
}

.logo img.tall {
 	width: calc(200% / 2);
    height: calc(200% / 1);
    margin-top: -4vh;	
}

.logo {
	text-align: center;
	/* width: 50%;*/
    /* height: 14vh; */
    margin: 1vh auto 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}



 body {
 	font-family: "Droid Sans";
 }

h1 {
	font-size: 32px;
	font-family: "Droid Sans";
	font-weight: bold;
	text-transform: uppercase;
}

.header  {
  border-top: 20px solid #f78f1f;
    border-bottom: 20px solid #f78f1f;
}

.row.padding {
	padding-top: 30px;
    padding-bottom: 30px;
}

.right {
	text-align:right;
}

.center {
	text-align: center;
}

span.countdown {
	font-size: 1.1em;
    color: #666;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 0;
}

.orange {
	color:#f78f1f;
}

span.count-number {
	 font-size: 1.8em;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
}

span.progress-number {
	font-size: 3em;
    font-weight: bold;
    padding-left: 3px;
    margin-right:-3px;
}

.count-down-section p {
	color:#666;
	font-size:1.3em;
}

.countdown-section-wide p {
	color:#666;
	font-size:1.3em;
}

.count-down-section p i {
	vertical-align: super;
	padding-right:5px;
}

.countdown-section-wide p i {
	vertical-align: super;
	padding-right:5px;
}

img.rounded {
	border: 1px solid white;
    border-radius: 8px;
}

.padding-60 {
	padding-top:60px;
	padding-bottom: 60px;
}

a {
	color:#f78f1f;
	font-weight: bold;
}

a:hover {
	color:#666;
}

.button.large {
    font-size: 1.25rem;
    color: white;
    background-color: #f78f1f;
    text-transform: uppercase;
    font-weight: bold;
    border: 1px solid #f78f1f;
    border-radius: 8px;
  }

  .gray-bg {
  	background: #666;
  }

  .white {
  	color:#fff;
  }

  .padding-20 {
  	padding-top:20px;
	padding-bottom:20px;
}

.gray {
	color:#666;
	font-family: "Droid Sans";
}

p.progress-section i {
    padding-right: 7px;
    color: #666;
    font-size: 1.8em;
    padding-left: 5px;
    vertical-align: super;
}

p.raised {
	color: #000;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 2em;
    margin-top: -30px;
}

.progress {
  margin-top:-30px;
  padding:0;
  width:100%;
  height:55px;
  overflow:hidden;
  background:#e5e5e5;
  border-radius:10px;
  margin-bottom: 70px;
}

.meter.custom {
  position:relative;
  float:left;
  min-width:1%;
  height:100%;
  background:#f78f1f;
  border-radius: 10px;
}

.percent {
    font-size: 24px;
    color: black;
    padding: 5px;
    padding-left: 50px;
    font-weight: bold;
}

.gray-strip {
	background:url("../images/diagonal-bg.jpg");
}

.white-bg {
	background: #fff;
}

.orbit-controls {
	margin-top:50px;
}

.orange-bg {
   background-color: #f78f1f;
   margin-top: -40px;
}

.padding-30 {
	padding-top:30px;
}

.donation {
	font-size:1.3em;
	text-transform: uppercase;
	font-weight: bold;
    margin-top: -10px;
}

.large-4.large-push-4.columns.center.padding-30 [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
	border-radius: 10px;
	height: 60px;
	box-shadow:none;
	text-align: center;
    font-size: 28px;

}

.large-4.large-push-4.columns.center.padding-30 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size:28px;
  text-align: center;
  font-weight: bold;
}
::-moz-placeholder { /* Firefox 19+ */
  font-size:16px;
  text-align: left;
  font-weight: bold;
  color:#333 !important;

}

::-moz-input-placeholder {
	color: #cacaca; !important;
	}
:-ms-input-placeholder { /* IE 10+ */
  font-size:28px;
  text-align: center;
  font-weight: bold;
}
:-moz-placeholder { /* Firefox 18- */
  font-size:28px;
  text-align: center;
  font-weight: bold;
}



.donate-amounts {
	margin-top:-40px;
}

.donate-amounts ul {
	list-style: none;
}

.donate-amounts ul li .button.large {
	width:100%;
	padding:.2em;
	font-size:1.6em;
}

.donate-amounts ul li .button.large:hover {
	background-color:#f78f1f96;
	border: 1px solid #f78f1f96;
}

.button.large:hover {
	background-color:#f78f1f96;
	border: 1px solid #f78f1f96;
}

.no-margin {
	margin-top:0px;
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
	border: 1px solid #ccc;
	font-weight: bold;
}

.info-tip {
	font-size: 12px;
    color: #666;
    text-decoration: underline;
}

span#securityspan {
	text-decoration: none;
}

button#confirm-ticket {
	 padding: .5em;
    font-size: 18px;
    width: 30%;
    font-family: "Droid Sans";
    margin-top: 20px;
    margin-bottom: 40px;
}

select#expMonth {
	color: #cacaca;
	font-weight:bold;
	border-radius: 8px;
}

select#state {
	color: #cacaca;
    font-weight: bold;
    border-radius: 8px;
}

select#expYear {
	color: #cacaca;
	font-weight:bold;
	border-radius: 8px;
}

.copyright {
	padding-top:25px;
	padding-bottom:25px;
	color:#f78f1f;
	font-weight:bold;
	text-align: right;
	}

	[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
		border-radius:8px;
	}


.has-tip {
  cursor: pointer;
  color: #666;
  font-size: 12px;
}

input#securityCode {
	margin-bottom: 0px;
}

input#donationamount {
	border:none;
}

.move-up {
	margin-bottom: 5px;
}

.exprow {
	margin-left:-15px;
}

.main {
	overflow:hidden;
}

label {
	margin-top: -10px;
    padding-bottom: 10px;
    color: red;
}

input#securityCode label.error {
	margin-top:-60px;
	padding-bottom:35px;
}

input#securityCode {
	margin-top:-11px;
}

a.confirm {
	color:#fff;
}
h3 {
	font-size:1.4em;
}

a.place {
	margin-top:30px;
}

.place-footer {
	border-top: 1px solid #ccc;
	margin-top:100px;
}

.place-main {
	margin-top:60px;
}

.bpadding {
	margin-top:30px;
}

p.thank-you {
	color: #666;
    font-weight: bold;
    font-size: 1.2em;
    padding-top: 15px;
}

form#purchaseForm {
		margin-top:25px;
}




/* Small only */
@media screen and (max-width: 39.9375em) {

	.place-logo {
		text-align: center;
	}

	.donate-amounts ul li {
		margin-bottom:-30px;
	}

	.donate-amounts {
		margin-top:-60px;
		margin-left: -10px;
		margin-bottom: 25px;
	}

	form#purchaseForm {
		margin-top:25px;
	}

	.count-down-section {
		margin-top:25px;
	}

	.logo img {
		width:75% !important;
	}

	.countdown-section-wide {
		margin-top:25px !important;
	}


	.large-3.medium-3.small-12.columns.logo {
		text-align:center;
	}

	h1 {
		text-align: center;
		margin-top:20px;
		font-size:28px;
	}

	image.main-image {
		text-align: center;
	}

	.button.large {
		margin-top:30px;
	}

	.large-8.large-push-2.medium-8.medium-push-2.columns {
		text-align:center;
	}

	.large-6.columns.right {
		text-align:center;
	}

	select#expYear {
		margin-left:-15px;
	}
	input#securityCode {
		margin-left:-7px;
	}

	button#confirm-ticket {
		width:100%;
	}

	.footer-logo {
		text-align:center;
	}

	.copyright {
		text-align: center;
    	font-size: 15px;

	}

	.donate-amounts.two {
		margin-top:-20px;
	}
}


@media screen and (min-width: 412px) and (max-width: 414px) {
	input#securityCode {
    margin-left: 3px !important;
}

	select#expMonth {
		margin-left:8px !important;
	}

}

/* Iphone 6, 7, 8 */
@media screen and (min-width: 320px) and (max-width: 413px) {

select#expYear {
    margin-left: -9px;
    width: 106%;
}

h1 {
	font-size:25px;
}

.copyright {
   	font-size:14px;
}

.large-6.columns.exprow {
    margin-left: -9px;
    padding-right: 0px;
    width: 103%;
}

input#securityCode {
	margin-left:0px;
}

}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {

form#purchaseForm {
		margin-top:25px;
	}


h3.gray {
	font-size:1.5em;
}

.donate-amounts.two {
		margin-top:-15px;
	}
	
button#confirm-ticket {
		width:100%;
	}
.large-8.large-push-2.medium-8.medium-push-2.columns {
		text-align:center;
	}

.large-6.columns.right {
		text-align:center;
	}
.large-6.columns.exprow {
    margin-left: -13px;
    width: 105%;
}

.copywrite {
	font-size:14px;
}

select#expYear {
	margin-left: -13px;
    width: 105%;
}


	}


/* Css for Donor Slider */


.ecommerce-product-slider .orbit-previous,
.ecommerce-product-slider .orbit-next {
  color: #cacaca;
}

.ecommerce-product-slider .orbit-bullets button {
  height: 0.65rem;
  width: 0.65rem;
}

.ecommerce-product-slider .product-card {
  background-color: #fefefe;
  padding: 1rem;
  margin-bottom: 1.5rem;
}


.ecommerce-product-slider .product-card.fourth {
	border:none;
}


.ecommerce-product-slider .product-card-title {
  font-family: "Droid Sans";
  font-size: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 0;
  color:#f78f1f;
  line-height: 1em;

}

h2.product-card-title{
  font-weight:bold !important;
  text-transform: uppercase;
}

.ecommerce-product-slider .product-card-desc {
  color: #8a8a8a;
  display: block;
  font-family: "Droid Sans";
  font-size: 0.85rem;
}




.orbit-container {
	background: white;
    padding-left: 10px;
    padding-top: 12px;
    margin-bottom: 20px;
    text-align:center;
}



@media screen and (min-width: 569px) and (max-width: 1190px) {


.orbit-container {
    overflow: visible;
    margin-top: 80px;
    text-align:center;
}

.ecommerce-product-slider .product-card-title {
	font-size:1.4em;
}

}

@media screen and (min-width: 320px) and (max-width: 568px) {

.orbit-container {
    overflow: visible;
    margin-top: 80px;
    text-align:center;
}
.ecommerce-product-slider .product-card-title {
	font-size:1.4em;
}
}

 @media only screen and (min-width: 40.063em) { 
    .count-down-section {
    position: relative;
    top: 50%;
    transform: translateY(45%);
}

	.wide-countdown {
		transform: none;
	}
  } 


/* Spencer Styles */

    .isotope-item {
      z-index: 2;
    }

    .isotope-hidden.isotope-item {
      pointer-events: none;
      z-index: 1;
    }

    ul#filters {
      float: left;
      position: relative;
      list-style: none;
      width: 100%;
    }

    ul#filters li {
      float: left;
      padding-right: 20px;
    }

    #container {
            height: 100%;
    }
	
    p.details time {
            <?php echo 'color: #' . $hex . ' !important;'; ?>
    }

    p.details i {
            <?php echo 'color: #' . $hex . ' !important;'; ?>
    }

    p.details a.map {
            <?php echo 'color: #' . $hex . ' !important;'; ?>
    }

    p.details.last i {
            <?php echo 'color: #' . $hex . ' !important;'; ?>
    }

    a.button.register {
            <?php echo 'background-color: #' . $hex . ' !important;'; ?>
    }

    #welcome h1 {
            <?php echo 'color: #' . $hex . ' !important;'; ?>
    }

    p.amount {
            <?php echo 'color: #' . $hex . ' !important;'; ?>
    }

    p.amount sup {
            <?php echo 'color: #' . $hex . ' !important;'; ?>
    }

    h1.name {
            <?php echo 'color: #' . $hex . ' !important;'; ?>
    }

    h2.current-bid {
            <?php echo 'color: #' . $hex . ' !important;'; ?>
    }

    a.button:not(.sign-in) {
            <?php echo 'background-color: #' . $hex . ' !important;'; ?>
    }

    section.welcome.left h1 {
            <?php echo 'color: #' . $hex . ' !important;'; ?>
    }

    section.welcome.left h2 {
            <?php echo 'color: #' . $hex . ' !important;'; ?>
    }

    section.welcome.left p a {
            <?php echo 'color: #' . $hex . ' !important;'; ?>
    }

    section.register-now.left strong a {
            <?php echo 'color: #' . $hex . ' !important;'; ?>
    }

    section.register-now.left h1 {
            <?php echo 'color: #' . $hex . ' !important;'; ?>
    }

    section.register-now.left p a {
            <?php echo 'color: #' . $hex . ' !important;'; ?>
    }

    #registration-form .button {
            <?php echo 'background-color: #' . $hex . ' !important;'; ?>
    }

    h3.section-title {
            <?php echo 'color: #' . $hex . ' !important;'; ?>
    }

    h3.orange.section-title {
            <?php echo 'color: #' . $hex . ' !important;'; ?>
    }

    #accepted-payment div label {
            <?php echo 'color: #' . $hex . ' !important;'; ?>
    }

    div.col12 button#confirm-ticket.button {
            <?php echo 'background-color: #' . $hex . ' !important;'; ?>
    }

    .info-tip {
            <?php echo 'color: #' . $hex . ' !important;'; ?>
    }

    .golden-forms .info-tip span {
            <?php echo 'background: #' . $hex . ' !important;'; ?>
    }

    .golden-forms .info-tip span:after {
            <?php echo 'border-top: 65px solid #' . $hex . ' !important;'; ?>
    }

	#filters a {
	  <?php echo 'background-color: #' . $hex . ';' ?>
	}
	
	#auction-types a {
	  <?php echo 'color: #' . $hex . ';' ?>
	}
	
	#breadcrumb em {
		<?php echo 'color: #' . $hex . ';' ?>
	}
	
	/* Sign In */
	
	#sign-in h1 {
		<?php echo 'color: #' . $hex . ';' ?>
	}
	
	#sign-in p em a {
		<?php echo 'color: #' . $hex . ';' ?>
	}
	
	#sign-in .button {
		<?php echo 'background-color: #' . $hex . ';' ?>
	}
	
	#sign-in #pin-instructions blockquote a {
		<?php echo 'color: #' . $hex . ' !important;'; ?>
	}
	
	/* Thanks for registering */
	
	#register-thanks h1 {
		<?php echo 'color: #' . $hex . ';' ?>
	}
	
	#register-thanks .right p strong {
		<?php echo 'color: #' . $hex . ' !important;'; ?>
	}
	
	/* Resend Text */
	
	#resendHeader {
		<?php echo 'color: #' . $hex . ';' ?>
	}
	
	#resendButton {
		<?php echo 'background-color: #' . $hex . ';' ?>
	}
	
	/* Welcome Screen */
	
	#orgName {
		<?php echo 'color: #' . $hex . ';' ?>
	}
	
	#welcomeLinks a {
		<?php echo 'color: #' . $hex . ';' ?>
	}
	
	#subHeading {
		<?php echo 'color: #' . $hex . ' !important;'; ?>
	}
	
	/* Read More on Item */
	
	#readMore {
		<?php echo 'background: linear-gradient(to bottom, white 0%, #' . $hex . ' 100%);' ?>
	}
	
	/* Review Modal */
	
	.review {
		<?php echo 'color: #' . $hex . ';' ?>
		<?php echo 'border-bottom: 1px solid #' . $hex . ' !important;'; ?>
	}
	
/*	.reviewItemParent {
		<?php echo 'color: #' . $hex . ';' ?>
	}
	
	.reviewItem {
		<?php echo 'color: #' . $hex . ';' ?>
	}

	.reviewPrice {
		<?php echo 'color: #' . $hex . ';' ?>
	}*/
	
	.reviewHeadingItem {
		<?php echo 'color: #' . $hex . ';' ?>
	}
	
	.reviewHeadingQuantity {
		<?php echo 'color: #' . $hex . ';' ?>
	}
	
	.reviewHeadingTotal {
		<?php echo 'color: #' . $hex . ';' ?>
	}
	
	.reviewHeadingPrice {
		<?php echo 'color: #' . $hex . ';' ?>
	}
	
/*	.reviewQuantity {
		<?php echo 'color: #' . $hex . ';' ?>
	}*/
	
	#submit-purchase {
		<?php echo 'background-color: #' . $hex . ';' ?>
	}
	
	/* Thank you page */
	
	.thankHeader {
		<?php echo 'color: #' . $hex . ';' ?>
	}
	
/*	.thankAuth {
		<?php echo 'color: #' . $hex . ';' ?>
	}
	
	.thankAuth {
		<?php echo 'color: #' . $hex . ';' ?>
	}
	
	.orderDetail {
		<?php echo 'color: #' . $hex . ';' ?>
	}
	
	.orderDetails {
		<?php echo 'color: #' . $hex . ';' ?>
	}*/
	
	@media only screen and (max-width: 767px) {
    #main #filters a { 
      <?php echo 'color: #' . $hex . ';' ?>
    }