/*
Theme Name: Anesta Child
Template: anesta
Theme URI: http://anesta.ancorathemes.com/
Description: Anesta is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: AncoraThemes
Author URI: http://ancorathemes.com/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

:root {
  --ct-blue: #3850a4;
  --ct-light-blue: #b3ebfc;
  --ct-green: #8cc80c;
  --ct-light-green: #c1ff72;
  --ct-trans-bak:rgba(200,200,200,0.3);
}

/* Bootstrap table colours */

.table-dark {
  --bs-table-striped-bg: #354c9b;
  --bs-table-bg: #3850a4;
}

.table-dark th {
   font-weight:bolder !important;
}

/** Sort out the hidden toggles **/

.clearfix input[type="radio"], .clearfix input[type="checkbox"], .clearfix input[type="radio"], .clearfix input[type="checkbox"], .clearfix input[type="checkbox"] {
    position: initial !important;
    margin: 0px !important;
}

/** Fixes CSS rows **/
.clearfix .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
  margin-bottom: initial;
}


/* Set background of chosen menu item on the left functions menu */

.menu_mobile .menu_mobile_nav_area > ul > .menu-item[class*="icon-"].current-menu-item::before, .menu_mobile .menu_mobile_nav_area > ul > .menu-item[class*="icon-"].current-menu-parent::before, .menu_mobile .menu_mobile_nav_area > ul > .menu-item[class*="icon-"].current-menu-ancestor::before {
  background-color:black;
}

body.menu_side_present.menu_side_left .sc_layouts_row_fixed::before{
  background-color:transparent;
}


/* Rounded Footer */

.footer_wrap .footer_copyright_wrap {
  border-radius:20px;
}

/* Set colours for bootstrap buttons */

.btn-primary {
  background-color:black !important;
  color: var(--ct-light-green);
}

.btn-secondary {
  background-color:black !important;
  color:white;
}

/* Style the standard page title*/

.post_content_title h1 {
  display: inline-block;
}

/* Fix the text colour for woocommerce buttons */
.woocommerce-MyAccount-content .button, .checkout .button {
  color: var(--ct-green) !important;
  background-color:black !important;
}

/* Fix the custom woocommerce auto-renew toggle which displays out of position with this theme. */
.subscription-auto-renew-toggle__i::before {
  top:2px;
}

.sc_layouts_login .trx_addons_icon-cog {
  display:none;
}

/* The menus are showing the category description, which looks bad... hide it */

.sc_layouts_menu_item_description {
  display:none;
}

/* The hide function for likes on a single page doesn't work, so hide with CSS here */

.post_meta .post_meta_likes {
  display:none;
}

/* Put a background on the post date */

.sidebar_show.single_style_style-1 .post_header_wrap .post_featured.post_featured_bg + .post_header .post_meta .post_date {
  background-color:var(--ct-trans-bak);
  border-radius:20px;
  padding-left:12px;
  padding-top:6px;
  padding-bottom:6px;
}


/* Fix a display glitch caused by Woocommerce styling which mis-aligns the site title in the header*/
.elementor-heading-title {
  margin:0px 0px 0px 0px !important;
}


/* Remove shop sorting options */

body.woocommerce form.woocommerce-ordering {
    display:none !important;
}

body.woocommerce p.woocommerce-result-count {
    display:none !important;
}

.sc_layouts_column .elementor-widget-trx_sc_layouts_logo + .elementor-widget-trx_sc_layouts_menu {
    margin-left:0px !important;
}


/* Put these link colours back to what they should be */
.clearfix h1 a, .clearfix h2 a, .clearfix h3 a, .clearfix h4 a,.clearfix  h5 a, .clearfix h6 a, .clearfix li a, .popover-body li a {
    color:var(--theme-color-accent_link);
}

.x-small {
    font-size: .775em;
}

.clearfix table tr + tr th, table tr + tr td, table thead + tbody tr:first-child td {
    border-top:0px;
}

.popover-header {
    margin-top:0px !important;
    background-color:var(--ct-blue);
    color:white;
}

.greyscale-img {
    filter: grayscale(100%);
}

/** Get rid of the square which anesta adds before checkbox labels **/

label.checkbox_label, label.radio_label {
   position:static;
   padding-left: 0px;
}

label.radio_label::before, label.dem__radio_label::before, label.checkbox_label::before {
    display:none;
}

input[type="checkbox"]:checked + label::before, input[type="checkbox"]:checked + .description::before,
input[type="radio"]:checked + label::before, input[type="radio"]:checked + .description::before {
    background: none !important;
    box-shadow: none !important;
}

input[type="radio"] + label::before, input[type="checkbox"] + label::before, input[type="checkbox"] + .description::before {
    border:0px !important;
}

label.checkbox_label.checked:before, label.radio_label.checked::before {
    display:none;
}

/** Fix the hidden checkboxes aused by Anesta forcing absolute position onto them **/
input[type="checkbox"] {
    position: static !important;
}

/** Remove the minimum 100px height from iframe, this was messing it up **/
iframe {
    min-height:0px !important;
}

/** Make login header full width **/
#trx_addons_login_popup .trx_addons_tabs_title_login {
    width:100%;
}

/** Fix checkbox mis-alignment **/
.woocommerce form .form-row label.inline input[type="checkbox"] {
    top:0px;
}

/** Fix woocommerce save payment methods list so they actually look like buttons **/

.woocommerce-SavedPaymentMethods {
    max-width:500px;
}

.woocommerce-SavedPaymentMethods input[type="radio"] + label {
    border-radius: 2px;
    font-size:large;
    padding-top:6px;
    padding-bottom:6px;
    background-color:var(--ct-blue);
    color:white !important;
    opacity:0.75;
    width:100%;
}

.woocommerce-SavedPaymentMethods input[type="radio"]:checked + label {
    font-weight:bold;
    opacity:1;
}

.woocommerce .checkout #order_review .payment_methods li label[for="payment_method_stripe"] {
    font-size:var(--theme-font-h3_font-size);
    font-weight:600;
    padding-left:0px;
}

/** Remove the horizontal line below the titles, this isn't hidden when the title is hidden **/
.post_content_title::after {
    display:none;
}

/** Change the switch sub button color **/
.woocommerce div.product form.cart .button {
    border-color: var(--ct-blue);
    background-color: var(--ct-blue);
}

.woocommerce div.product form.cart .button:hover {
    border-color: var(--ct-blue);
    background-color: var(--ct-blue);
    opacity:0.8;
}