/*
 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. =CONSTANT CONTACT NEWSLETTER FORM
  8. =SEARCH RESULTS
*/

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

/* row reverse on tablet horizontal */
@media (min-width: 992px) and (max-width: 1199px) {
    .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
    }
}

/* remove the gradient on the right of the blog carousel */
@media (max-width: 1024px) {
    .wd-posts.wd-blog-element.wd-carousel-dis-mb .wd-carousel-wrap {
        -webkit-mask-image: none;
        mask-image: none;
    }
}

@media (max-width: 767px) {
    /* reposition scroll to top button on mobile */
    body .scrollToTop.button-show {
        bottom: 20px;
    }

    /* hide recaptcha and userway plugin badges on mobile */
    .g-recaptcha .grecaptcha-badge, body .uwy.umb {
        display: none;
    }
}

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

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

/* remove site content margin bottom & wd-content-layout padding bottom on all pages */
.container .site-content {
    margin-bottom: 0px;
}

.main-page-wrapper .wd-content-layout:not(.archive.category .main-page-wrapper .wd-content-layout, 
    .single.single-post .main-page-wrapper .wd-content-layout, .search.search-results .main-page-wrapper .wd-content-layout, 
    .search.search-no-results .main-page-wrapper .wd-content-layout) {
    padding-block: 0px;
}

.main-page-wrapper:not(.single-product .main-page-wrapper, .single.single-post .main-page-wrapper) {
    padding-top: 0px;
}

/* padding bottom on pages to remove overlapping footer */
.archive.category .main-page-wrapper, .single.single-post .main-page-wrapper:not(.page .main-page-wrapper),
.search.search-results .main-page-wrapper, .search.search-no-results .main-page-wrapper {
    padding-bottom: 100px;
}


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

/* Seperator line color - changes on all pages
span.vc_sep_line {
    border-color: #5178ab !important;
} */

/* Page header row background color - changes on all pages */
body .page-header-row {
    background-color: #DFDDD1 !important;
}

/* Page header row spacing - changes on all pages */
.page-header-row h1 {
    padding-top: 30px;
}


/* logo in footer max-width 70% */
.wpb_single_image.imgw-70 img {
    max-width: 70%;
}


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

.whb-header.whb-sticky-real.whb-sticked .whb-main-header .whb-sticky-row {
    background-color: #1b488a;
}


/* Header Text Styling */

.whb-top-bar .wd-nav-secondary>li>a {
    font-weight: 600 !important;
    font-size: 16px !important;
}

/* Button Color */

.btn.btn-color-alt {
    background-color: #b92238;
}

/* Top Header Button Styling */

:is(.btn,.button,button,[type="submit"],[type="button"]) {
font-size: 16px;
}

/* top menu Association name sizing */
.whb-top-bar .wd-header-text {
    font-size: 18px !important;
}

/* Fix dropdown megamenu spacing */

.wd-dropdown-menu.wd-design-full-width:not(.wd-scroll), .wd-dropdown-menu.wd-design-default {
    padding: 0px;
}


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


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

/* footer logo background */
footer.wd-footer .wpb_single_image.imgw-80 img {
    max-width: 80%;
    background-color: var(--wd-primary-color);
    padding: 10%;
}


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


.wd-timeline .woodmart-timeline-breakpoint-title {
    font-size: 22px;
    text-transform: uppercase;
    font-family: var(--wd-title-font);
}


/* NinjaForms Tool Tip Color */

.nf-help {
    color: #fc00ff !important;
}

/* Ninja Forms Button Styling */
.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] {
    background: var(--wd-primary-color);
    width: 100%;
}

.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: #5178AB;
    color: #fff;
}

.nf-breadcrumbs li.active a {
    background: #fc00ff !important;
    color: #ffffff !important;
}

.nf-breadcrumbs li a {
    background: #17a8b6 !important;
}

.nf-breadcrumbs li a:hover {
    color: #ffffff !important;
}


/* UM make text black */

.um {
    color: #000;
}

/* Ultimate Member Login Button Styling Hover Text */

input#um-submit-btn {
    color: #fff;
}

/* Ultimate Member Register Button Styling */

a.um-button.um-alt {
    color: #ffffff !important;
    text-transform: uppercase !important;
    background: #17a8b6 !important;
}

/* Ultimate Member Login Button Styling */

input#um-submit-btn {
    background: #dfddd1;
    text-transform: uppercase !important;
}

/* Document Uploader Button Styling */ 

:is(.btn,.button,button,[type="submit"],[type="button"]) {
    color: #fff;
    background-color: var(--wd-primary-color);
}

:is(.btn:hover,.button:hover,button:hover,[type="submit"]:hover,[type="button"]:hover) {
    color: #fff;
    background-color: #5178AB;
    border-color: #5178AB;
}


/* Blog - Hide Social Share */

.wd-post-header, .blog-post-loop .hovered-social-icons {
    display: none !important;
}

/* Blog - Hide Author */

.wd-meta-author {
    display: none !important;
}

/* Blog - Hide Author */

.entry-meta.wd-entry-meta {
    display: none;
}

/* Blog - Hide Author */

ul.entry-meta-list {
    display: none;
}

/* Blog - Hide Category */

.wd-post-cat.wd-style-default {
    display: none !important;
} 

/* Blog - Increase Date Font Size */

.wd-meta-date {
    font-size: 18px !important;
}

/* blog category on blog loop font size */
.wd-post-cat.wd-style-with-bg {
    font-size: 12px;
}

/* Required field on UM Registration */

.um span.um-req {
  color: #f00 !important;
  font-size: 20px !important;
}

/* Field label adjustments on UM Registration */

.um-field-label label {
    float: left;
}

/* Tooltip icon on UM Registration */

.um .um-tip {
    color: #fc00ff;
}

/* Hide user icon on UM account details */
.um-account-meta-img {
    display: none;
}

/* Hide user icon on edit profile of UM */
.um-profile-photo {
    display: none;
}

/* Hide My Payments page - Account Details tab from sidebar menu */
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-account {
    display: none;
}

/* Hide username on UM account details */

div#um_field_0_user_login {
    display: none;
}

/* Hide misc fields from UM profile Privacy page */

div#um_field_0_profile_noindex {
    display: none;
}

.um-field.um-field-export_data {
    display: none;
}


/* Adding text to profiles */
.um-faicon-cog:before, .um-faicon-gear:before {
    content: "Edit Profile \f013";
    color: #fc00ff;
}

.um-faicon-check:before {
    content: "Save Profile \f00c";
    color: #fc00ff;
}

.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 {
    font-size: 16px !important;
    padding: 20px 0 0 0 !important;
    line-height: 24px !important;
}

.um-member-card a {
    color: #17a8b6;
    font-weight: bold;
}

.um .um-button.um-alt:before, .um input[type=submit].um-button.um-alt:before {
    color: #ffffff;
}

.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 {
    background: #17a8b6;
}

/**** Dues & Payments ****/

.single-breadcrumbs-wrapper {
    display: none;
}

.product_meta {
    display: none;
}

.return-to-shop {
  display: none; 
}

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

/* Hide account edit link on My Account Page */
.edit-account-link {
    display: none;
}

/* Hide message on My Account Page */
.woocommerce-MyAccount-content>p:nth-child(3) {
    display: none;
}

/* Fix UM page styling issue */
.um:not(.um-admin) {
    text-align: unset !important;
    color: var(--wd-text-color) !important;
    font-size: 20px !important;
}

/* Folder styling */

/* 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 styling */
.dlp-folders-search {
    display: inline-block !important;
}


/* Folder styling */
.dlp-folder span.dlp-category {
    font-size: 30px;
    padding-bottom: 20px;
}

/* Folder styling */
.dlp-folder-inner .dlp-folder span.dlp-category {
    font-size: 20px;
    padding-bottom: 7px;
}

/* File Upload - Hide tags field from file uplodaer page */
#dlp-submit-form fieldset.fieldset-tags.fieldset-type-taxonomy {
    display: none;
}

/*** Tabs ***/

/* Dark color tab body */
.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body {
    background-color: #5178ab  !important;
    background-image: none !important;
    color: #fff;
}

/* Dark color tab body */
.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body, .vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body::after, .vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body::before {
    border-color: #015c84  !important;
}

.online-forms label {
    color: #fff !important;
}

/* Light color tab header */
.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-color: #E4F2FA !important;
    background-color: #E4F2FA !important;
}

/** Box Backgrounds **/

.box-bg-primary {
    background-color: #f7f7f7 !important;
}

.box-bg-primary .vc_column-inner {
    padding-top: 35px;
}

.box-bg-alternate {
    background-color: #5178ab !important;
}

.box-bg-alternate .vc_column-inner {
    padding-top: 35px;
}

.um-button {
    border-radius: 0px !important;
    text-transform: uppercase !important;
}

/* tabs on helpful links page styles */
.vc_general.vc_tta-color-grey.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels,
.vc_general.vc_tta-color-grey.vc_tta-style-flat.vc_tta-tabs .vc_tta-panel .vc_tta-panel-body {
        background-color: #DFDDD17D;
    }

/* active tab colors */
.vc_general.vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab.vc_active>a,
.vc_general.vc_tta-color-grey.vc_tta-style-flat.vc_tta-tabs .vc_tta-panel.vc_active .vc_tta-panel-heading {
    background-color: var(--wd-primary-color);
    color: #fff;
}

/* tab colors */
.vc_general.vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab>a,
.vc_general.vc_tta-color-grey.vc_tta-style-flat.vc_tta-tabs .vc_tta-panel .vc_tta-panel-heading {
    background-color: #5178AB;
    color: #fff;
}

/* tab hover styles on desktop */
.vc_general.vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab>a:focus, 
.vc_general.vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab>a:hover {
    background-color: #5178abcc;
}

/* tab labels on mobile devices */
.vc_general.vc_tta-color-grey.vc_tta-style-flat.vc_tta-tabs .vc_tta-panel.vc_active .vc_tta-panel-title>a,
.vc_general.vc_tta-color-grey.vc_tta-style-flat.vc_tta-tabs .vc_tta-panel .vc_tta-panel-title>a {
    color: #fff;
}


/* 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%;
}

/* to top button styles */
body .scrollToTop {
    bottom: 100px;
    background-color: #b92238;
    color: #fff;
}

body .scrollToTop:hover {
    background-color: #5178ab;
    color: #fff;
}

/* advertising rates table tablehead styles */
#ad-rates table tbody tr>th {
    font-size: 20px;
    font-weight: bold;
}


/* =========== 7. =CONSTANT CONTACT NEWSLETTER FORM ============ */

/* remove box border radius and use font from website for text */
.wpb_column .wpb_raw_code div.ctct-form-embed div.ctct-form-defaults {
    border-radius: 0px;
    font-family: var(--wd-text-font);
}

/* subscribe button styles */
.wpb_column .wpb_raw_code .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button {
    background-color: var(--wd-primary-color);
    border-color: var(--wd-primary-color);
    text-transform: var(--btn-transform, uppercase);
    font-weight: var(--btn-font-weight, 600);
    font-family: var(--btn-font-family, inherit);
    font-style: var(--btn-font-style, unset);
    padding: var(--btn-padding, 5px 20px);
    min-height: var(--btn-height, 42px);
    border-radius: 0px;
}

/* subscribe button styles on hover */
.wpb_column .wpb_raw_code .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button:hover {
    background-color: #5178AB;
    border-color: #5178AB;;
}


/* =========== 8. =SEARCH RESULTS ============ */

/* page title styles on search results page */
.search.search-results .wd-page-content .wd-page-title.page-title,
.search.search-no-results .wd-page-content .wd-page-title.page-title {
    padding-bottom: 0px;
}

.search.search-results .wd-page-content .wd-page-title.page-title h1.title,
.search.search-no-results .wd-page-content .wd-page-title.page-title h1.title {
    font-style: italic;
    color: rgba(226, 226, 226, 0.8);
    text-transform: capitalize;
}

/* hide elements from displaying on search results */
.search.search-results .wd-posts article .article-inner header,
.search.search-results .wd-posts article .article-inner .article-body-container .meta-categories-wrapp,
.wp-singular.dlp_document-template-default.single.single-dlp_document article .wd-post-meta,
.wp-singular.dlp_document-template-default.single.single-dlp_document article .wd-entry-content .dlp-single-left,
.search.search-results .wd-posts article .article-inner .article-body-container .entry-summary,
.search.search-no-results .site-content article.no-results>p,
.search.search-no-results .site-content article .wd-search-form {
    display: none;
}

/* gap between search result items */
.search.search-results .wd-blog-element .wd-posts:not([style*="wd-gap"]) {
    --wd-gap-lg: 10px;
    --wd-gap-md: 10px;
}

/* styling of search results */
.search.search-results .wd-posts article.wd-post.blog-style-bg .article-body-container {
    padding: 5px;
    border-radius: 0px;
    background-color: transparent;
    box-shadow: none;
    margin: 0 auto;
}

.search.search-results .wd-posts article.blog-design-small-images .post-title {
    font-size: var(--wd-text-font-size);
    font-family: var(--wd-text-font);
    margin-bottom: 0px;
}

/* add padding to bottom of search results page */
.search.search-results .wd-page-wrapper main.wd-content-layout,
body.wp-singular.ajde_events-template-default.single-ajde_events .evo_page_content {
    padding-bottom: 150px;
}


/* single document search results page */
body.wp-singular.dlp_document-template-default.single.single-dlp_document .whb-overcontent,
body.wp-singular.ajde_events-template-default.single-ajde_events .whb-overcontent {
    padding-top: 85px !important;
    margin-bottom: 40px;
    background-color: rgb(81, 120, 171);
}

.wp-singular.dlp_document-template-default.single.single-dlp_document article .wd-entry-content .dlp-single-right {
    border-left: 10px solid #424453;
    width: calc(100% - 40px);
}


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