/*

Theme Name:   Virtue child theme for Retired Working Dogs

Description:  style.css for RWD child theme. 

Author:       Phil

Author URI:   https://avalonmarketing.co.nz

Template:     virtue_premium

Version:      1.0.0

*/

/* GENERAL SETTINGS */
/* Text on buttons */
.kad-btn {
    font-size: 14px !important;
}


/* TOPBAR */
/* Put login/out buttons after "Search window". */
#topbar-search form {float: left;}
#topbar .widget-2 .custom-html-widget {float: right;}

/* Login/out buttons appearance */
#topbar .kad-btn {
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 2px;
    margin-left: 25px;
    border: 1px solid #fff;
    border-radius: 4px;

}
/* Fit onto 1 line */
.col-md-6.col-sm-6.kad-topbar-right {height: 34px;}

/* Login button text */
#topbar #login_button a {color: #fff;}

/* If logged in, hide "login button" */
#logout_button {display:none;}
#login_button {display:block;}
.logged-in #topbar #logout_button {display:block;}
.logged-in #topbar #login_button {display:none;}

/* Set width of login window */
#frm-modal-0 .modal-dialog {width: 300px !important;}

/* from Hannah to fix topbar wrapping to newline on small screens */
@media (max-width: 767px) {
    #topbar .kad-topbar-left {
        float: left;
    }
    .col-md-6.col-sm-6.kad-topbar-right {
        width: 70%;
        float: left;
    }
    .col-md-6.col-sm-6.kad-topbar-left {
        width: 30%;
    }
    .form-search label {
        position: absolute;
    }
    #topbar .kad-topbar-right a.kad-btn {
        margin-top: 0;
    }
    /*.topclass .kt-ctaw.clearfix {
    margin-top: -2px;
}*/
    #topbar-search input[type=text] {
        max-width: 100px;
    }
    .topbarmenu ul li a {
        width: 200px;
    }
}

/*@media (max-width: 767px) {
#topbar-search input[type=text] {
max-width: 100px;
}
.topbarmenu ul li a {
width: 200px;
}
}*/


/* HEADER */
/* Reduce space for logo and increase for menu */
@media (min-width: 992px) {
    .col-md-4.clearfix.kad-header-left {width: 30%;}
    .col-md-8.kad-header-right {width: 70%;}
}
/* Reduce menu width below 1200px to stop line feed to 2 lines */
@media (max-width: 1200px) {
    .kad-header-style-three #nav-main ul.sf-menu>li>a {padding: 0 10px;}
}

/* Prevent logo disappearing behine mobile menu */
@media (max-width: 767px) and (min-width: 400px) {
    .kad-header-style-three #thelogo img {
        margin-top: 0px;
        margin-bottom: 0px;
    }
}


/* Slider at top of page - remove arrows */
/* 8 Nov 20 Superseded by Smash Balloon carousel */
/*.elastislide-wrapper nav {visibility: hidden;}*/
/* Formating for Facebook slider */
/*.stickyheader #kad-banner {height: auto !important;}
#kad-banner .elastislide-wrapper, #kad-banner .loading-wrap {min-height: 170px !important;}
#kad-banner .elastislide-list {height: 150px;}*/
/* Make unclickable */
/*.elastislide-carousel ul li a {pointer-events: none;}*/
/* Hide display during loading to prevent showing on left hand side */
/*#kad-banner .loading-wrap {
    max-height: 170px;
    overflow: hidden;
    visibility: hidden;
}*/

/* All Posts - remove author and category info */
.subhead, .postmeta {display:none;}

/* HORIZONTAL RULE */
/* Reduce amount of margin */
.hrule_gradient {margin: 15px auto;}

/* FOOTER */
/*.footercredits {font-size: 10px;}*/
/* Add from Benn at Kadence to reduce footer credits height */
/*.footercredits p {margin-bottom: 0;}*/

/* FOOTER */
.footercredits {font-size: 12px;padding-top: 0px;padding-bottom: 0px;}
#containerfooter {padding-top: 0px;} 
.footercredits a:hover {color: #94c43e !important;}
/* Grow logo on hover */
.footercredits a img { transition: all .6s ease-in-out; }
.footercredits a img:hover { transform: scale(1.2); }

/* SPECIFIC PAGES */
/* Home Page */

/* CALENDAR ORDERS */
/* Remove "Category: uncategorized" from calendar display. */
body.calendar-orders .single-product div.product .product_meta {display: none;}

/* Single product pages */
/* Set transition time for product galleries */
/*body.single-product .kt-slick-slider .slick-track .slick-slide {transition: 1000ms;}*/

/* APPLICATIONS */

/* Application forms using Formidable Forms */
/* Submit Dog for Adoption */
/* Fix labels for "Male" and "Female" */
#frm_field_222_container .frm_radio label {
    color: transparent;
    position: relative;
}

#frm_field_222_container .frm_radio label:after {
    display: inline-block;
    color: #444444;
    position: absolute;
    top: 0;
    left: 20px;
    line-height: 1.3;
}


#frm_field_222_container .frm_radio:first-child label:after {
    content: "Male";
}

#frm_field_222_container .frm_radio:last-child label:after {
    content: "Female";
}

/*CALENDAR*/
/* Turn table from Gsheets into inline text */
table.igsv-table {margin-bottom: 0px;display:inline;}
table.igsv-table th.col-1.odd {padding:0;background-color: #fff;vertical-align: text-bottom;}

/*SUPPORTERS, EVENTS*/
/* Line up logos when in table mode on iPad and screen*/
@media only screen and (min-width: 768px) {
    .page-id-320 div.entry-content img.avalon-logo {padding-top: 39px;}
    .page-id-320 div.entry-content img.totally-vets-logo {padding-top: 23px;}
    img.ranchmans-logo {padding-top: 80px;}
    img.swdc-logo {padding-top: 30px;}
}

/* CHECKOUT page */
/* Format "Back to cart" button */
.page.checkout .woocommerce-info a.button.wc-forward {
    background-color: rgb(247, 106, 12);
    color: rgb(255, 255, 255);
    float: right;
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
    padding: 12px 18px;
}

/* STAFF AREA */
/* Improve background to Coprice logo */
.kt-image-overlay-wrap .kt-block-intrisic {
    background: #fff;
}
.kt-image-overlay-color-wrapper {
    opacity: 0 !important;
}

/* DOGS FOR ADOPTION PORTFOLIO PAGE */
/* Remove single category from main portfolio display */
.dogs-for-adoption li.postclass.kt-filter-rwd-foster-dog {
    display:none;
}

/* When inserting a portfolio display using a Kadence Block, the image title behaves differently.
This code fixes that, so it behaves like the default portfolio display.*/
.kb-portfolio-grid-item-inner {
    align-items: flex-end;
}

.dogs-for-adoption .kb-portfolio-grid-item-inner .kb-portfolio-loop-title {
    background: rgb(255 255 255 / 0.6);
    color: black!important;
    display: block;
    padding: 15px!important;
}

.dogs-for-adoption .kb-portfolio-content-item-inner {
    max-width: 100%;
    flex: 1;
    transform: none!important;
}


/* Style tabs for different sections */
#options .postclass {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-color: rgba(0,0,0,.05);
    border-radius: 10px 10px 0px 0px;
}

#options .postclass a {
    background-image: linear-gradient(to right, #f2f2f2, #fff, #fff, #fff);
}

#options .postclass a.selected {
    transform: scale(1.2);
}

#options .postclass a.selected h5 {
    font-weight: 700;
}

/* DOGS FOR ADOPTION SINGLE PAGES */
/* Print Poster */
#print_poster_panel {
    border: 1px solid rgba(0,0,0,.1);  
    border-radius: 4px;
    padding: 15px;
}

div#print_poster_button {
    border: 1px solid #f76a0c;  
    border-radius: 4px;
}

div.printfriendly {z-index: 1 !important;}

div#print_poster_button a {color: #fff;}

div#print_poster_button a img {max-width: 50px;}

/* DOG DATABASE */
/* Main list */

/* Add sorting icons to table headings */
/* source: http://jsfiddle.net/shengoo/Ev83S/ */
.sort-by-asc
/* points up */
{
    left: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    margin: 4px 4px 0 0px;
    background: transparent;
    border-bottom: solid 7px #f76a0c;
    border-top-width: 0;
}

.sort-by-desc
/* points down */
{
    left: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    margin: 4px 0px 0 3px;
    background: transparent;
    border-top: solid 7px #f76a0c;
    border-bottom-width: 0;
}
.sort_heading:hover .sort-by-asc {border-bottom: solid 7px #f7b78c;}
.sort_heading:hover .sort-by-desc {border-top: solid 7px #f7b78c;}

/* Exceptional heading using table sorter.*/
/*#list_of_dogs .tablesorter-headerRow th.tablesorter-header:not(.sorter-false) .tablesorter-header-inner {
    color: #f76a0c;
}*/
/*#list_of_dogs .tablesorter-headerRow th.tablesorter-header:not(.sorter-false) .tablesorter-header-inner:hover {
    color: #f7b78c;
}*/

/* Hide table sorter arrows so we can add our own */
/*#list_of_dogs .tablesorter-headerRow th.tablesorter-header:not(.sorter-false) .tablesorter-header-inner {
    background-image: none !important;
}*/


/* Pagination buttons */
.frm_pagination::before {
    content: "Pages:  "; 
}
.dataTables_wrapper .dataTables_paginate, .frm_pagination {
    float: left;
    text-align: right;
    padding-top: 0.25em; }
.dataTables_wrapper .dataTables_paginate .paginate_button, .frm_pagination > li > a {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333333 !important;
    border: 1px solid transparent;
    border-radius: 2px; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .frm_pagination > li.active > a {
    color: #333333 !important;
    border: 1px solid #979797;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, white 0%, gainsboro 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, white 0%, gainsboro 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, white 0%, gainsboro 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, white 0%, gainsboro 100%);
    /* W3C */ }
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover, .frm_pagination > li > a:hover {
    color: white !important;
    border: 1px solid #111111;
    background-color: #585858;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #585858 0%, #111111 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #585858 0%, #111111 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #585858 0%, #111111 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #585858 0%, #111111 100%);
    /* W3C */ }
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background-color: #2b2b2b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
    /* W3C */
    box-shadow: inset 0 0 3px #111; }
.dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 1em; }

/* DOG DETAILS SINGLE RECORD VIEW*/
/* Position edit buttons */
/*.dog-details #button-section, .dogs-db #button-section {*/
#button-section {
	display: inline;
	float: right;
	margin-top: 10px;
}
/*.dog-details h1.inline-heading, .dogs-db h3.inline-heading {
	display: inline-block;
}*/
h1.inline-heading, h3.inline-heading {
	display: inline-block;
}