/*
 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
  8. =NINJA FORMS
*/

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

/* 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: 502px) {
    .wd-button-wrapper.inline-element a.btn, .wd-button-wrapper.inline-element {
        width: 100%;
    }
}


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

/* remove padding from top and footer areas of the website, but not in blog */
.wd-page-wrapper .wd-content-layout:not(.blog .wd-page-wrapper .wd-content-layout, 
    .single.single-post .wd-page-wrapper .wd-content-layout, 
    .archive.category .wd-page-wrapper .wd-content-layout) {
    padding-block: 0px;
}

/* add letter spacing to text & titles */
.letter-spacing, .title-wrapper.-letter-spacing .title {
    letter-spacing: 4px;
}

/* gradient button styles */
body .wpb-content-wrapper :is(.btn,.button,button,[type=submit],[type=button]) {
    background: radial-gradient(circle,rgba(16, 43, 89, 1) 50%, rgba(2, 16, 36, 1) 100%);
    background-color: #000;
    color: #fff;
    transition: background 0.7s ease-in-out;
    font-size: 13px;
    font-family: var(--wd-alternative-font);
    letter-spacing: .5px;
    font-weight: 400;
}

body .wpb-content-wrapper :is(.btn,.button,button,[type=submit],[type=button]):hover {
    background: #000;
    color: #fff;
    transition: background 0.7s ease-in-out;
}


/* elements with gradient background (ie. top bar, policies in footer, etc.) */
.whb-main-header .whb-row.whb-top-bar, footer #policies,
.vc_row.wpb_row.gradient, .wd-page-wrapper .wd-page-title.page-title,
article .wd-post-cat.wd-style-with-bg {
    background:  linear-gradient(90deg,rgba(16, 43, 89, 1) 0%, rgba(2, 16, 36, 1) 56%);
}


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

/* top bar header text */
.whb-main-header .whb-row.whb-top-bar .wd-header-text {
    font-size: 13px;
    font-family: var(--wd-title-font);
    color: #fff;
    letter-spacing: .5px;
}

/* add letter spacing to main menu items */
.whb-header .menu-item {
    letter-spacing: 1px;
}

.whb-sticky-shadow.whb-sticked .whb-main-header {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #00000040;
}


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


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

#policies .wd-text-block {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
}


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


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

/* hide elements within the blog */
article .wd-single-post-header .wd-post-meta, article .wd-post-inner .wd-post-meta {
    display: none;
}

/* category indicator style */
header.wd-single-post-header .wd-post-cat.wd-style-with-bg,
article .wd-post-cat.wd-style-with-bg {
    font-family: var(--wd-alternative-font);
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: normal;
}

/* post h3 title in blog loop add margine to top */
article .wd-post-inner h3.wd-post-title.wd-entities-title.title.post-title {
    margin-top: 15px;
}

/* continue reading link on blog loop styles */
article .wd-post-inner .wd-post-read-more {
    font-family: var(--wd-alternative-font);
    font-size: 15px;
    letter-spacing: 2px;
    font-weight: normal;
}

/* post h1 title size */
header.wd-single-post-header h1.wd-entities-title.wd-post-title.title {
    font-size: 45px;
}

/* increase padding on list items within blog posts */
.single.single-post article .wd-entry-content :is(ul,ol) {
  padding-left: 5%;
}

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

/* single post footer navigation styles */
.single.single-post .wd-builder-off .wd-page-nav {
    border-block: 2px solid #000;
}

/* social share icons */
.single.single-post .wd-social-icons.wd-style-colored>a {
    --wd-social-bg: var(--wd-primary-color);
    --wd-social-bg-hover: #000;
}

/* =========== 8. =NINJA FORMS ============ */

:root .nf-form-layout textarea {
    min-height: 100px;
}

.nf-form-layout .nf-field-element textarea {
    height: 100px;
}

/* minimum height of form fields */
.nf-form-layout .nf-field-element input:not(input[type='checkbox']),
.nf-form-layout .nf-field-element select, 
.nf-form-layout .nf-field-element textarea {
    min-height: 40px;
}

/* required fields text on form styles */
.nf-form-fields-required {
    font-size: 13px;
    text-align: right;
    margin-bottom: 5px;
}

/* ninja forms submit button force full width */
.nf-form-layout .nf-form-content :is(.btn,.button,button,[type=submit],[type=button]) {
    width: 100%;
}

/* font size on description text below field label */
.nf-form-layout .nf-field-description {
    font-size: 13px;
    margin-bottom: 15px;
}

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

/* show mobile menu sooner */
@media (max-width: 1199px) {
    /* 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;
    }
}