@import url('../../../../onlineforms/JoycePreschool/giveresources/etapestry.css');

* 
{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;   
    -moz-box-sizing: border-box; 
}

body {
    font-family:Verdana,Geneva;
    font-size:10pt;
}

img { max-width: 100%; }

.pageRegion .row { margin-left: 0; margin-right: 0;  padding-bottom: 5px;}

.pageRegion, .pageBlock, .pageBlockElement { float: left; width: 100%; }

.publishedBody {margin:0;padding:0;height:100%;width:100%;background-color:transparent;}
#pageContent.hidden {display: none}
.publishedBody h1, .publishedBody h2, .publishedBody h3, .publishedBody h4, .publishedBody h5, .publishedBody h6, .publishedBody p {margin:0 0 0 5px; padding:0; }
.publishedBody h1, .publishedBody h2, .publishedBody h3, .publishedBody h4, .publishedBody h5, .publishedBody h6 { font-weight: bold; }
.clear { clear:both; display:block; }
.bold { font-weight: bold; }
.displaynone { display:none;}

ul { margin: 0 0 0 0;}
li { min-height: 23px;}

.udf ul { list-style-type: none;}
#gift_amount_advanced ul, #ecFundSelectField ul, .modal-body ul { list-style-type: none; }
#ecFundSelectField ul li { padding-left:6px;height: auto !important;}

#resultContent {margin:0;min-height:300px;}
#resultContent .regionTitle { display:block; width:100%;}
#resultContent .pageBlock .label {width:auto; font-size: 13px;}
#resultContent .pageRegion .pageBlock .shortMessage { font-weight:normal;}
#resultContent .messageBlock p {padding:5px;font-family:sans-serif; font-size: 17px !important; }
#resultContent .messageBlock {padding-top:20px;}
#resultContent .pageRegion .pageBlock .pageBlockElement .shortMessage {font-weight: normal; padding-left:5px;}
#resultContent .pageRegion .pageBlock .pageBlockElement h6 {width:100%;}
#resultContent .messageBlock .resultOrgName {font-weight:bold;}

#page_bottom_region {width:100%;}
#submitSection {padding:0 0 40px 0;}
.defaultFont {font-family:Verdana,Geneva;font-size:9pt;color:#000;}
#bottomSSL table { width: 135px; margin: 0 auto;}

#bottomShare li {width:22px;height:2px;margin:0;float:left;padding:2px;}
#bottomShare li a img{border:none;}
#bottomShare #shareLinks, #bottomShare ul {width:70px;height:25px;margin:auto;}
#bottomShare #shareLinks {padding:0;}
#bottomShare #shareLinkTitle {padding:0 0 10px 5px;width:134px;text-align:center; margin: 0;}
#shareLinks ul {padding:0 0 0 3px !important; padding-left: 0px !important; list-style-type: none;}
.bottomDiv { margin-bottom: 8px;margin-top:25px;}

#bottomLogos #blackbaudLogo { width: 177px;height:28px;margin:5px auto 15px auto;padding: 0; display:block;}
#bottomLogos #poweredByText {width:100%; text-align:center;display:block;margin:auto;}

.publishedBody .pageBlockElement #amountField {border:none;}
.publishedBody .pageBlockElement #creditOnlyField {border:none;}

.publishedBody .ecWidget { padding: 5px 0 5px 0 !important; width: auto !important;}
#ecDonateOther input { float: none !important; width: 50px !important;}
#ecDonateOther .euroOtherAmt {text-align:right;padding-right:5px;}

#cardCVV2Field { width: 45px !important; min-width:45px !important; max-width:45px !important; }
#cardExpMonthField, #cardExpYearField { width: 70px !important; }
#cvv2infoLink { padding-left: 5px; padding-top: 7px; height: 27px; float: left; text-decoration: none; font-family: Helvetica, Verdana, sans-serif;}

.pageBlock #commentsBox { width: 95%; height:80px !important;padding:5px !important;margin:5px 5px 5px 10px !important; }
#pageContent #label.commentsLabel { width:100% !important; }
#ecMembershipWidget { padding: 0 !important; }

#giftAidSection { font-weight: bold !important; margin: 5px 5px 10px 5px; }
#giftAidInput { width: 20px !important;  margin: 2px 5px 0 0 !important;  }

#ecDonateOther #euroCents, #euroCents {width:25px !important;}
#ecDonateOther #decimalSeparator      {margin: 0px -2px 0px 2px !important; font-size: 19px !important; font-weight: bold !important;}
#gift_amount_simple #decimalSeparator {margin: 7px 2px 0px 1px !important; font-size: 19px !important; font-weight: bold !important;float:left !important;}

#gift_amount_simple #gift_amount_simpleField {width:75px !important;}
#gift_amount_simple .euroOtherAmt {text-align:right !important;padding-right:5px !important;}

.nonFunctionalContent a img {border:none;}
#submitSection input { padding: 6px;}
#captchaContainer { margin: 10px auto 20px 25px; width: 90% !important;}
#pageContent #label.multiSelectType { width: 100% !important;}

/* Event Ticket Widget Styles */
#ecEventTicketWidget .ticketDivider { float: left; width: 100%; border-color: black;}
#ecEventTicketWidget { padding-right: 0; }
#ecEventTicketWidget .ticketQuantity input { width: 70%; margin-left: 0px; margin-top: 5px; }
#ecEventTicketWidget .ticketQuantityLabel { padding: 8px 0 0 10px; }
#ecEventTicketWidget .ticketDesc { min-height: 50px; padding: 0 0 10px 5px; white-space: pre-wrap; float: left; }
#ecEventTicketWidget .ticketMultiply { width: 30%; text-align: center; display: inline-block; padding-top: 10px; }
#ecEventTicketWidget #eventTicketHeader h6#label { padding: 0 !important; margin: 0 !important; font-size: 15px !important; }
#pageContent #ecEventTicketWidget .currencySymbol { width: auto !important; padding: 0 !important; margin: 0 !important;} 
#ecEventTicketWidget .ticketPrice, 
#ecEventTicketWidget .totalsBox { padding: 8px 0 0 0 !important; margin-left: 0; float: left; padding-top: 8px; font-size: 15px; }
#ecEventTicketWidget .finalTotalLabel { float: right; padding-left: 0; width: auto; }
#ecEventTicketWidget .totalsRow .finalTotalLabel,
#ecEventTicketWidget #finalTotalValue { font-weight: 700; font-style: normal; font-size: 16px !important;}
#ecEventTicketWidget .ticketDesc p { margin-left: 0px; font-size: 10pt !important; }
#ecEventTicketWidget .totalsRow { padding: 2px 0; }

.labelRequired::after { content: "*" }

#edhEvent { text-align: center; }
#edhEventUrl { text-decoration: none; }

#gcSuccess { padding: 25px; }
#gcSuccess a { text-decoration: none; }

@media (max-width : 480px)
{
    #ecEventTicketWidget .ticketQuantity { padding-right: 0; }
    #ecEventTicketWidget .ticketPrice { padding-left: 10px !important; }
}
/* new responsive styles */
.pageBlockElement input[type="text"], .pageBlockElement select { float:left; margin:0px 0 8px 11px;padding:2px;width:100%; }
.pageBlockElement:not(.udf) input[type="checkbox"] { margin:0px 0 8px 11px;padding:2px; }
.pageBlockElement input[type="checkbox"] { float:left; }

.pageBlock textarea { margin:5px; padding:0; height: 75px; width: 100%; }
.pageBlock textArea#addressField { margin: 5px; width: 100%; }
#pageContent input[type="radio"] { margin:0px 5px 5px 5px;padding-right:5px; width: auto; } /* Radio Buttons */
.pageBlockElement li .label { margin: 0; } /* Radio Button Label */
#pageContent h6 { min-height:26px;float:left; width: 100%;}
.pageBlock #label, #gift_amount_advancedField, #pageContent .pageBlockElement .currencySymbol, .messageBlock p { padding: 7px 0 5px 5px !important; }
.pageBlockElement { width: 100%; }
#pageContent ul { padding-left: 20px; }
.messageBlock p { font-size: 10pt; }
#submitSection { margin-bottom: 30px 0; }
#submitSection input { display: block; margin: 0 auto; }
#submitSection a { width : 100%; text-align: center; display: block; padding: 10px 0; }
#pageContent { float: left; width: 100%;}
#contentBorder { float: left; }
.pageRegion { margin: 5px 0; }

@media (min-width: 668px)
{
    .pageBlockElement input[type="text"], .pageBlockElement:not(.udf) input[type="checkbox"], .pageBlockElement select { margin:5px 0 0 5px;}
    #pageContent .pageBlockElement .currencySymbol { padding-top: 6px !important; }
}

@media only screen and (max-width : 375px) {
    #recaptcha_widget_div #recaptcha_area, #recaptcha_area #recaptcha_table {
        width: 100% !important;
    }
    
    #recaptcha_challenge_image{
        margin: 0 !important;
        width: 100% !important;
        height: auto !important;
    }
    #recaptcha_response_field
    {
        margin: 0 !important;
        width: 100% !important;
        height: auto !important;
    }
    .recaptchatable #recaptcha_image {
        margin: 0 !important;
        width: 100% !important;
        height: auto !important;
    }
}
@media only screen and (max-width : 480px) {    
    .pageRegion h1.regionTitle { font-size: 16pt !important; }
    body #headerText.editableText { font-size: 20pt !important; }
    .joyTemplate #headerText.editableText { font-size: 14pt !important; }
    .nonFunctionalContent img { width: 100% !important; height: auto !important; }
    
    /* iPhone zoom problem fix */
    @media screen and (-webkit-min-device-pixel-ratio:0) { 
      #pageRoot .pageRegion .pageBlockElement textarea:focus, #pageRoot .pageRegion input:focus {
        font-size: 16px !important;
        background:#eee !important;
      }
      #pageRoot .pageRegion .pageBlockElement select:focus
      {
        font-size: 18px !important;
        background:#eee !important;
      }
    }
}

@media only screen and (max-width : 668px) 
{
    #pageContent .pageBlockElement .currencySymbol { padding: 2px 0 0 8px !important; }
}