/*
Theme Name: Houzez Child
Theme URI: http://www.favethemes.com/
Author: Favethemes
Author URI: http://www.favethemes.com/
Description: Houzez is a premium WordPress theme for real estate agents where modern aesthetics are combined with tasteful simplicity, and where the ease of use is achieved without compromise in your ability to customise the design. Whether you are a real estate agent looking to build a website for your company or a web developer seeking a perfect WordPress theme for your next project, you are certain to appreciate the numerous features and benefits that our theme provides.
Version: 1.0
Tags: white, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: houzez
Template: houzez
*/
/* @import url("../houzez/style-min.css"); if you use the min the carousels dont work properly */
@import url("../houzez/style.css"); 

.atp-container, .container { width: 100% !important; padding: 1% !important;}

/* Your CSS code goes here
-------------------------------------- */

/*
House style styling applied to standard HTML tags
*/

h1,h2,h3,h4,h5,h6 { color: #5a3b00; }

/* hyperlinks */
a[href^="https://www.youtube.com/watch?v="]::after {
  color: #E18728;
  font-family: "Font Awesome 5 Free"; 
    content: '\f167';
    padding-left: 2px; padding-right: 2px;
	font-weight: 400;
}
a[href^="https://www.youtube.com/watch?v="] { color: #E18728; font-weight: 800;}

.post p a, .page p a { border-bottom: 1px dotted;}

/* input fields on the login and register form to make them stand out better */

.login-form-wrap .form-group-field input, .register-form-wrap .form-group-field input { border: 1px solid #5a3b00 !important;}
.nav-tabs .nav-item {
border: 1px solid #5a3b00;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.nav-tabs .nav-link.active {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.control__indicator {
  border: 1px solid #5a3b00;
}

/* prev/next buttons on carousels */

 .btn-primary-outlined, .btn-primary { background-color: #5a3b00 !important; color: white !important;}
 .btn-primary-outlined:hover, .btn-primary:hover { background-color: #5a3b0080 !important;}
 
 /* atp button */
 .atp-button { background-color: #5a3b00 !important; border-radius: 10px; height: 3rem;}
 .atp-button a { color: #fff9ef !important; padding: 0.5rem; }
 .atp-button:hover { background-color: #5a3b0080 !important;}
 
 /* labels on carousel */
 
//A.label-status.label { background-color: #ffb120; color: #fff9ef; }
//A.hz-label.label { background-color: #fff9ef; color: #5a3b00;}

/* this stuff takes care of hiding the ugly navigation bar provided by default with the theme plus a few other cosmetics to match in with site style */
 
.dashboard-side-wrap {display: none; width:0;}
.dashboard-header-wrap { background-color: transparent;}
.dashboard-content-wrap {padding-left: inherit !important; background-color:transparent;}
.dashboard-content-block { background-color: #fff5e4 !important; border: 2px solid #5a3b00; border-radius: 1rem !important;}
.doughnut-chart-data *, .dashboard-table tbody tr,.dashboard-table tbody th { background-color: #fff5e4 !important;}
.dashboard-header-main-wrap { padding-left: inherit;}
.dashboard-content-block-wrap > h2 { background-color: transparent !important; padding: inherit !important; margin: inherit; border: none !important; padding-left: 1rem !important; box-shadow: none !important;}

/* this makes the save/cancel bar underneath editing and creating a listing go full width, and also match the site colours */
.add-new-listing-bottom-nav-wrap {
  left: 0px !important; width: calc(100% - 0px) !important; background-color: #fff5e4 !important; border-top: 2px solid #5a3b00 !important; z-index: 999 !important;}
  
  .dashboard-slide-panel-wrap { z-index: 101 !important;}
  
  /* woocommerce */
.woocommerce > nav.woocommerce-MyAccount-navigation { display: none; width: 0; }
.woocommerce-MyAccount-content { float: left !important; width: 100% !important; }
.woocommerce-MyAccount-content .col-1 { flex: inherit; max-width: inherit; }

/* this is the fix for the over large button that appears when using custom 'board' pages in the child theme as the css seems to get overridden */

.houzez-search-button.elementor-size-xs {
    line-height: 1vh !important;
}
.Xelementor-widget-slider_revolution { display: none; width:0; height:0; }
.elementor-headline-dynamic-letter {font-size: 1rem; }


/* toggle box css */
/* from https://getbutterfly.com/on-off-toggle-replacement-for-wordpress-checkboxes/ */
/**
 * Checkbox Toggle UI
 */
input[type="checkbox"].atp-ui-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    -webkit-tap-highlight-color: transparent;

    width: auto;
    height: auto;
    vertical-align: middle;
    position: relative;
    border: 0;
    outline: 0;
    cursor: pointer;
    margin: 0 4px;
    background: none;
    box-shadow: none;
}
input[type="checkbox"].atp-ui-toggle:focus {
    box-shadow: none;
}
input[type="checkbox"].atp-ui-toggle:after {
    content: '';
    font-size: 8px;
    font-weight: 400;
    line-height: 18px;
    text-indent: -14px;
    color: #ffffff;
    width: 36px;
    height: 18px;
    display: inline-block;
    background-color: red;
    border-radius: 72px;
    box-shadow: 0 0 12px rgb(0 0 0 / 15%) inset;
}
input[type="checkbox"].atp-ui-toggle:before {
    content: '';
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    margin: 0;
    border-radius: 50%;
    background-color: #ffffff;
}
input[type="checkbox"].atp-ui-toggle:checked:before {
    left: 20px;
    margin: 0;
    background-color: #ffffff;
}
input[type="checkbox"].atp-ui-toggle,
input[type="checkbox"].atp-ui-toggle:before,
input[type="checkbox"].atp-ui-toggle:after,
input[type="checkbox"].atp-ui-toggle:checked:before,
input[type="checkbox"].atp-ui-toggle:checked:after {
    transition: ease .15s;
}
input[type="checkbox"].atp-ui-toggle:checked:after {
    content: ' ';
    color: #fff9ef;
    background-color: lime;
}

.checklist-sellup { font-size: 0.7em; line-height: 1em; padding: 3px; margin-right:15%; margin-left: 2%;}
.checklist-sellup a { text-decoration: underline !important; color: darkgreen;}



/* print css */
@media print
{    
    .hidden-print, .hidden-print *
    {
        display: none !important;
    }
    .print-only, .print-only *
    {
        
    }
    .print-background, .print-background *
    {
     -webkit-print-color-adjust: exact !important;   /* Chrome, Safari 6 – 15.3, Edge */
    color-adjust: exact !important;                 /* Firefox 48 – 96 */
    print-color-adjust: exact !important;           /* Firefox 97+, Safari 15.4+ */   
    }
}