/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* Document Information
  -Version: 1.0
  -Author:
*/

/* Directory
  1. =RESPONSIVE
  2. =PRIMARY
  3. =HEADER
  4. =SIDEBAR
  5. =FOOTER
  6. =MISC
  7. =BLOG/POSTS
  8. =INDIVIDUAL DOCUMENT PAGE STYLES
  9. =NINJA FORMS
  10. =WOOCOMMERCE
  11. =DOCUMENT LIBRARY
  12. =ULTIMATE MEMBER
  13. =THEME CONTROLLED
*/

/* =========== 1. =RESPONSIVE ====== */

@media (max-width: 1199px) {
    /* Make mobile menu show sooner */
    /* activate mobile menu and hide main navigation at 1199px width */
    .whb-header .whb-visible-lg, .whb-header .whb-hidden-mobile,
    .whb-sticked .whb-visible-lg, .whb-sticked .whb-hidden-mobile {
        display: none;
    }

    .whb-header .whb-hidden-lg, .whb-header .whb-hidden-desktop,
    .whb-sticked .whb-hidden-lg, .whb-sticked .whb-hidden-desktop {
        display: flex;
    }
}

/* row reverse on tablet horizontal */
@media (min-width: 992px) and (max-width: 1199px) {
    .row-reverse-tablet:not(.vc_row-flex) {
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box
    }

    .row-reverse-tablet>.wpb_column:nth-child(1) {
        order: 12
    }

    .row-reverse-tablet>.wpb_column:nth-child(2) {
        order: 11
    }

    .row-reverse-tablet>.wpb_column:nth-child(3) {
        order: 10
    }

    .row-reverse-tablet>.wpb_column:nth-child(4) {
        order: 9
    }

    .row-reverse-tablet>.wpb_column:nth-child(5) {
        order: 8
    }

    .row-reverse-tablet>.wpb_column:nth-child(6) {
        order: 7
    }

    .row-reverse-tablet>.wpb_column:nth-child(7) {
        order: 6
    }

    .row-reverse-tablet>.wpb_column:nth-child(8) {
        order: 5
    }

    .row-reverse-tablet>.wpb_column:nth-child(9) {
        order: 4
    }

    .row-reverse-tablet>.wpb_column:nth-child(10) {
        order: 3
    }

    .row-reverse-tablet>.wpb_column:nth-child(11) {
        order: 2
    }

    .row-reverse-tablet>.wpb_column:nth-child(12) {
        order: 1
    }
}

@media (max-width: 767px) {
    /* Document library download and preview button styles for mobile */
    .dlp-table-document-link-wrap {
        display: grid !important;
        gap: 10px;
    }
    
    .dlp-table-document-link-wrap>:not(:last-child) {
    margin-right: 0px !important;
    }
}

@media (max-width: 580px) {
    /* Edit profile move down on mobile to fix overlapping issue */
    .um-profile-edit {
        padding-top: 40px;
    }
}


/* =========== 2. =PRIMARY ========= */

/* remove site content margin bottom & wd-content-layout padding bottom on all pages, not blog or blog archive */
.main-page-wrapper .wd-content-layout:not(.single.single-post .main-page-wrapper .wd-content-layout, 
    .archive.category .main-page-wrapper .wd-content-layout) {
    padding-block: 0px;
}

/* cookies policy footer text adjustment for userway plugin */
.wd-cookies-popup .wd-cookies-inner .cookies-info-text {
    padding-inline-end: 25px;
    padding-inline-start: 5%;
    font-size: 90%;
}

/* box background colors */
.box-bg-primary {
    background-color: #f7f7f7;
}

.box-bg-alternate {
    background-color: #12A19A;
}

/* page header row background color - changes on all pages */
body .main-page-wrapper .vc_row.page-header-row {
    background-color: #37b0ba;
}

/* =========== 3. =HEADER ========== */


/* =========== 4. =SIDEBAR ========= */


/* =========== 5. =FOOTER ========== */


/* =========== 6. =MISC ============ */

/* font color and icon color for active accordion tab based on color scheme set */
.vc_general.vc_tta.vc_tta-accordion.vc_tta-color-grey .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #fff;
    font-weight: bold;
}

.vc_general.vc_tta.vc_tta-color-grey .vc_tta-panel.vc_active .vc_tta-controls-icon:before,
.vc_general.vc_tta.vc_tta-color-grey .vc_tta-panel.vc_active .vc_tta-controls-icon:after {
    border-color: #fff;
}

/* =========== 7. =BLOG/POSTS ============ */

/* hide elements on blog - categories, post author, and single post page title */
article.type-post .wd-post-cat, article.type-post .wd-post-meta .wd-post-author,
.single.single-post .page-title {
    display: none;
}

/* add margin to bottom of page title on blog pages */
.single-post .main-page-wrapper .wd-page-title {
    margin-bottom: 40px;
}

/* blog container smaller width */
.single-post .main-page-wrapper>.container {
    max-width: 887px;
}

/* =========== 8. =SINGLE DOCUMENT PAGE STYLES ============ */

/* hide comments and document meta details */
.wp-singular.single-dlp_document article .wd-post-meta  {
    display: none;
}

/* fix spacing on document page to align document details & buttons left */
.dlp_document-template-default.single.single-dlp_document .wd-entry-content .dlp-single-wrap .dlp-single-left {
    display: none;
}

/* adjust header and page spacing on single document page */
.wp-singular.single-dlp_document .wd-single-post-header {
    align-items: flex-start;
    margin-top: 40px;
    text-align: left;
    max-width: 1000px;
}

/* =========== 9. =NINJA FORMS ========= */

/* require fields text on ninja forms font size and alignment */
.nf-form-fields-required {
    font-size: .75em;
    margin-bottom: 15px;
}

/* force ninja forms submit button to be full width of forms */
.nf-form-layout .nf-form-content button, 
.nf-form-layout .nf-form-content input[type=button], 
.nf-form-layout .nf-form-content input[type=submit] {
    width: 100%;
}

/* =========== 10. =WOOCOMMERCE ========= */

@media (max-width: 768px) {
    /* shop page responsive CSS */
    .product-grid-item :is(.product-image-link,.hover-img) img {
        width: 40% !important;
    }
}

/* dues and payments */

/* hide breadcrumbs, 
product meta data, return to shop, 
edit account like on My Account page
hide message on My Account page,
hide My Payments page on Account Details tab from sidebar menu */
.single-breadcrumbs-wrapper, .product_meta, .return-to-shop,
.edit-account-link, .woocommerce-MyAccount-content>p:nth-child(3),
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-account {
    display: none;
}

.um-profile.um .um-profile-headericon a {
    color: #000000;
    font-size: 16px;
}

/* =========== 11. =DOCUMENT LIBRARY ========= */

/* Show x per page styling */
.dlp-folder-inner span.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus {
    width: 75px !important;
}

/* search box align left */
.main-page-wrapper .dlp-folders-container .dlp-folders-search {
    display: inline-block;
}

/* folders main category font size and padding */
.dlp-folder span.dlp-category {
    font-size: 30px;
    padding-bottom: 20px;
}

/* file upload - hide tags field from file uploader page */
#dlp-submit-form fieldset.fieldset-tags.fieldset-type-taxonomy {
    display: none;
}

/* =========== 12. =ULTIMATE MEMBER ========= */

/* UM field spacing */
.um-page .um .um-field {
    padding: 15px 0 15px 0px;
}

/* required field asterisk on UM registration form */
.um .um-form .um-field span.um-req {
  color: #f00;
  font-size: 17px;
}

/* field label and tool tip float left on UM registration */
.um-field-label label {
    float: left;
}

/* tool tip alignment with field label on UM form */
.um .um-form .um-field-label .um-tip:not(.um-page-account .um .um-form .um-field-label .um-tip) {
    top: 0px;
}

/* force styles on UM buttons - must be !important to override UM settings */
.main-page-wrapper .um .um-button {
    border-radius: 0px !important;
    text-transform: uppercase !important;
    font-weight: var(--btn-accented-font-weight, var(--btn-font-weight, 600)) !important;
}

/* remove padding bottom from my profile header above profile information */
.um .um-header {
    padding: 0px;
}

/* UM row headers text styles */
.um .um-row-heading, .um .um-account-main div.um-account-heading {
    padding: 5px 0px;
    font-size: 22px;
    font-weight: bold;
}

/* hide profile photo on UM my profile page */
.um-page-user .um .um-form .um-header .um-profile-photo {
    display: none;
}

/* hide username field on UM account details */
div#um_field_0_user_login {
    display: none;
}

/* hide misc. fields from UM account details > Privacy page */
div#um_field_0_profile_noindex, .um-field.um-field-export_data {
    display: none;
}

/* color of icon within an UM button */
.um .um-button.um-alt:before, 
.um input[type=submit].um-button.um-alt:before {
    color: #fff;
}

/* =========== 13. =THEME CONTROLLED ========= */

/* accordions active accordion color inherits from theme settings primary color  */
.vc_general.vc_tta.vc_tta-color-grey .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-color: var(--wd-primary-color);
    background-color: var(--wd-primary-color);
}

/* seperator line color - changes on all pages inherits from theme settings title color*/
.wpb_wrapper .vc_separator .vc_sep_holder span.vc_sep_line {
    border-color: var(--wd-title-color);
}

/* Document Library - sub-category folder headings inherits from theme settings text font size */
.dlp-folder-inner .dlp-folder span.dlp-category {
    font-size: var(--wd-text-font-size);
    padding-bottom: 10px;
}

/* Single Document Page - border and padding on single document page next to document details & buttons */
.dlp_document-template-default.single.single-dlp_document .wd-entry-content .dlp-single-wrap .dlp-single-right {
    border-left: 2px solid var(--wd-primary-color);
    padding-left: 5%;
}

/* Document Library '+' on mobile - coloer inherits from theme settings primary color */
.dlp-folders table.posts-data-table.dtr-column > tbody > tr > td.control::before, 
.dlp-folders table.posts-data-table.dtr-column > tbody > tr > th.control::before, 
.dlp-folders table.posts-data-table.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, 
.dlp-folders table.posts-data-table.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {
    color: var(--wd-primary-color);
}

/* Ninja Forms - tool tip icon color when color scheme light or dark use inherits from theme settings title color */
.color-scheme-light .nf-form-layout .nf-field .nf-help,
.color-scheme-dark .nf-form-layout .nf-field .nf-help {
    color: var(--wd-title-color);
}

/* Ultimate Member UM field label settings inherits from theme settings text font size, line height & font weight */
.um-page .um .um-field-label label {
    font-size: var(--wd-text-font-size) !important;
    line-height: var(--wd-text-line-height) !important;
    font-weight: var(--wd-text-font-weight);
}

/* Ultimate Member UM field label icon, field label and tool tip colors on UM forms inherits from theme settings title color */
.um .um-field-label .um-tip, .um .um-form .um-field .um-field-label {
    color: var(--wd-title-color);
}

/* Ultimate Member field label icon size on UM forms inherits from theme settings text font size */
.um .um-form .um-field-label .um-field-label-icon i {
    font-size: var(--wd-text-font-size);
    top: 7px;
}

/* Ultimate Member UM page basic styles inherits from theme settings text color and font size */
.um-page .um:not(.um-admin) {
    text-align: unset !important;
    color: var(--wd-text-color);
    font-size: var(--wd-text-font-size)
}

/* Ultimate Member color of gear and cog on UM my profile page inherits from theme settings title color */
.um-faicon-cog:before, .um-faicon-gear:before, .um-faicon-check:before {
    color: var(--wd-title-color);
}

/* UM resident directory resident profile cards font styles and 
spacing on profile fields inherits from theme settings text font size and line height */
.um.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline,
.um.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name a {
    font-size: var(--wd-text-font-size);
    padding: 20px 0 0 0;
    line-height: var(--wd-text-line-height)
}

/* Ultimate Member link styles for UM resident directory resident profile cards inherits 
from theme settings link color and link hover color */
.um-member-card a {
    color: var(--wd-link-color);
}

.um-member-card a:hover {
    color: var(--wd-hover-link-color);
}

/* global default and primary button color settings inherits from theme settings primary and alternative colors */
.main-page-wrapper :is(.btn,.button,button,[type="submit"],[type="button"]),
.um input[type=submit].um-button, .um input[type=submit].um-button:focus, 
.um a.um-button, .um a.um-button.um-disabled:hover, 
.um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:active,
input#um-submit-btn, .dlp-document-search-container form.dlp-document-search button.button,
.main-page-wrapper .um .um-button.um-alt, .main-page-wrapper .um input[type=submit].um-button.um-alt,
.nf-form-layout .nf-form-content button, 
.nf-form-layout .nf-form-content input[type=button], 
.nf-form-layout .nf-form-content input[type=submit] {
    font-family: var(--wd-text-font);
    font-size: 14px;
    font-weight: var(--btn-accented-font-weight, var(--btn-font-weight, 600));
    --btn-bgcolor: var(--wd-primary-color);
    --btn-bgcolor-hover: var(--wd-alternative-color);
    --btn-color-hover: #fff;
    --btn-color: #fff;
    --btn-alt-color: var(--wd-alternative-color);
    --btn-brd-color: var(--wd-primary-color);
    --btn-brd-color-hover: var(--wd-alternative-color);
}

/* global default and primary bordered button color settings inherits from theme settings primary color */
.main-page-wrapper :is(.btn.btn-style-bordered) {
    --btn-color: var(--wd-primary-color);
    --btn-brd-color: var(--wd-primary-color);
}

/* global default and primary link button color settings inherits from theme settings primary color */
.main-page-wrapper :is(.btn.btn-style-link, .btn.btn-color-primary.btn-style-link) {
    --btn-color: var(--wd-primary-color);
    --btn-color-hover: var(--wd-alternative-color);
}

/* alternative flat and 3d button color settings inherits from theme settings secondary color */
.main-page-wrapper :is(.btn.btn-color-alt) {
    --btn-color: #fff;
    --btn-brd-color: #fff;
    --btn-bgcolor: var(--wd-alternative-color);
    --btn-brd-color: var(--wd-alternative-color);
    --btn-bgcolor-hover: var(--wd-primary-color);
    --btn-brd-color-hover: var(--wd-primary-color);
}

/* alternative bordered button color settings inherits from theme settings secondary color */
.main-page-wrapper :is(.btn.btn-color-alt.btn-style-bordered) {
    --btn-color: var(--wd-alternative-color);
    --btn-brd-color: var(--wd-alternative-color);
    --btn-bgcolor-hover: var(--wd-alternative-color);
    --btn-brd-color-hover: var(--wd-alternative-color);
}

/* alternative link button color settings inherits from theme settings secondary color */
.main-page-wrapper :is(.btn.btn-color-alt.btn-style-link) {
    --btn-color: var(--wd-alternative-color);
    --btn-color-hover: var(--wd-primary-color);
}

/* white flat and 3d button color settings */
.main-page-wrapper :is(.btn.btn-color-white) {
    --btn-color: #333;
    --btn-color-hover: #fff;
    --btn-bgcolor: #fff;
    --btn-brd-color: rgba(255, 255, 255, 0.5);
}

/* white bordered button color settings */
.main-page-wrapper :is(.btn.btn-color-white.btn-style-bordered) {
    --btn-color: #fff;
    --btn-brd-color: #fff;
    --btn-bgcolor-hover: var(--wd-alternative-color);
    --btn-brd-color-hover: var(--wd-alternative-color);
}

/* white link button color settings */
.main-page-wrapper :is(.btn.btn-color-white.btn-style-link) {
    --btn-color: #fff;
}

/* black flat and 3d button color settings */
.main-page-wrapper :is(.btn.btn-color-black) {
    --btn-color: #fff;
    --btn-color-hover: #fff;
    --btn-bgcolor: #212121;
    --btn-brd-color: #212121;
}

/* black bordered button color settings */
.main-page-wrapper :is(.btn.btn-color-black.btn-style-bordered) {
    --btn-color: #333;
    --btn-bgcolor-hover: #212121;
}

/* black link button color settings */
.main-page-wrapper :is(.btn.btn-color-black.btn-style-link) {
    --btn-color: #212121;
}

/* specific UM buttons & Ninja Forms background and color settings inherits from global and default button settings */
.um input[type=submit].um-button,  
.um a.um-button,
.main-page-wrapper .um .um-button.um-alt, 
.main-page-wrapper .um input[type=submit].um-button.um-alt,
.um .um-button.um-alt, .um input[type=submit].um-button.um-alt,
.nf-form-layout .nf-form-content button, 
.nf-form-layout .nf-form-content input[type=button], 
.nf-form-layout .nf-form-content input[type=submit] {
    color: var(--btn-color);
    background: var(--btn-bgcolor);
}

/* specific UM buttons & Ninja Forms background and color settings inherits from global and default button settings */
.um input[type=submit].um-button:hover,
.um input[type=submit].um-button:focus,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active,
.main-page-wrapper .um .um-button.um-alt:hover, 
.main-page-wrapper .um input[type=submit].um-button.um-alt:hover,
.nf-form-layout .nf-form-content button:hover, 
.nf-form-layout .nf-form-content input[type=button]:hover, 
.nf-form-layout .nf-form-content input[type=submit]:hover {
    background: var(--btn-bgcolor-hover);
    color: var(--btn-color-hover);
}

/* =========== 6. =MISC ============ */

@media print {a:link:after, a:visited:after {content: "";}}