html, body {
	background-color:#f5f1e5;
}

.custom-checkbox .checkbox{
  margin-right:20px !important;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width:960px;
}

.content-wrapper {
  position:relative;
  max-width:960px;
  margin:0 auto;
}

.content-container {
	background-color:#ddd9cd;
}

.content-container p {
  padding: 0 12px 0 12px;
}

.hero {
	position:relative;
}

.congrats-copy {
    position: absolute;
    top: 50px;
    color: #707070;
    left: -12px;
}

.congrats-paragraph {
	padding-left:0;
    font-size:16px;
    line-height:1.5;
    max-width: 320px;
}

.success-heading {
    font-size:28px;
    line-height:2;
    font-weight:lighter;
}

.success-content {
    padding-top:40px;
    padding-bottom:60px;
}

.congrats-heading  {
	font-size:36px;
    font-weight:lighter !important;
}

.form-container {
	background-color:#ddd9cd;
	padding-top:94px;
	padding-bottom:130px;
}

.mobile-logo {
  padding-right: 18px;
}

.form-container a {
	text-decoration:underline;
}

.form-container a:hover {
	text-decoration:none;
}

.valid-text {
	margin-top:52px;
    font-size:16px;
    font-weight:lighter;
    line-height:2;
}

.valid-text p {
  display:inline-block;
}

.red-stripe, .form-bar {
	background-color:#ec1b23;
	color:#FFF;
}

.form-bar {
	font-size:18px;
	padding-top:29px;
	padding-bottom:29px;
	letter-spacing:1px;
}

.form-bar span {
	font-size:24px;
}

label {
	color:#464646;
	font-family: Antenna;
	font-style: normal;
	font-weight: bold;
	letter-spacing:1px;
}

label.new-checkbox {
	padding-left:60px;
	background:url(/offers/img/pfshelterchampions/checkbox.png) no-repeat 0 -165px;
}

label.new-checkbox-unchecked {
	padding-left:60px;
	background:url(/offers/img/pfshelterchampions/checkbox.png) no-repeat 0 3px;
}

label.new-checkbox:hover, label.new-checkbox-unchecked:hover {
	cursor:pointer;
}

#couponRequest_petType input[type="radio"] {
	display:none;
}

#couponRequest_petType label {
	padding-top:10px;
	padding-left:40px;
	padding-bottom:10px;
	background:url(/offers/img/pfshelterchampions/custom-radio-button.png) no-repeat 0 2px;
}

#couponRequest_petType label.radio-checked {
	background:url(/offers/img/pfshelterchampions/custom-radio-button.png) no-repeat 0 -82px;
}

#couponRequest_petType label.has-error {
	background:url(/offers/img/pfshelterchampions/custom-radio-button.png) no-repeat 0 -165px;
}

label.label-has-error {
	color:#fa6604;
}

.custom-checkbox input[type="checkbox"] {
	display:none;
}

.purinacoupon-holder input.ng-valid.ng-dirty {
	background:#FFF;
}

input[type="text"], input[type="email"] {
	padding:10px;
	height:auto;
	border:3px solid #FFF;
	-webkit-box-shadow: none !important;
    box-shadow: none !important;
	border-radius:0;
	inner-shadow:0;
	font-family: Antenna;
  	font-style: normal;
  	font-weight: normal;
}

.large-text {
	font-size:32px !important;
	font-family: Antenna;
	font-style: normal;
	font-weight: bold;
    display: inline-block;
}

.large-text sup {
    font-size: 16px !important;
    vertical-align: baseline;
    position: relative;
    top: -0.7em;
}

.sub-heading {
	font-size:22px;
}

/* custom select styles */
.select2-container {
    width: 100% !important;
}
/* end cuztom select styles */

/* begin date picker custom styles */
.ui-widget-header {
    background: #ec1b23;
    color:#FFF;
    font-family: Antenna;
  	font-style: normal;
  	font-weight: normal;
}

.ui-datepicker th {
	font-family: Antenna;
  	font-style: normal;
  	font-weight: normal;
}

.ui-datepicker td {
	font-family: Antenna;
  	font-style: normal;
  	font-weight: normal;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: center;
    text-decoration: none;
}

.ui-widget-header .ui-icon {
    background-image: url(/offers/img/pfshelterchampions/ui_icons.png);
}
/* edn date picker custom styles */

/* custom drop down for shelter select */
.select2-container .select2-selection--single {
	height:45px;
	border:solid 3px #FFF;
}

.error .select2-container .select2-selection--single {
	border:solid 3px #fa6604;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	background:url(/offers/img/pfshelterchampions/dropdown-arrow.jpg) no-repeat left center;
	height: 16px;
    position: absolute;
    top: 16px;
    right: 16px;
    width: 21px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 6px;
    color:#464646;
    font-family: Antenna;
  	font-style: normal;
  	font-weight: normal;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ec1b23;
    color:#FFF;
    font-family: Antenna;
  	font-style: normal;
  	font-weight: normal;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	display:none;
}
/* end custom drop down for shelter select */

/* error states */
.form-group.error label {
	color:#fa6604;
}

.purinacoupon-holder .error, .purinacoupon-holder .help-block li {
	color:#fa6604;
}

.purinacoupon-holder .form-group.error {
	background:none;
	border:none;
	padding:0;
}

.purinacoupon-holder textarea.ng-invalid.ng-dirty, .purinacoupon-holder input.ng-invalid.ng-dirty, .purinacoupon-holder select.ng-invalid.ng-dirty, .purinacoupon-holder textarea.ng-invalid.error, .purinacoupon-holder input.ng-invalid.error, .purinacoupon-holder select.ng-invalid.error {
	background-color: rgb(255, 255, 255);
    color: black;
    border: 3px solid #fa6604;
}

.label-error {
	float:right;
}
/* end error states */

#couponRequest_petType .radio:nth-child(n+3) {
	display:none;
}

.purinacoupon-holder button, .purinacoupon-holder input[type="submit"], .purinacoupon-holder .btn-primary {
	background-color:#2fc7c8;
	border:0;
	border-radius:0;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:0 !important;
	padding-right:0 !important;
	font-size:24px;
}

.shelter-footer {
	padding-top:45px;
    padding-bottom:40px;
	font-family: "Antenna Extra Light";
	font-style: normal;
	font-weight: normal;
	font-style:italic;
}

/* fonts also in app.css */
.antennabold {
  	font-family: Antenna;
	font-style: normal;
	font-weight: bold;
}

.antennaextralight {
  font-family: "Antenna Extra Light";
  font-style: normal;
  font-weight: normal;
}


.antennamedium {
  font-family: "Antenna Medium";
  font-style: normal;
  font-weight: normal;
}

.antennaregular {
  font-family: Antenna;
  font-style: normal;
  font-weight: normal;
}

/* gateway page styles */
#purina_coupon_gateway_form_code, #gateway_code {
	width:70%;
	float:left;
}

#purina_coupon_gateway_form_verify, #gateway_verify {
	width:30%;
	float:right;
	background-color: #2fc7c8;
    border: 0;
    border-radius: 0;
    padding-top: 10px !important;
    padding-bottom: 11px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 18px;
}

#purina_coupon_gateway_form .form-group, #gateway .form-group {
	clear:none;
	margin-bottom:0;
}

#purina_coupon_gateway_form .help-block li, #gateway .help-block li {
    color: #fa6604;
    display: block;
    float: right;
    margin-top: -20px;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
	color:#fa6604;
}

#purina_coupon_gateway_form .has-error .form-control, #gateway .has-error .form-control {
	border:3px solid #fa6604;
}

/* end gateway page styles */

/* portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {
    .congrats-copy {
        position: absolute;
        top: 20px;
        margin-left: 40px;
        max-width:100%;
    }
}

/* landscape  */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1) {
    .congrats-copy {
        position: absolute;
        top: 40px;
        margin-left: 40px;
        max-width:100%;
    }
}

@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

    .success-heading {
        font-size:22px;
        line-height:2;
        font-weight:lighter;
    }

    .hero h2 {
      word-wrap: break-word;
    }

    .form-container {
        background-color:#ddd9cd;
        padding-top:46px;
        padding-bottom:72px;
    }

  	.congrats-heading  {
		  font-size:22px;
	   }

  .form-bar span {
      font-size:16px;
  }

	.sub-heading {
	    font-size: 16px;
	}

	.congrats-copy {
		position:absolute;
		top: 20px;
    max-width:100%;
    left: 5px;
	}

    .congrats-paragraph {
        padding-left:0;
        font-size:16px;
        line-height:1.5;
        max-width: 100%;
    }

	#purina_coupon_gateway_form_code, #gateway_code {
		width:60%;
		float:left;
	}

	#purina_coupon_gateway_form_verify, #gateway_verify {
		width:40%;
		float:right;
		background-color: #2fc7c8;
	    border: 0;
	    border-radius: 0;
	    padding-top: 10px !important;
	    padding-bottom: 11px !important;
	    padding-left: 0 !important;
	    padding-right: 0 !important;
	    font-size: 18px;
	}
}
