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

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

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

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

@media (min-width: 991px) and (max-width: 1199px) {
    /* reverse columns on smaller devices */
    .vc_row.row-reverse-tablet>.wpb_column:nth-child(1) {
        order: 12;
    }

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

@media (max-width:  1025px) {
    /* size of buttons in header for smaller devices */
    .whb-header .whb-row.whb-top-bar .btn-size-extra-small {
        padding: 3px 10px;
        font-size: 11px;
        line-height: 20px;
    }
}

@media (max-width: 991px) {
    /* align footer text center on small devices */
    .wpb_column.column-center .wd-text-block-wrapper.text-right,
    .wpb_column.column-center .vc_row .wpb_column.column-center .vc_column-inner .wpb_wrapper {
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    /* reset margin top */
    .reset-margin-tablet>.vc_column-inner {
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


@media (min-width: 768px) {
    /* stop last child with column spacing 30px from having padding right */
    .vc_row.vc_column-gap-30>.vc_column_container:last-child {
        padding-right: 0px;
    }
}

@media (max-width: 767px) {
    /* reset margin top */
    body .main-page-wrapper .reset-element-margin, 
    .main-page-wrapper .reset-margin>.vc_column-inner, 
    .main-page-wrapper .reset-margin-mobile>.vc_column-inner {
        margin-top: 0 !important;
    }

    /* accordion text size on mobile */
    .vc_general.vc_tta.styled-accordions.enlarge-headings span.vc_tta-title-text {
        font-size: 18px;
    }

    /* align text left on mobile */
    .wpb_column.column-left .title-wrapper.text-right {
        text-align: left;
    }
}

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

/* remove site content margin bottom */
.page .main-page-wrapper .site-content {
    margin-bottom:  0px;
}

/* z-index of column */
.wpb_column.z-index.vc_column_container {
    z-index: 11;
}

/* rounded image */
.website-wrapper .wpb_single_image.rounded-img img,
.wpb_single_image.rounded-img .vc_single_image-wrapper[class*="vc_box_shadow"], 
.wpb_single_image.rounded-img .vc_single_image-wrapper[class*="vc_box_shadow"] img {
    border-radius: 35px
}

/* page title with green highlight */
.title-wrapper.highlight .title {
    background-color: var(--wd-alternative-color);
    padding: 5px 20px;
}

/* image size */

/* max width 80% */
.wpb_single_image.img-80 {
    max-width: 80%;
    margin: 0 auto;
}

/* max width 70% */
.wpb_single_image.img-70 {
    max-width: 70%;
}

/* button text font style */
body .btn, body .button, body button, body .added_to_cart, body [type="submit"], body [type="button"] {
    font-family: var(--wd-header-el-font);
}

.website-wrapper .btn.btn-color-primary:hover,
.website-wrapper .btn.btn-color-alt:hover,
.nf-form-cont .nf-form-content button:hover, 
.nf-form-cont .nf-form-content input[type=button]:hover, 
.nf-form-cont .nf-form-content input[type=submit]:hover {
    background-color:  var(--btn-default-bgcolor-hover);
    border-color: var(--btn-default-bgcolor-hover);
}

/* remove button box-shadow */
body .btn:hover, body .button:hover, body button:hover, 
body .added_to_cart:hover, body [type="submit"]:hover, body [type="button"]:hover {
    box-shadow:  none;
}

/* bordered button with transparent white background */
a.btn.btn-style-bordered.trans-wht-bg:not(:hover) {
    background-color: rgb(255 255 255 / 65%) !important;
}

/* break long urls */
.wpb_text_column .wpb_wrapper p a,
.wpb_wrapper .woodmart-text-block a {
    word-break: break-all;
}


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

/* top bar background color */
/*.whb-row.whb-top-bar.whb-color-light {
    background-image: -webkit-linear-gradient(left , rgb(44 164 217) , rgb(56 146 186) 33% , rgb(122 170 53) 66% , rgb(142 196 65) 100%);
    background-image: -moz-linear-gradient(left , rgb(44 164 217) , rgb(56 146 186) 33% , rgb(122 170 53) 66% , rgb(142 196 65) 100%);
    background-image: -o-linear-gradient(left , rgb(44 164 217) , rgb(56 146 186) 33% , rgb(122 170 53) 66% , rgb(142 196 65) 100%);
    background-image: linear-gradient(left , rgb(44 164 217) , rgb(56 146 186) 33% , rgb(122 170 53) 66% , rgb(142 196 65) 100%);
    background-image: -ms-linear-gradient(left , rgb(44 164 217) , rgb(56 146 186) 33% , rgb(122 170 53) 66% , rgb(142 196 65) 100%);
}*/

/* buttons in top bar styles */
.whb-row.whb-top-bar .btn-size-extra-small {
    padding: 8px 20px;
    font-size:  14px;
    line-height:  20px;
}

/* main menu items spacing */
.menu.wd-nav>li>a {
    padding-right: 20px;
    padding-left: 20px;
}

/* mobile menu font styles and sizes */
.mobile-nav .wd-nav-mobile>li>a {
    font-weight: var(--wd-header-el-font-weight);
    font-size: var(--wd-header-el-font-size);
    font-family: var(--wd-header-el-font);
    text-transform: var(--wd-header-el-transform);
}

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


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


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

/* display second paragraph of responsive text block */
.main-page-wrapper .wd-text-block-wrapper .woodmart-text-block p:first-child:empty, 
.main-page-wrapper .wd-text-block-wrapper .woodmart-text-block p:first-child:empty~p:last-child {
    display: block;
}

/* hide auto generated p tag in responsive text block to fix weird spacing issue */
.main-page-wrapper .wwd-text-block-wrapper .woodmart-text-block p:empty:before {
    display: none;
}

/* text link color & active menu item color */
.wd-text-block-wrapper .woodmart-text-block a {
    color: var(--wd-link-color);
}

.wd-text-block-wrapper .woodmart-text-block a:hover,
.color-scheme-dark .wd-text-block-wrapper .woodmart-text-block a:hover,
footer .wpb_raw_code ul.wd-nav-main li a:hover,
.wd-text-block-wrapper.text-link .woodmart-text-block a:hover {
    color: var(--wd-alternative-color);
}

/* border color and size on circle image */
.wpb_wrapper .wpb_single_image .vc_box_border.vc_box_border_grey, 
.wpb_wrapper .wpb_single_image .vc_box_border_circle.vc_box_border_grey {
    background-color: #efefef;
    padding: 4px;
}

/* list items spacing */
.wpb_wrapper .wd-list li:not(:last-child) {
    margin-bottom: 0px;
}

.wpb_wrapper .wd-list.mb-list li:not(:last-child) {
    margin-bottom: 15px;
}

/* styled accordions on - who we service */
/* adjust padding in accordions */
.vc_tta.vc_general.styled-accordions .vc_tta-panel-title>a {
    padding: 8px 20px;
}

/* faqs accordions enlarge heading font size */
.vc_tta.styled-accordions.enlarge-headings span.vc_tta-title-text {
    font-size: 23px;
    line-height:  1.4;
}

/* border width of accordions */
.vc_tta.vc_tta-style-outline.styled-accordions .vc_tta-panel-body, 
.vc_tta.vc_tta-style-outline.styled-accordions .vc_tta-panel-heading {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width:  2px;
    border-right-width: 2px;
}

/* non-active accordion styles */
.vc_tta-color-grey.vc_tta-style-outline.styled-accordions .vc_tta-panel .vc_tta-panel-heading {
    border-color: #cbcbcb;
}

.vc_tta-color-grey.vc_tta-style-outline.styled-accordions .vc_tta-controls-icon::after, 
.vc_tta-color-grey.vc_tta-style-outline.styled-accordions .vc_tta-controls-icon::before {
    border-color: #909090;
}

.vc_tta-color-grey.vc_tta-style-outline.styled-accordions .vc_tta-panel .vc_tta-panel-title>a {
    color:  #909090;
}

/* active accordion styles */
.vc_tta-color-grey.vc_tta-style-outline.styled-accordions .vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_tta-color-grey.vc_tta-style-outline.styled-accordions .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, 
.vc_tta-color-grey.vc_tta-style-outline.styled-accordions .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {
    border-color: #2ca4d9;
}

.vc_tta-color-grey.vc_tta-style-outline.styled-accordions .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #2ca4d9;
}

/* remove margin bottom of images gallery */
.wpb-js-composer .main-page-wrapper .wd-images-gallery.view-carousel, 
.wpb-js-composer .main-page-wrapper .wd-images-gallery.view-justified {
    margin-bottom:  0px;
}

/* non clickable button with icon */
a.btn.transparent.not-clickable {
    border: none;
    pointer-events: none;
    padding: 0px;
    font-size: 20px;
}

/* remove border around google map */
.main-page-wrapper .wpb_gmaps_widget .wpb_wrapper {
    padding:  0px;
    background-color: transparent;
}

/* pop-up shape */
.wd-popup {
    border-radius: 35px;
}

/* =========== 7. =NINJA FORMS ============ */

/* required fields text styles */
.nf-form-fields-required {
    font-size: 12px;
    text-align: right;
}

/* form field labels font style */
.nf-form-content label {
    font-family: var(--wd-header-el-font);
}

/* ninja forms button styles */
.nf-form-cont .nf-form-content button, 
.nf-form-cont .nf-form-content input[type=button], 
.nf-form-cont .nf-form-content input[type=submit] {
    background: var(--btn-default-bgcolor);
    color: #fff;
    border-radius: 35px;
    width: 100%;
}

.nf-form-cont .nf-form-content button:hover, 
.nf-form-cont .nf-form-content input[type=button]:hover, 
.nf-form-cont .nf-form-content input[type=submit]:hover {
    color: #fff;
}

/* =========== 8. =BLOG/RESOURCES ============ */

/* border radius and styles of post grid */
.blog-design-masonry.blog-style-shadow .article-inner,
.blog-design-masonry.blog-style-shadow .article-body-container {
    border-radius: 35px;
}

.woodmart-archive-blog .blog-design-masonry.blog-style-shadow .article-inner {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    border-left: 3px solid #efefef;
    border-right: 3px solid #efefef;
    box-shadow: none;
}

.woodmart-archive-blog .blog-design-masonry.blog-style-shadow:hover .article-inner {
    box-shadow: 0 0 9px rgb(0 0 0 / 8%);
}

/* position of blog category in post grid */
.blog-post-loop .meta-categories-wrapp {
    position: unset;
    top: 0px;
    margin-bottom: 20px;
}


/* post category on post grid styles */
.blog-post-loop .meta-post-categories {
    background-color: var(--wd-alternative-color);
    padding-left: 20px;
    padding-right: 20px;
}

.blog-post-loop .meta-post-categories>a {
    text-transform: capitalize;
    font-weight: normal;
    font-size: 13px;
    font-family: var(--wd-entities-title-font);
}

/* hide author and hover share links */
.entry-meta.wd-entry-meta, .blog-post-loop .hovered-social-icons {
    display:  none;
}

/* font size of post title in post grid */
.blog-post-loop h3.title.post-title {
    font-size: 30px;
}

/* continue reading link styles in post grid */
.blog-post-loop .read-more-section a {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-family: var(--wd-entities-title-font)
}

/* width of blog container on single post page */
.single-post .main-page-wrapper .container {
    max-width:  1000px;
}

/* post category on single post page styles */
.single-post .post-single-page .meta-post-categories {
    padding-left: 20px;
    padding-right: 20px;
    height: 40px;
    background-color: var(--wd-alternative-color);
}

.single-post .meta-post-categories>a {
    text-transform: capitalize;
    font-weight: normal;
    font-size: 20px;
    line-height: 35px;
    font-family: var(--wd-entities-title-font);
}

/* font size of post title on post page */
.single-post .post-single-page .post-title {
    margin-bottom: 50px;
    font-size: 50px;
}

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