@charset "UTF-8";
/*
Theme Name: Canvas Child
Theme URI: http://thefootgroup.com.au/canvas-child/
Description: Canvas child theme for The Foot Group
Author: Glenn Watson, Cyberdog Design
Author URI: http://www.cyberdog.com.au
Version: 1.0
Template: canvas
Text Domain: canvas-child
*/

body, p, .entry p {
	font-family: Roboto, Source Sans Pro, Arial, Helvetica, sans-serif;
}

/* Making whole header width the aqua colour */
#header-container {
    background-color: #44c1d7 !important;
}

/* Reducing the height of the aqua header  */
#header-container #header {
    padding-top: 25px;
    padding-bottom: 15px;
}

/* Sizing and positioning the logo and the table containing the phone
numbers in the header */
table.headerphone {
    float: right;
    margin-top: 25px;
}

@media only screen and (min-width: 768px) {
    #logo {
        max-width: 350px;
    }
}

@media only screen and (max-width: 767px) {
    #logo {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    table.headerphone {
        width: 333px;
        height: 64px;
        float: none;
        display: block;
        margin: 15px auto 0 auto;
    }
}

@media only screen and (max-width: 350px) {
    table.headerphone {
        width: 222px;
        height: 43px;
    }

    .headerphone td.brookvale,
    .headerphone td.brookvale img {
        width: 89px;
        height: 43px;
    }

    .headerphone td.lanecove,
    .headerphone td.lanecove img {
        width: 90px;
        height: 43px;
    }

    .headerphone td.phoneicon,
    .headerphone td.phoneicon img {
        width: 43px;
        height: 43px;
    }
}

/* Making the off-canvas navigation area the same of aqua */
#navigation {
    background: #44c1d7 none repeat scroll 0% 0%;
}

#nav-container #navigation.col-full {
    background-color: #44c1d7;
}

/* Changing the close, contact and home buttons in the off-canvas nav a darker tint of the aqua */
#navigation .nav-home,
#navigation .nav-close,
#navigation ul.rss li a,
#navigation ul.cart a.cart-contents,
#navigation ul.nav-search a.search-contents {
    background-color: #2fb5cd;
}

/* Changing the highlighted link from pale grey to a darker tint of the aqua with white font */
ul.nav li.current_page_item a,
ul.nav li.current_page_parent a,
ul.nav li.current-menu-ancestor a,
ul.nav li.current-cat a,
ul.nav li.current-menu-item a {
    background: #2fb5cd none repeat scroll 0% 0%;
    color: white;
}

#nav-container #navigation ul#main-nav a {
    color: white;
}

/* Changing the right-floated email logo from #666 grey to white *****************************/
@media only screen and (min-width:768px) {
    #navigation .side-nav ul.rss li.sub-email a:before {
        color: #fff;
    }
}

/* Taking the white borders away from all images */
img {
    border: none !important;
}

/* Changing the mobile 'Navigation' top button link from black to a darker tint of aqua */
h3.nav-toggle {
    background-color: #44c1d7;
    background-image: linear-gradient(to right bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.25));
}

/* Centring the social media icons in the sidebar widget */
#text-5.widget.widget_text .textwidget {
    text-align: center;
}

/* Tweaking vertical spacing on home page services boxes **********************/
.homepage-services .wpb_content_element,
.homepage-services .wpb_content_element.wpb_single_image {
    margin-bottom: 25px;
}

.homepage-services .vc_column-inner {
    margin-bottom: 20px;
}

/* Styling widgetised footer for clinics **************************************/
#footer-widgets {
    padding: 20px 0 0 0;
}

#footer-widgets .widget p {
    font-size: 15px;
    margin-top: 15px;
}

#footer-widgets .vc_btn3-container {
    margin-bottom: 15px;
}

#footer {
    padding: 20px 0 10px 0;
}

/* Reducing padding and border radius in medium-size pill buttons *************/
.vc_btn3.vc_btn3-shape-round {
    border-radius: 0.5em;
}

.vc_btn3.vc_btn3-size-md {
    padding: 10px 20px 10px 0;
    font-weight: bold;
}

/* Page headings with background images ***************************************/
#main h1.title {
    padding: 3rem;
    height: 18rem;
    background-size: cover !important;
    background-position: top;
    background-color: #eeeeee;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    /* font-size: 3.25rem;*/
    font-size: 4.5rem;
    font-weight: 300;
    color: white;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
    letter-spacing: -2px;
    border-radius: 5px;
    margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
    #main h1.title {
        font-size: 2rem;
        height: 9rem;
        font-weight: 400;
    }

    h2 {
        font-size: 1.25em;
        line-height: 1.1;
    }
}

@media only screen and (min-width: 1050px) {
    #main h1.title {
        height: 400px;
    }
}

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
    line-height: 1.1;
}

/* Stop main title from showing on HOME PAGE **********************************************************/
.page-id-88 h2.title.entry-title {
    display: none;
}

/* Change backgrounds for H1s *************************************************************************/
/* Change H1 background image for Ankle injury */
.page-id-628 h1 {
    background: url('../../uploads/2015/05/istock_26801520.jpg') no-repeat scroll 0 0 transparent;
}

#main .page-id-628 h1.title {
    color: black;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
    /* lighter at 25% than 50% */
}

/* Change H1 background image for Children's podiatry */
.page-id-104 h1 {
    background: url('http://www.thefootgroup.com.au/wp-content/uploads/2017/04/1200px_annika_thea_feb2017.jpg') no-repeat scroll 0 0 transparent;
    text-align: left;
}

/* Change H1 background image for Privacy policy */
.page-id-229 h1 {
    background: url('../../uploads/2015/04/hammock.jpg') no-repeat scroll 0 0 transparent;
}

/* Change H1 background image for Services home page */
.page-id-446 h1 {
    background: url('../../uploads/2015/05/footprints_sand.jpg') no-repeat scroll 0 0 transparent;
}

/* Change H1 background image for Athletes */
.page-id-296 h1 {
    background: url('../../uploads/2015/06/athletes.jpg') no-repeat scroll 0 0 transparent;
}

/* Change H1 background image for Heel pain */
.page-id-92 h1 {
    background: url('../../uploads/2015/05/heel_pain.jpg') no-repeat scroll 0 0 transparent;
}

/* Change H1 background image for Knee pain */
.page-id-94 h1 {
    background: url('../../uploads/2015/05/knee_pain.jpg') no-repeat scroll 0 0 transparent;
}

/* Change H1 background image for Lower back pain */
.page-id-96 h1 {
    background: url('../../uploads/2015/05/back_pain.jpg') no-repeat scroll 0 0 transparent;
}

/* Change H1 background image for Ingrown toenails */
.page-id-98 h1 {
    background: url('../../uploads/2015/04/pool.jpg') no-repeat scroll 0 0 transparent;
}

/* Change H1 background image for Corns and callus */
.page-id-100 h1 {
    background: url('../../uploads/2015/05/corns_callus.jpg') no-repeat scroll 0 0 transparent;
}

/* Change H1 background image for Senior foot care */
.page-id-268 h1 {
    background: url('../../uploads/2015/06/seniors.jpg') no-repeat scroll 0 0 transparent;
}

/* Change H1 background image and text colour for Diabetic foot care */
.page-id-106 h1 {
    background: url('../../uploads/2015/05/diabetic.jpg') no-repeat scroll 0 0 transparent;
}

#main .page-id-106 h1.title {
    color: black;
}

/* Change H1 background image for Treatments home */
.page-id-124 h1 {
    background: url('../../uploads/2015/04/pool.jpg') no-repeat scroll 0 0 transparent;
}

/* Change H1 background image for Biomechanical assessment */
.page-id-118 h1 {
    background: url('../../uploads/2015/06/biomechanical_footprints.jpg') no-repeat scroll 0 0 transparent;
}

#main .page-id-118 h1.title {
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
    /* lighter at 25% than 50% */
}

/* Change H1 background image for Foot orthotics */
.page-id-114 h1 {
    background: url('../../uploads/2015/04/orthotics.jpg') no-repeat scroll 0 0 transparent;
}

/* Change H1 background image and position for Footwear advice */
.page-id-266 h1 {
    background: url('../../uploads/2017/04/1200px_footwear_advice_feb2017.jpg') no-repeat scroll 0 0 transparent;
    background-position: center center !important;
}

/* Change H1 background image for About us */
.page-id-473 h1 {
    background: url('../../uploads/2015/06/andrew_scanning.jpg') no-repeat scroll 0 0 transparent;
    text-align: right;
}

/* Change H1 background image for Our podiatrists */
.page-id-102 h1 {
    background: url('../../uploads/2015/06/andrew_orthotic.jpg') no-repeat scroll 0 0 transparent;
    color: black;
}

/* Change H1 background image for Rebates */
.page-id-108 h1 {
    background: url('../../uploads/2015/05/pebbles.jpg') no-repeat scroll 0 0 transparent;
}

/* Change H1 background image for Terms and conditions */
.page-id-187 h1 {
    background: url('../../uploads/2015/05/x-ray.jpg') no-repeat scroll 0 0 transparent;
}

/* Change H1 background image for Make an appointment */
.page-id-159 h1 {
    background: url('../../uploads/2015/04/relaxing.jpg') no-repeat scroll 0 0 transparent;
}

/* Change H1 background image for Lane Cove */
.page-id-217 h1 {
    background: url('../../uploads/2019/02/1200px-lane-cove-reception-6711-1.jpg') no-repeat scroll 0 0 transparent;
}

/* Change H1 background image for Brookvale */
.page-id-219 h1 {
    background: url('../../uploads/2015/05/brookvale.jpg') no-repeat scroll 0 0 transparent;
    text-align: right;
}

.page-id-628 h1 {
    background: url('../../uploads/2018/04/1200x450-ankle-injuries.jpg') no-repeat scroll 0 0 transparent;
    color: #000000;
}

/* Change H1 background image for Wart removal */
.page-id-1057 h1 {
    background: url('../../uploads/2018/06/1200x500-swift-wart-removal.jpg') no-repeat scroll 0 0 transparent;
    text-align: left;
}

.page-id-628 h1 {
    background: url('../../uploads/2018/04/1200x450-ankle-injuries.jpg') no-repeat scroll 0 0 transparent;
    color: #000000;
}

/* Change H1 background image for Articles (blog index) */
.page-id-275 h1 {
    background: url('../../uploads/2015/04/hammock.jpg') no-repeat scroll 0 0 transparent;
}

/* Making the H1 for blog entries into a dark cyan bar **********************************************/
#main h1.title.entry-title.entry-title-article {
    padding: 1.75rem;
    height: auto;
    background-color:
        /*#74d1e1*/
        #addde5 !important;
}

/* Reducing the size of the VC sidebar H2 font above the video **************************************/
.wpb_video_widget.wpb_content_element .wpb_wrapper h2 {
    font-size: 14px;
    margin-bottom: 15px;
}

/* Making the Search H3 look the same as the above H2 */
.wpb_wrapper #categories-2.widget.widget_categories h3 {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px;
}

/* Change the height beneath the standard H2 & H3 */
.entry h2,
.entry h3 {
    margin-bottom: 1em;
}

/* Article 'Continue reading' buttons same round aqua as VC 'Read more' buttons **********************/
#main .post-more .read-more {
    margin-top: 15px;
    padding: 14px 20px;
    background-color: #00c1cf;
    color: white;
    border-radius: 10px;
    border: 1px solid #01aab6;
    font-size: 14px;
    text-align: left;
    position: relative;
    line-height: 1;
    vertical-align: middle;
}

#main .post-more .read-more a {
    color: white;
    text-decoration: none;
    font-weight: bold;
}

#main .post-more .read-more a:after {
    content: " >";
}

/* TWEAKING SPACING ON MOBILES FOR INDEX PAGE BLOCKS *************************************************/
@media only screen and (max-width: 767px) {
    .vc-col-sm-12.wpb_column.vc_column_container {
        margin-top: 0;
        padding-top: 0;
    }

    .wpb_text_column {
        margin-top: 25px;
        /* taking on a consistent top margin now the container row has been zeroed */
        margin-bottom: 10px;
        /* not 35px as default style */
    }

    .wpb_text_column.mobilecentre {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .wpb_text_column.mobilecentre h3 {
        text-align: center;
    }

    .wpb_single_image {
        margin-bottom: 10px;
        /* not 35px as default style */
        text-align: center;
    }

    .vc_btn3-left {
        margin: 20px auto 35px auto !important;
        text-align: center !important;
    }
}

/* STYLING FOR THE CONTACT FORMS *********************************************************************/
/* Keeping the surname on the same line as first name */
.gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span {
    display: inline-block;
}

/* Keeping prefix on its own line */
#input_1_2_2_container,
#input_2_2_2_container {
    display: block;
}

div.ginput_complex.ginput_container.gf_name_has_3 span {
    width: 50%;
}

label.gfield_label {
    display: block;
}

.gform_wrapper label.gfield_label {
    font-weight: normal;
    line-height: 1.2;
}

@media only screen and (min-width: 641px) {
    .gform_wrapper .left_label input.medium {
        width: calc(71.4% - 8px);
    }
}

/* Putting the No on the same line as Yes */
li.gchoice_1_5_0,
li.gchoice_1_5_1,
li.gchoice_2_5_0,
li.gchoice_2_5_1 {
    display: inline;
    float: left;
}

.gform_wrapper .gfield_radio li label {
    margin: 2px 10px 0 4px
}

.gform_wrapper input {
    border: 1px solid #cccccc;
}

.gform_wrapper select {
    height: 30px;
    color: #666666;
}

.gform_button.button {
    text-transform: none;
    font-weight: bold;
    border-radius: 0.5em;
}

/* Changing blue input button to turquoise */
.gform_footer input[type=submit],
.gform_footer input.button {
    background-color: #00c1cf;
    border-color: #00c1cf;
}

.gform_footer input[type=submit]:hover,
.gform_footer input.button:hover {
    background-color: #01a6b2;
    border-color: #0098a3;
}

/* INSTAGRAM BUTTON *********************************************************************************/
.ig-b- {
    display: inline-block;
}

.ig-b- img {
    visibility: hidden;
}

.ig-b-:hover {
    background-position: 0 -60px;
}

.ig-b-:active {
    background-position: 0 -120px;
}

.ig-b-24 {
    width: 24px;
    height: 24px;
    background: url(//badges.instagram.com/static/images/ig-badge-sprite-24.png) no-repeat 0 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .ig-b-24 {
        background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-24@2x.png);
        background-size: 60px 178px;
    }
}

/* ADD SPACE ABOVE THE SOCIAL MEDIA ICONS ON STANDARD (NON-INDEX) PAGES ON DEVICES *******************/
@media only screen and (max-width: 767px) {
    #text-3.widget.widget_text {
        padding-top: 20px;
    }
}

/* STOPPING THE PODIATRY LOGOS FROM STACKING IN NARROW DEVICES *******************/
@media only screen and (min-width: 250px) {
    .vc_col-sm-4.logothird.wpb_column.vc_column_container {
        width: 30%;
        display: inline;
        float: left;
    }
}

@media only screen and (max-width: 320px) {
    .vc_col-sm-4.logothird.wpb_column.vc_column_container img {}
}

/*
@media only screen and (max-width: 767px) { }
@media only screen and (min-width: 768px) { }
@media only screen and (min-width: 980px) { }
*/