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




/*** General Settings ***/

.btn.btn-style-bordered {
    border-width: 1.5px;
    font-weight: 300;
    letter-spacing: 1px;
}

.main-page-wrapper {
    background-color: #060606 !important;
}


/*** Mobile Side Menu ***/

.create-nav-msg {
    display: none !important;
}

.wd-side-hidden {
    background-color: #060606 !important;
}

#contact-info-wrap #contact-info .box-icon-wrapper {
    display: none;
}



/*** Title (Filled / Outline) ***/


.outline-title-text {
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
}


/*** Text Settings ***/

.letter-spacing-text {
    letter-spacing: 2.5px;
}


/*** Testimonial Block ***/

.testimonial-avatar {
    text-align: center !important;
    margin: 0 auto !important;
}

/* .testimonial-avatar > img {
    text-align: center !important;
    margin: 0 auto !important;
} */



/*** Contact Form ***/

.wpcf7 input {
    height: 58px;
    border-radius: 12px;
    margin-bottom: 10px;
}

.wpcf7 textarea {
    border-radius: 12px;
}

.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
    font-size: 18px;
    font-weight: 100;    
}



/*** Home Page ***/

.home-services-block-title {
    min-height: 92px;
}




/*** Marketing Block Circle ***/

#marketing-block-circle-wrap .info-box-wrapper.inline-element {
    margin-left: -20px;
    margin-right: -20px;
}

.marketing-block-circle {
    border-radius: 1000px !important;
    height: 300px;
    width: 300px;
}

.marketing-block-circle .box-icon-wrapper > .info-box-icon {
    position: absolute;
    top: 0;
    left: 40px;
    border: 1px solid #eee;
    border-radius: 100px;
    
    font-size: 18px;
    height: 50px !important;
    min-width: 50px !important;
    line-height: 50px !important;
}

.marketing-block-circle .info-box-content {
    margin-top: 87px;
}




/*** Progress Bar ***/



.dynamic-progress-bar > .vc_general.vc_single_bar {
    background: #565656 !important;
    font-size: 0 !important;
    height: 1px;
}



/*** Testimonials Block ***/

#testimonials-block-wrap .wd-nav-pagin .wd-nav-pagin-item > span {
    width: 20px;
    height: 20px;
    background: #696969;
    border: 0;
}

#testimonials-block-wrap .wd-nav-pagin .wd-nav-pagin-item.wd-active > span {
    background: #eee;
}



/*** Blog Settings ***/

.blog .site-content,
.archive .site-content,
.single-post .site-content {
    margin-bottom: 160px;
}

.wd-post-cat.wd-style-with-bg {
    background-color: #323232;
}

.blog-design-meta-image .wd-meta-author,
.single-post .meta-author,
.single-post .wd-post-date,
.blog .wd-post-entry-meta {
    display: none !important;
}








/*** Text Slider ***/


.text-slider {
    overflow: hidden; 
    display: flex;
    align-items: center;  
    justify-content: center; 
}

.text-slide {
    font-size: calc(100vw / 4); 
    font-weight: 900; 
    color: #eeeeee;
    line-height: 1; 
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw; 
    text-align: center; 
    white-space: nowrap; 
}



/*** Footer ***/

.footer-copyrights {
    box-shadow: 0px -30px 100px #000;
}

.footer-link-color > p > a {
    color: #8e8e8e !important;
}


.footer-social > a > span::before {
    color: #d6d6d6 !important;
}