/**
 * Theme Name: twenty24_apacdbt
 * Template:   twentytwentyfour
 * ...other header fields
 */



/* 2025 - woo and PMPro */
/* hide add to cart on cart  page 
.wp-block-woocommerce-all-products .add_to_cart_button {
    display: none !important;
    }

*/

/* /* appears to block on the item page - ie, wrong sort! * /
button.single_add_to_cart_button.button.alt { 
    display: none !important;
    }
*/

/* woo product page - have added a column - need to set a width*/

/*table.wp-list-table.column-event_start_date { /* no effect */
table.wp-list-table .column-event_start_date { /* works - must load admin_enqueue */
    width: 10%;
}
table.wp-list-table .column-name { /* narrow this one */
    width: 18%;
}
table.wp-list-table .column-product_tag { /* narrow this one */
    width: 8%;
}
table.wp-list-table .column-date { /* narrow this one */
    width: 10%;
}
table.wp-list-table .column-featured { /* narrow this one */
    width: 30px;
}

/* HIDE ADD TO CART FROM HE SHOP PAGE  items - fyi, the wc hooks didn't work*/
    button.add_to_cart_button.wc-block-components-product-button__button  {
        display: none!important;
        }

    .wp-element-button.product_type_simple.add_to_cart_button  { /*homep[age btn  wp-element-button product_type_simple add_to_cart_button */
        display: none!important;
        }

        .web_training_current_table_list{
            /*color: #f9443b;*/
            padding-left: 50px!important;
            /*margin-left: 1px!important;*/
            justify-content: center!important;
            text-align: center!important;;
        }

.left_in_centre{
    /*width: 200px;*/
    margin: auto;
    /*background-color: #dadada;*/
}

 
/* 
** Contact Form 7 Styles 
*/
/* make radios and checkboxes one per line */
.bold-font { font-weight: bold; } /* make bold when inline html not allowed */
.bold-red { 
    font-weight: bold;
    color: #f9443b
} /* make bold when inline html not allowed */

span.wpcf7-list-item { 
    display: block; 
}

.XX-wpcf7-not-valid-tip{ /* space below the validation error messgae, esp as no <p> */
    padding-bottom: 1em;
}

.wpcf7-form input[type="text"], 
.wpcf7-form input[type="email"], 
.wpcf7-form input[type="url"], 
.wpcf7-form input[type="password"], 
.wpcf7-form input[type="search"], 
.wpcf7-form input[type="number"], 
.wpcf7-form input[type="tel"], 
.wpcf7-form textarea {
    color: #1f252b;
    width: 100%;
    padding: 12px 16px;
    border-radius: 0;
    border: 0;
}

.wpcf7-form p {
    margin: 0 0 28px;
}

.wpcf7-text:focus, 
.wpcf7-textarea:focus {
    outline: 1px solid rgba(84, 222, 197, 0.9);
    outline-offset: 0;
}

div.wpcf7-acceptance-missing,
div.wpcf7-validation-errors,
div.wpcf7-response-output,
div.wpcf7-mail-sent-ok {
    border: 0;
    background: #f9443b;
    color: #fff;
    padding: 18px;
}
div.wpcf7-response-output { /* just change background */
    background: #36B2EA;;
}
div.wpcf7-mail-sent-ok {
    background: #5471de;
}

span.wpcf7-not-valid-tip {
    color: #f9443b;
}

/* 
** Button Styles 
*/
.wpcf7-stripe-holder{ /* mb */
    background: #CBEEFE;
    border-radius: 5px;
    padding: 20px;
}

.wpcf7-form .button {
    background-color: #14e2ae;
    border: 0;
    color: #fff;
    border-radius: 1px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px;
    width: auto;
    padding: 20px 42px;
    letter-spacing: 2px;
    font-size: 14px;
}

.wpcf7-form .button:hover {
    cursor: pointer;
    box-shadow: 0px 7px 16px -7px rgba(0, 0, 0, 0.4);
    border: 0;
}

/* try and style a bit like stripe
.stripe-button-el {*/
.wpcf7-stripe button{
    /*width: 120px;*/
    border-radius: 0.2em !important;
    border: 0 !important;
    background-image: none !important;
    background-color: #36B2EA; !important;
    font-weight: normal !important;
    color: white; /*mb*/
    font-size: 1em; !important;
    padding: 10px 12px;
}

/*.stripe-button-el span {*/
.wpcf7-stripe button span {
    font-family: sans-serif !important;
    -webkit-font-smoothing: antialiased;
    font-weight: normal !important;
    font-size: 1.4em !important;
    border-radius: 0.2em !important;
    border: 0 !important;
    background-image: none !important;
    background: #36B2EA; !important;
    background-color: #36B2EA; !important;
}

/* show form messages by step */
.wpcf7 form div.visible-only-if-init, .wpcf7 form div.visible-only-if-payment-required,
.wpcf7 form div.visible-only-if-failed, .wpcf7 form div.visible-only-if-sent,
div.visible-if-not-sent, div.visible-only-if-invalid {
    display: none;
    font-size: 0.8em !important; 
}
.smaller {
    font-size: 0.8em !important;
}
.smallerer {
    font-size: 0.5em !important;
}
.pad30 {
    padding: 30px;
}



/* choose what to show using returend wpcf from.class  */
.wpcf7 form.init div.visible-only-if-init { /* show if form init - first step */
    display: block;
}
.wpcf7 form.payment-required div.visible-only-if-payment-required { /* show if payment rquired */
    display: block;
}
.wpcf7 form.invalid div.visible-only-if-invalid { /* show if invalid */
    display: block;
}
.wpcf7 form.sent div.visible-only-if-sent { /* show if all done and emails sent */
    display: block;
}
.wpcf7 form:not(.sent) .visible-if-not-sent { /* show if all done and emails sent */
    display: block;
}
.wpcf7 form.failed div.visible-only-if-failed { /* show if emailing failed */
    display: block;
}

.wpcf7 form.sent div.can-look-disabled, /* { /* for test */
.wpcf7 form.payment-required div.can-look-disabled { /* grey out fields when payment required step */
    -webkit-filter: saturate(0%);
    filter: saturate(0%);
    opacity: 0.6;
    pointer-events: none;
}


/* try and block watch on youtube on embeds NONE WORK: 
.ytp-impression-link, .ytp-youtube-button {
   display: none !important;
}
@media only screen and (min-width: 959px){
figure.wp-block-embed.is-type-video.is-provider-youtube.wp-block-embed-youtube.wp-embed-aspect-4-3.wp-has-aspect-ratio {
    width: 514px;
    margin: 0 auto;
}
}
*/