/* general page styles */

 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap');


.pageFrame {
    border: none !important;
}

table.content {
    border-radius: 8px;
    border-color: #732b86;
}

table.content>tbody>tr>th {
    border-radius:6px 6px 0 0;
}

a {
    color: #03C;
    border-bottom: none;
}

a:hover {
    color: #07C;
    border-bottom: none;
}

/* grid calendar page styles */
table.calendar tr.subhead>td {
    background-color: #732b86;
    color: #CCC;
    padding: 3px 6px;
}

table.calendar tr.subhead>td>a {
    color: #EEE;
}

table.calendar tr.subhead>td>a:hover {
    color: #F30;
}

.calendarProd {
    border: 1px solid #CCC;
    border-radius: 2px;
    padding: 0 0 5px 0;
}

.calendarProd>.prodName {
    background-color: #EEE;
    padding: 2px;
    border-bottom: 1px solid #AAA;
    font-size: inherit;
}

.perf, .perfCustom, .perfOffsale2Public, .perfSoldOut, .perfCancelled, .perfProtected, .perfPast,
.perfBoxOfficeOnly, .perfPackageOnly {
    font-weight: normal;
}

.perf {
    margin: 3px auto 0 14px;
}

.perfCustom {
    margin-top: 3px;
    padding-left: 0;
}

.perfOffsale2Public, .perfSoldOut, .perfCancelled, .perfProtected, .perfPast,
.perfBoxOfficeOnly, .perfPackageOnly {
    margin-top: 3px;
}

.perf>.imgLink, .perfCustom>.imgLink {
    font-weight: normal;
    line-height: 18px;
    background-color: #36F;
    color: #EEE;
    padding: 2px 3px;
    margin-top: 2px;
    border-radius: 3px;
    box-shadow: 2px 2px 2px #DDD;
}

.perf>.imgLink:hover, .perfCustom>.imgLink:hover {
    background-color: #F30;
    color: #FFF;
    box-shadow: 1px 1px 2px #DDD;
}

.perf>.imgLink:only-child, .perfCustom>.imgLink:only-child {
    margin-left: 7px;
}

/* delivery method selection page */

form[name="checkoutForm"] {
    text-align: inherit !important;
}

/* for swiper account only */
body {
    background: #ffffff;
    font-family: Calibri, 'Arial Narrow', Arial, sans-serif;
    font-size: 1em !important;
    padding-top: 106px !important;
    padding-bottom: 8px;
}

#shopping-cart-link, #swiper-link {
    position: absolute;
    display: block;
    top: 390px;
    left: 50%;
    text-align: center;
    text-transform: uppercase;
    font-size: 7pt;
    background-color: #e3185b;
    border-radius: 3px;
    padding: 0 2px 1px;;
    color: #FFF;
    text-shadow: 0px 0px 2px #a41a47;
    border: none;
    white-space: nowrap;
}

#shopping-cart-link:hover, #swiper-link:hover {
    top: 389px;
    box-shadow: 2px 2px 2px #5a2568;
}

#swiper-link {
    margin-left: -205px;
}

#swiper-link:hover {
    margin-left: -206px;
}

#shopping-cart-link {
    margin-left: 140px;
}

#shopping-cart-link:hover {
    margin-left: 139px;
}

#consumerMenu {
    display: none;
}

td {
    font-size: inherit;
}

.smalltype {
    font-size: unset;
}

.client-content-container {
    background-color: #FFF;
    width: 50%;
    max-width: 800px;
    min-width: 400px;
    margin: auto;
    padding-bottom: 10px;
    border-radius: 4px;
}

.client-content-area, .client-html-footer {
    width: 100%;
    margin: 0 auto;
}

.client-content-area {
    margin: 0 auto;
}

.client-html-footer {
    text-align: center;
}

.client-html-footer a {
    padding-left: 6px;
}

.footerHelpLink {
    display: none;
}

.storefront tr.subHead > td, #cartForm > table tr.subHead > td {
    text-align: center;
    background-color: transparent;
    border: none;
    color: #732b86;
    font-weight: bold;
    font-size: 12pt;
}

.storefront tr.subHead + tr > td:first-child {
    width: 35%;
    min-width: 200px;
}

.storefront tr.subHead + tr > td:first-child b {
    white-space: nowrap;
}

select, input[type="text"], input[type="password"], input[type="file"] {
    background-color: #f9d5b6;
    border-radius: 2px;
}

#shippingCountry, 
.billingStateDiv > .inputSelect > select, 
.billingCountryDiv > .inputSelect > select {
    width: 152px;
}

select option {
    font-family: inherit;
}

.submit, .cartFooter > a.smalltype {
    background-color: #e3185b;
    border: 1px solid #e3185b;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: unset;
    text-shadow: 0px 0px 2px #a41a47E;
    color: #FFF;
}

.submit:hover, .cartFooter > a.smalltype:hover {
    border-style: solid;
    border-color: #f6841f;
    background-color: #f6841f;
}

.cartInstructions {
    display: none;
}

.cartInstructions ~ div, .cartInstructions ~ #cartForm, #cartForm > div {
    width: 98% !important;
}

#cartForm:before {
    content: 'Items will be released after 15 minutes of inactivity. To remove items, select using the checkbox and click the button marked "remove selected items".';
    display: block;
    margin-bottom: 8px;
}

#cartForm table + div[style="padding:20px;"] {
    padding: 10px 5px !important;
    background-color: #f9d5b6;
    border: 2px solid #f6841f;
    text-shadow: 0px 0px 1px #609634;
    color: transparent;
    margin: 0 60px;
    width: 65% !important;
    font-weight: bold;
    font-style: italic;
}

#cartForm > table {
    width: 98.6%;
}

.cartFooter > a.smalltype {
    font-size: 8pt;
    padding-left: 2px;
    padding-right: 2px;
}

.lineItem .liTitle .checkRadio {
    margin-right: 8px !important;
    margin-left: 4px !important;
}

.lineItem .liTitle {
    padding-bottom: 2px;
}

.lineItem {
    border-bottom: none;
    background-color: #E8F5FF;
    padding-top: 2px;
    margin-top: 4px;
}

.lineItem .price {
    padding-right: 4px;
    padding-bottom: 4px;
}

.cartFooter .cartButtons {
    margin-top: -14px;
    margin-right: 2px;
}

.cartButtons .submit {
    font-size: 10pt;
}

.inCart, .deliveryMethod {
    max-width: 600px;
}

.inCart .divider {
    background-color: #7AC142;
    color: #FFF;
    border-bottom: 1px solid #7AC142 !important;
    padding-left: 10px;
    text-shadow: 0px 0px 2px #55842E;
    letter-spacing: 0.08em;
}

.inCart tr:last-child td {
    border-top: 1px solid #666;
}

.extrasUpsell {
    display: none;
}

.deliveryMethod tr:nth-child(2) > td:first-child {
    width: 41%;
    padding: 10px;
}

.deliveryMethod tr:nth-child(2) > td:nth-child(2) {
    text-align: left;
    padding: 10px;
}

.contactHeader, .billingInformationHeader, .shippingInformationHeader {
    padding-bottom: 0.05em !important;
}

.inputDiv > div {
    display: inline-block;
}

.inputDiv > div:first-child {
    width: 90px;
    padding-right: 30px;
}

.inputDiv > div.inputText {
    vertical-align: top !important;
}

.checkboxRow {
    white-space: nowrap;
}

.checkboxLabel {
    width: 92%;
    vertical-align: top;
}

label[for='billingLine1']:after {
    content: '(NON-PO BOX if also shipping address)';
    display: inline-block;
    margin-left: 5px;
    color: #E00;
    font-style: italic;
    font-size: 11px;
    font-weight: bolc;
}

label[for='shippingLine1']:after {
    content: '(NON-PO BOX ONLY)';
    display: inline-block;
    margin-left: 5px;
    color: #E00;
    font-style: italic;
    font-size: 11px;
    font-weight: bolc;
}

#formCheckout > .content {
    border: none !important;
}

.reviewConfirm > tbody > tr > th {
    background-color: #f9d5b6;
    border: 2px solid #f6841f;
    color: #00457C;
    font-size: 1.2em;
    line-height: 1em;
    display: block;
    margin: 0 1px;
}

.reviewConfirm > tbody > tr > .divider {
    background-color: #00457C;
    padding-left: 6px;
    color: #FFF;
    border-radius: 6px 6px 0 0;
}

.reviewConfirm > tbody > tr:nth-child(2n+3) + tr > td {
    border-left: 1px solid #00457C;
    border-bottom: 1px solid #00457C;
    border-right: 1px solid #00457C;
    border-radius: 0 0 6px 6px;
    display: block;
    margin-bottom: 8px;
}

.reviewConfirm > tbody > tr > td.divider > a.smalltype {
    color: #EEE !important;
    display: inline-block;
    margin-left: 12px;
}

.reviewConfirm > tbody > tr > td.divider > a.smalltype:hover {
    color: #FFF !important;
}

.reviewConfirm tr:nth-child(4) > td > table tr {
    display: inline-block;
}

.reviewConfirm tr:nth-child(4) > td > table tr > td {
    padding-right: 20px;
}

.reviewConfirm tr:nth-child(4) > td > table tr > td u {
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}

.reviewConfirm tr:nth-child(5) > th:after {
    
}

.reviewConfirm tr:nth-child(6) > td > table tr > td.divider {
    color: transparent;
    display: block;
    border-color: transparent;
    margin-top: -15px;
}

.reviewConfirm tr:nth-child(6) > td > table tr > td.divider > a {
    position: relative;
    top: 18px;
    left: 130px;
    font-size: 8pt;
}

.reviewConfirm tr:nth-child(6) > td > table tr:first-child > td.divider {
    visibility: hidden !important;
    display: inherit !important;
    margin-top: inherit !important;
}

.reviewConfirm tr:nth-child(6) > td > table tr:first-child > td.divider > a {
    position: relative;
    visibility: visible;
    top: -5px;
    left: 70px;
    color: #EEE;
    font-size: inherit;
}

.reviewConfirm tr:nth-child(6) > td > table tr:first-child > td.divider > a:hover {
    color: #FFF;
}

.reviewConfirm tr:nth-child(6) > td > table {
    margin-top: -15px;    
}

.reviewConfirm tr:nth-child(6) > td > table th.smalltype {
    background-color: #74B73F;
    text-transform: uppercase;
    font-size: 8pt;
    padding: 0;
    text-shadow: 0px 0px 2px #55842E;
}

.reviewConfirm tr:nth-child(6) > td > table tr:last-child > td:last-child {
    border-top: 1px solid #AAA;
}

.reviewConfirm input[name="holderFirstName"], .reviewConfirm input[name="holderLastName"] {
    display: none;
}

.reviewConfirm .tinytype {
    display: none;
}

.reviewConfirm + br {
    display: none;
}

#formCheckout > .content > tbody > tr.terms {
  border-left: 1px solid #000;
}

#formCheckout > .content > tbody > tr:nth-child(2) > td {
    background-color: #00457C;
    padding-left: 6px;
    color: #FFF;
    border-radius: 6px 6px 0 0;  
}

#formCheckout > .content > tbody > tr.terms > td {
    background-color: #f9d5b6;
    border: 2px solid #f6841f !important;
    color: #00457C;
    font-size: 1.2em;
    line-height: 1em;
    display: block;
    margin: 0 1px;    
}

#formCheckout > .content > tbody > tr:nth-child(4) > td, 
#formCheckout > .content > tbody > tr:nth-child(5) > td {
    border-left: 1px solid #00457C;
    border-right: 1px solid #00457C;
}

 
#formCheckout > .content > tbody > tr:nth-child(5) > td {
  border-bottom: 1px solid #00457C;
    border-radius: 0 0 6px 6px;
    padding-bottom: 15px;
}

#theSubmit.disabled {
    text-transform: uppercase;
    text-shadow: 0 1px 1px #FFF;
    padding: 2px;
    border-radius: 2px;
}

#formCheckout > .content > tbody > tr:last-child {
    display: none;
}



/* product checkout custom CSS */
body { font-family: 'Poppins', sans-serif!important;}
table { font-size:16px!important; letter-space:normal!important; max-width: 900px;
margin: 0 auto;}  
input { padding:8px 5px!important;}
.submit {   background-color:#722A85!important; padding:10px 20px!important; border:none!important; }
.submit:hover { color:#fff!important; text-decoration:underline!important;}
table.content { text-align:left;}
#shippingCheckoutForm tr th { background-color:#722A85!important;}
.description { background-color:#f5f5f5!important;}
td img { max-width: 50%; height: auto;} 
a{ color:#722A85!important; }
a:hover{ color:#722A85!important; text-decoration:underline; }
label:hover { color:#000!important;}
.client-content-container { width:100%!important;}

.subHead td{  font-size:24px!important; color:#000!important; margin-bottom:30px!important; font-weight:300!important;}
#swiper-link, #shopping-cart-link, #btnAddToCart{ padding:10px!important; font-size:16px!important; border:1px solid #ccc!important; font-weight:400; top:240px!important;}
#swiper-link, #shopping-cart-link { background-color:white!important; color:black!important; text-shadow:none!important;}
#shopping-cart-link:hover, #swiper-link:hover{ box-shadow:none!important; text-decoration:underline; color:#722A85!important;} 
#shopping-cart-link:hover{ margin-left:140px!important;}

.subHead { border-top: 1px solid #ccc!important; border-bottom:1px solid #ccc;}
#btnAddToCart {background-color:#722A85; border:none!important;}
#swiper-link:hover, #swiper-link { margin-left:-320px!important;}
#btnAddToCart:hover {color:#fff; text-decoration:underline;}
select, input[type="text"], input[type="password"], input[type="file"] {  background:white!important; padding:10px 15px; }
.client-html-footer a{ color:#722A85;} 
.removeItems a, .clearCart a { text-decoration:underline; color:#000; font-weight:400;}

.storefront tr td{ padding:30px;}
.prodQuantity{ padding-top:0px!important; }
.prodQuantity select { border-radius:5px; padding:10px;}

.storefront tr.subHead > td, #cartForm > table tr.subHead > td { border-bottom:1px solid #ccc!important; padding-bottom:30px;}
.product-sub-btn {  border-top:1px solid #ccc!important; padding-top:30px;}
.swiper-description { font-size:14px;}
.product-img { margin-top:20px;     width: 100%;
    height: auto;}
/*.product-description { display:block; border-bottom:1px solid #ccc!important;} */
.client-html-footer a { font-weight:400!important;}

/* check out */ 
.cartButtons { margin-top:30px!important;}

.buttonContainer input, .cartButtons input {   background-color:#722A85 !important; padding:10px 20px; border:none!important; }
.buttonContainer input:hover, .cartButtons input:hover { color:#fff; text-decoration:underline;}

.lineItem { background-color:#fff!important; padding:20px 0px!important; border-bottom:1px solid #ccc!important;}

/* shopping cart */
#messageCommonPanelDiv div{ padding:15px; }
div.message {  background-color:#e0f4e9!important; border:1px solid #76d0a2!important; border-radius:5px; }

/* donation */ 
.donationCampaignSubmit { border-bottom:1px solid #ccc; padding-bottom:30px;} 

/*login screen */  
.promptCustom { font-size:15px; font-weight:400;}
#checkoutForm .divider {color: #000 !important;
margin: 20px 0 !important; 
font-size: 22px;}

/* review checkout */
.terms { color: #f6841f!important;}
.terms td {  background-color:#fee8d4 !important;}
.terms .smalltype,.terms .tinytype{ font-size:18px; padding:10px; color: #f6841f!important;}
.reviewConfirm > tbody > tr > th {  background-color: #fee8d4!important;
border: 2px solid #f6841f!important;
color: #f6841f!important; font-weight:300; border-radius:5px; padding:10px; }
.reviewConfirm > tbody > tr > .divider {  color:white!important; background-color:#722A85 !important; font-weight:300; font-size:20px; padding:10px;}
/*#formCheckout .divider {   color:white!important; background-color:#722A85 !important; font-weight:300; font-size:20px; padding:10px;} */

.reviewConfirm tr:nth-child(6) > td > table {  margin-top:10px!important; }
.reviewConfirm tr:nth-child(6) > td > table .smalltype {  font-size:20px !important; }
.reviewConfirm tr:nth-child(6) > td > table tr > td.divider { color: #722A85!important;}
.ccDisplay img { height:100%; margin-top:20px;}

.inCart .divider { background-color:#ccc; border-bottom: 1px solid #ccc!important; text-shadow: 0px 0px 2px #666!important; }
#formCheckout > .content > tbody > tr:nth-child(2) > td {  color: white !important;
background-color: #722A85 !important;
font-weight: 300;
font-size: 20px;
padding: 10px; }

/* ui popup style */
.ui-widget-header, .ui-button {  background:#722A85 !important; border:none!important; color:#fff!important; background-image:none!important; }
.ui-state-hover {  background:#999 !important; border:1px solid white!important; color:#fff!important;  } 

