@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans:400,400i,700,700i');

html, body {
  border: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  font-family: 'Alegreya Sans','Arial',sans-serif;
  font-size: 14px;
  color: #3d3935;
  background-color: #383430;
}

body * {
  font-family: inherit;
  font-size: inherit;
}

header, section, footer {
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  color: #3d3935;
}

header {
  min-height: 152px;
  position: fixed;
  background-color: #fff;
}

section {
  padding-top: 152px;
  background-color: #fff;
  min-height: 400px;
}

.header-images > img:first-child {
  float: left;
}

.header-images > img:last-child {
  float: right;
}

.container {
  max-width: 1120px;
  margin: 0 auto;
}

.ot-content.container {
  min-width: 600px;
}

.ot-content.container > div {
  display: block;
  clear: both;
  font-size: inherit;
}

footer {
  height: 244px;
  background: transparent url(//ovationtix.s3.amazonaws.com/clientFiles/30595/wsg2018-footerBG0815.png) repeat-x scroll top left;
}

.pageFrame {
  padding: unset;
  border: 0;
  font-size: inherit;
  color: #3d3935;
}

.pageFrame > * {
  font-size: inherit;
}

#consumerMenu {
  background-color: #215aa8;
  color: transparent;
  font-size: inherit;
}

#consumerMenu > a {
  display: inline-block;
  white-space: nowrap;
  color: #fff;
  font-size: inherit;
}

a {
  border-bottom: 0;
  color: #215aa8;
}

a:hover {
  border-bottom: 0;
  text-decoration: none;
  color: #3d3935;
}

.content {
  border-color: transparent;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

.content .content {
  border-color: #ccc;
}

.myAccountTabs th.subHead, 
.storefront .subHead > td, 
.content > tbody > tr > th {
  color: #215aa8;
  background-color: transparent;
}

.storefront .subHead > td {
  border: 0;
  font-size: inherit;
  font-weight: bold;
  padding: 14px 0 0 16px;
}

.content > tbody > tr > th[colspan='2'] {
  text-align: left;
  padding: 8px 6px;
}

.calendar {
  border-spacing: 0;
  color: #3d3935;
  font-size: inherit;
}

.calendar > tbody > tr.subhead > td {
  background-color: #215aa8;
  color: #999;
}

.calendarMonthSelect {
  background-color: #215aa8;
  border-color: transparent;
}

select, 
.calendarMonthSelect option, 
option {
  font-size: 14px;
}

select {
  background-color: #fff;
  padding: inherit;
  color: inherit;
}

.calendar > tbody > tr.subhead > td a {
  color: #fff;
}

.number, .numberToday, .numberPast, .numberScheduled {
  background-color: #3d3935;
  border: 0;
}

.date a, .datePast a, .dateNextMonth a, .imgLink {
  color: #215aa8;
}

.date a:hover, .datePast a:hover, .dateNextMonth a:hover, .imgLink:hover {
  color: #3d3935;
}

.promoCode td {
  font-size: inherit;
  color: inherit;
}

.calendarProd .prodName {
  color: inherit;
  font-size: inherit;
}

.superSubTitle, .superTitle, .subTitle {
  font-size: inherit;
}

.promoContainer {
  padding: 0 4px;
}

.promoCode .submit, 
.submit {
  background-color: #215aa8;
  font-size: inherit;
  font-family: inherit;
  border-style: solid;
  border-color: #215aa8;
}

.promoCode .submit {
  padding: inherit;
}

.submit:hover, .promoCode .submit:hover {
  background-color: #f3c300;
  border-style: solid;
  border-color: #f3c300;
  color: inherit;
}

.promoCode input[type="text"] {
  padding: 2px;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
}

textarea, 
.inputDataDiv input[type="text"], .inputDataDiv input[type="password"], .promoCode input[type="text"], 
input[type="file"], 
input[type="password"], 
input[type="text"] {
  background-color: #fff;
  font-size: inherit;
  font-family: inherit;
  padding: 2px;
}

.packageLoginTitleDiv {
  font-size: inherit;
  color: inherit;
}

.cartInstructions {
  padding-top: 20pt;
}

.cartInstructions ~ #cartForm > table:first-of-type td {
  background-color: #215aa8;
  border: 1px solid #215aa8;
}

.cartInstructions ~ #cartForm .txPack {
  font-size: inherit;
  font-weight: normal;
  display: none;
}

.pageFrame > form#shippingCheckoutForm {
  text-align: inherit !important;
}

#donationWrapper > table, 
.pageFrame > #shippingCheckoutForm > table {
  border: 0;
  max-width: 680px;
}

.pageFrame > #shippingCheckoutForm > .inCart .divider {
  padding-left: 4pt;
}

#donationWrapper th, 
.pageFrame > #shippingCheckoutForm > .content th {
  text-align: left;
}

#donationWrapper .description, 
.pageFrame > #shippingCheckoutForm > .content .description {
  display: none;
}

.smalltype, .tinytype {
  font-size: inherit;
}

.deliveryMethod + .buttonContainer {
  width: 100%;
  text-align: center;
}

.inCart img {
  vertical-align: middle;
}

.contactHeader, .billingInformationHeader, .shippingInformationHeader {
  font-size: inherit !important;
}

label:hover {
  color: #215aa8;
}

.inputDiv input, 
.inputDiv > div {
  display: inline-block;
  width: 280px;
}

.inputDiv > div.selectLabel, 
.inputDiv > div.inputLabel {
  text-align: right;
  vertical-align: top;
  padding-right: 14px;
}

.inputDiv select {
  width: 286px;
}

.guestCheckoutHeader {
  color: #21588a;
  font-size: inherit !important;
  font-weight: bold;
  padding-left: 108px;
}

.contactHeader, .billingInformationHeader {
  display: none;
}

#formCheckout > .content {
  width: 60%
}

#formCheckout .reviewConfirm th.smalltype {
  background-color: #3d3935;
  text-transform: lowercase;
  padding: 0 14px;
}

#formCheckout .reviewConfirm th.smalltype[style="text-align: left;"], 
#formCheckout .reviewConfirm th.smalltype:not(:last-of-type) {
  text-align: center !important;
}

#formCheckout .reviewConfirm th.smalltype:last-of-type {
  text-align: right;
}

.reviewConfirm > tbody > tr:first-child > th {
  background-color: transparent;
  color: inherit;
  text-align: left;
  padding: 12pt 0;
}

.reviewConfirm .divider {
  color: #215aa8;
  border-bottom: 0;
  border-top: 1px solid #3d3935;
}

.donationCampaignName, 
.donationCampaignTitle, 
.packageContainer .packageDescription .packageName {
  font-size: inherit !important;
}

.packageContainer {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


.donationCampaignTitle {
  color: #215aa8;  
}

.campaignDescText {
  margin-left: unset !important;
}

.pageFrame > div[style="width:400px;border:1px solid #CCCCCC;margin:auto;padding:10px;"] {
  border: 0 !important;
  margin-top: 14px !important;
}

.pageFrame > div[style="width:400px;border:1px solid #CCCCCC;margin:auto;padding:10px;"] > div > h2 {
  color: #215aa8;
}

form input.focus {
  border-color: #333;
  background-color: #fff;
}

#consumerForm > table {
  margin: 14px auto 0;
  width: 680px;
}

#consumerForm > table tr.shippingInfo > td > table, 
#consumerForm > table tr.billingInfo > td > table {
  margin: auto;
  width: 680px;
}

#consumerForm .billingInfo > td > table > tbody > tr > td:first-child, 
#consumerForm .shippingInfo > td > table > tbody > tr > td:first-child {
  width: 30%;
}

#formCheckout .reviewConfirm tr > td.subHead {
  background-color: #215aa8;
  border: 0;
}

.checkoutQuestionsReview .question > div {
  display: inline-block;
}

.checkoutQuestionsReview .question > div:nth-child(2) {
  margin-left: 14px;
}

.myAccountTabs {
  width: 680px;
}

.myAccountTabs th.subHead {
  border: 0;
  text-align: left;
  padding: 14px;
}

.myAccountHome {
  width: 680px !important;
}

.myAccountHome * {
  font-size: inherit !important;
}

.myAccountHome .accountActionHeaderLink > a {
  font-weight: bold !important;
}
.myAccountHome .accountActionHeaderLink {
  text-align: left !important;
}

.myAccountHome tr > td.subHead {
  display: none;
}

ul#menuList {
  width: inherit;
  padding: 0;
  background: transparent none;
  border: 0;
}

ul#menuList > li.selected, 
ul#menuList > li {
  background-image: none !important;
  border: 0 !important;
  text-align: center !important;
}

ul#menuList > li.selected > a, 
ul#menuList > li > a {
  background-image: none !important;
  border: 0 !important;
  background-color: #215aa8;
  margin: auto !important;
  color: #fff;
  padding: 7px 14px !important;
}

ul#menuList > li > a:hover, 
ul#menuList > li.selected > a {
  background-color: #f3c300;
}

#menuDiv #menuList li.selected a {
  border: 0 !important;

}


@media (min-width: 960px) {
  header {
    min-height: 76px;
  }
  section {
    padding-top: 76px;
  }
  .donationDiv {
  width: 680px !important;
  }
  #campaignDesc, 
  #donationForm #campaignDescRow > td:nth-child(2),
  #donationForm #campaignDescRow ~ tr > td:nth-child(2) {
    max-width: 680px !important;
  }
  #donationForm #campaignDescRow > td:first-child,
  #donationForm #campaignDescRow ~ tr > td:first-child {
    width: 200px;
  }
}