/*
 Theme Name:     Divi Child
 Author:         John Millis
 Author URI:     http://www.divithemeexamples.com
 Template:       Divi
 Version:        1.12
*/


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */


h1 {
font-size:45px;
color: #00abc9;
}
h2 {
font-size:30px;
color: #464646!important;
}
h3 {
font-size:24px;
color: #00abc9!important;
}
h4 {
font-size:20px;
color: #464646!important;
}



#footer-widgets .footer-widget li a {
    /* color: #00abc9; */
    text-decoration: none;
}

#footer-widgets .footer-widget li a:hover {
    color: #00abc9;
}

/*Contact From 7 */

.wpcf7-form input[type="radio"] {
    width: auto;
}

.wpcf7-form input[type="date"] {
    width: auto;
    border: 1px solid #bbb;
    color: #4e4e4e;
}

.wpcf7-form input, .wpcf7-form textarea {
    background-color: #f2f2f2;
    padding: 15px;
    line-height: 16px;
    font-size: 14px;
    width: 100%;
    float: none;
    margin: 0;
}

.wpcf7-number{
    background-color: #f2f2f2;
    color: #74797d;
    width: 100%;

    font-size:14px;
    width:100px!important;
    margin:0 10px;
}

.wpcf7-year{
    width:150px !important;
}

.wpcf7-submit {
    color: #193870 !important;
    width: 50% !important;
    margin: 8px auto 0;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 20px;
    line-height: 1.7em;
    background: transparent;
    border: 2px solid;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.wpcf7-submit:hover {
    background-color: #eee;
    border-color:#eee;
}



/*
 * Added 17/02/2016 John Millis:
 * Override default styling of CF7 submit button.
 */
.wpcf7-button {
    color:#FFFFFF !important;
    background-color:#00abc9 !important;
    padding:0px 13px !important; /* 05/10/2016 John Millis changed, was 0px 26px */
    font-size:20px !important;
    line-height:40px !important;
    /*border-color:#4dc4d9 !important;*/
    border:none;
    border-radius:56px !important;
    -moz-border-radius:56px !important;
    -webkit-border-radius:56px !important;
    text-shadow:none !important;
    -moz-text-shadow:none !important;
    -webkit-text-shadow:none !important;
    word-break:keep-all !important; /* 05/10/2016 John Millis added */
    white-space:nowrap !important; /* 05/10/2016 John Millis added */
    cursor:pointer !important;
}
.wpcf7-button:hover {
    top: 1px !important;
    position: relative !important;
}
.wpcf7-button-popup {
    color:#FFFFFF !important;
    background-color:#1a3971 !important;
    padding:0px 0px !important;
    /*font-size:20px !important;*/
    font-size:110% !important; /* 29/02/2016 John Millis: Button text too large on pop-up when shown on narrow-display device like iPhone 5. Use percent to scale accordingly. */
    line-height:40px !important;
    border-color:#4dc4d9 !important;
    border-radius:56px !important;
    -moz-border-radius:56px !important;
    -webkit-border-radius:56px !important;
    text-shadow:none !important;
    -moz-text-shadow:none !important;
    -webkit-text-shadow:none !important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.wpcf7-button-popup:hover {
    top: 1px !important;
    position: relative !important;
    background-color:#00abc9 !important;
}
/* End of additions */



input[type=checkbox] {
    -webkit-appearance: checkbox;
    width: auto !important; /* Added 09/02/2016 John Millis */
}



/**
 * 29/02/2016 John Millis:
 * WooCommerce puts it's button styling into the parent theme style.css which is bad,
 * especially since it includes line-height setting with !important making it hard to
 * override. So, replace line-height here with value we need.
 */
.woocommerce a.button.alt,
.woocommerce-page a.button.alt,
.woocommerce button.button.alt,
.woocommerce-page button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce #content input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce input.button,
.woocommerce-page input.button,
.woocommerce #respond input#submit,
.woocommerce-page #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page #content input.button {
    line-height:1em !important;
}


/**
 * 29/02/2016 John Millis:
 * The form fields have too much padding and not enough vertical space for
 * letters with descenders like 'g', 'y' and 'j'.
 * This override sorts that out.
 */
input {
     padding:10px !important;
     line-height:unset !important;
}


/**
 * 01/03/2016 John Millis:
 * Navigation menu tweaks.
 * Remove empty space at top and bottom of submenus.
 */
ul.sub-menu {
    padding:0px !important;
}
#top-menu > li:last-child > ul.sub-menu {
    right:0px;
}


/**
 * 01/03/2016 John Millis:
 * Remove cart icon until customer portal is deployed.
 */
a.et-cart-info {
    display:none;
}


/**
 * 03/03/2016 John Millis:
 * CSS to make CF7 form button in C4L dark blue and centered.
 */
input.c4l-button-dark {
    background-color:#1a3971 !important;
    border:none !important;
    display:block !important;
    margin: 0px auto !important;
}


/**
 * 09/05/2016 John Millis:
 * Cells4Life table styling.
 */
tr.c4l-table-header-row {
    background-color:#01a1c5;
    color:white;
}
tr.c4l-table-row-1 {
    background-color:#ccf5ff;
}
td.c4l-table-cell-red {
    color:#bd144f;
}
td.c4l-table-cell-blue {
    color:#01a1c5;
}
table.c4l-table-mobile-widths > tbody > tr > td:nth-child(1) {
    width:60%;
}
table.c4l-table-mobile-widths > tbody > tr > td:nth-child(2) {
    width:40%;
}


/**
 *24/02/2017 John Millis:
 * Tooltip styles.
 * Add class c4l-tt to the container element.
 * Add class c4l-tt-text to the element with the tooltip text.
 */
/* Tooltip container */
.c4l-tt {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
/* Tooltip text */
.c4l-tt .c4l-tt-text {
    visibility: hidden;
    width: 200px;
    background-color: #fff;
    font-weight:normal;
    color: #1a3971;
    text-align: left;
    padding: 2px 4px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 110%;
    left: 0px;
    margin-left: -10px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.5s;
}
/* Show the tooltip text when mouse hovers over the tooltip container */
.c4l-tt:hover .c4l-tt-text {
    visibility: visible;
    opacity: 1;
}
.c4l-tt:hover {
    font-weight:bold;
    color:#1a3971;
}


/**
 * 24/07/2017: John Millis:
 * Better logo size.
 */
#logo {
    max-height:90%;
}


/**
 * 20/11/2017 John Millis:
 * For Popup Stage 2, set position to static.
 * The fixed positioning setting for this popup in Popup Maker appears to have no effect.
 * This is probably a bug in the plugin.
 */
div#pum-11230 {
    position:static;
}


/**
 * 22/01/2017 John Millis:
 * Input field case transforms.
 */
input.c4l-uppercase {
    /*text-transform:uppercase;*/
}
input.c4l-lowercase {
    /*text-transform:lowercase;*/
}
input.c4l-capitalize {
    /*text-transform:capitalize;*/
}
input.c4l-numeric {
    /*text-transform:numeric;*/
}


/**
 * 08/08/2018 John Millis:
 * A few responsive CSS overrides.
 */
@media all and (max-width: 767px) {
    .et_pb_post h2,
    .et_pb_post_grid h2 {
        font-size: 26px;
    }
}
@media all and (max-width: 479px) {
    .et_pb_post h2,
    .et_pb_post_grid h2 {
        font-size: 26px;
    }
}


/**
 * 16/11/2018 John Millis:
 * CSS overrides for GDPR cookie consent bar.
 */
#cookie-law-info-bar {
    z-index:100000000;
    line-height:1.4em;
    /*opacity:0.8;*/
}


/**
 * 06/12/2018 John Millis:
 * Divi Builder Toggle module is used for the onpage RWP form on the homepage.
 * On mobile, when the form is opened, code in functions.php hides the button by
 * replacing class et_pb_toggle_title on the <h5> header with this class.
 * Class et_pb_toggle_title includes ::before pseudo class which contains the button image.
 * This class removes the padding below <h5> which is removed by the original class.
 */
.et_pb_toggle_title_no_button {
    padding:0px;
}

/*
 * 15/08/2019
 * Removing modules.ttf from being loaded
 */
/*
@font-face{
display: none;
}
*/

img#wpstats{ position:absolute; top:0; width:0px; height:0px; overflow:hidden }


/**
 * 06/05/2020 John Millis:
 * CSS for hidden honeypot element.
 * Primary use if for hiding a form honeypot field without it being of type "hidden".
 * Hoping spambots find the field and try to fill it.
 */
.c4l-hp {
    display:none;
}


/**
 * 31/03/2020 John Millis:
 * Make the simple banner for COVID-19 responsive.
 */
/* Wide display */
@media all and (min-width: 600px) {
     .simple-banner-wide {
         display:inline !important;
    }
     .simple-banner-narrow {
         display:none !important;
    }
     .simple-banner-text {
         padding:10px !important;
    }
     .simple-banner-wide {
         font-size:1.0em !important;
    }
}
/* Narrow display */
@media all and (max-width: 599px) {
     .simple-banner-wide {
         display:none !important;
    }
     .simple-banner-narrow {
         display:inline !important;
    }
     .simple-banner-text {
         padding:5px !important;
    }
     .simple-banner-narrow {
         font-size:0.8em !important;
    }
}


/**
 * 12/10/2020 John Millis:
 * Gradient background highlighter.
 */
.c4l-shadow-highlight {
    -webkit-box-shadow: 0px 18px 36px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 18px 36px -8px rgba(0,0,0,0.75);
    box-shadow: 0px 18px 36px -8px rgba(0,0,0,0.75);
}


/**
 * 14/10/2020 John Millis:
 * Text shrink tweak for narrow screens.
 */
@media all and (max-width: 1250px) {
    .c4l-narrow-font18 {
        font-size:18px !important;
    }
    .c4l-narrow-font11 {
        font-size:11px !important;
    }
}


/**
 * 17/11/2020 John Millis:
 * Fix Chrome desktop problem where Popup Maker popups don't show due to incorrect "top" calculation.
 */
.pum-container {
    top:30px !important;
    overflow-y:auto !important;
    max-height:90% !important;
    height:unset !important;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.pum-container::-webkit-scrollbar {
    display: none;  /* Chrome, Safari and Opera */
}


/**
 * 20/10/2022 John Millis:
 * Class to remove hover effect from buttons where not needed.
 * The hover effect on WooCommerce buttons is annoying and I can't find any other way to remove it.
 */
.c4l-remove-hover:hover {
    padding:0.3em 1em !important;
}
.c4l-remove-hover:after {
    content:"" !important;
}