/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


header#top {
    padding: 10px 0;
}
div#copyright p {
    font-size: 13px;
}
#top ul.sf-menu.sf-js-enabled.sf-arrows a span {
    font-size: 14px !important;
    font-family: 'HelR' !important;
}
h1 {
    font-family: 'HelB' !important;
    font-size: 35px !important;
}


h2 {
    font-family: 'HelB' !important;
    font-size: 23px !important;
}
h3 {
    font-family: 'HelB' !important;
    font-size: 25px !important;
    line-height: 28px !important;
}
h4 {
    font-family: 'HelB' !important;
    font-size: 35px !important;
}
h5 {
    font-family: 'HelR' !important;
    font-size: 13px !important;
}
h6 {
    font-family: 'HelB' !important;
    font-size: 22px !important;
}

.comments-section {
    display: none;
}
.single-post h4 {
    font-size: 23px !important;
}
div#sidebar div#recent-posts-extra-2 h4 {
    font-size: 25px !important;
    color: #000 !important;
    font-weight: 700;
}
#header-outer a#logo {
    margin: 5px 0 !important;
}
/* div#header-outer {
    border-bottom: 1px solid #cccccc94;
} */

#sec1 .post-featured-img-wrap {
    width: 40.5% !important;
}
#sec1 .post-content-wrap:hover {
    transform: scale(0.9) !important;
    filter: drop-shadow(2px 4px 6px black);
}
#sec1 .post-content-wrap {
    margin-left: 30px;
    transition: 0.9s;
}
#sec1 .post-content-wrap span.meta-category a {
    color: #fff !important;
    margin: unset !important;
    margin-bottom: 10px !important;
}
#sec1 .post-content-wrap span.meta-category {
    background: #212552;
    color: #fff !important;
    padding: 5px 15px;
    border-radius: 30px;
    font-size: 16px !important;
    font-weight: 200 !important;
    bottom: 10px;
}
#sec3 ul.wpb_tabs_nav.ui-tabs-nav.clearfix {
    display: none !IMPORTANT;
}
#sec2 ol.flickity-page-dots li:before {
    background: #212552 !IMPORTANT;
    border: unset !important;
    outline: unset !important;
    box-shadow: unset !important;
    opacity: 1 !important;
    transform: unset !important;
    margin: 0px !important;
    width: 14px;
    height: 14px;
}

#sec2 .tempo img {
    width: auto;
}
#sec2 .flickity-viewport {
    margin: 0 !important;
}

#sec2 ol.flickity-page-dots {
    bottom: -2rem;
}
.tempo a {
    color: black;
}

.tempo {
    transition: 0.9s !IMPORTANT;
}

.tempo:hover {
    transform: scale(0.9)!important;
    filter: drop-shadow(2px 4px 6px black);
}

.woocommerce-form button.woocommerce-Button {
    margin: 0 !important;
}

h2 span {
    font-size: 13px;
    font-weight: 100 !important;
    padding-left: 10px;
    font-family: 'HelR';
}

														/* <--------------------- banner ----------------------> */
#banner .cool .vc_column-inner {
    width: fit-content;
}
#sec4 .vc_col-sm-7 img,#banner .vc_col-sm-7 img {
    width: 100%;
}
#banner .cool .vc_column-inner .tempo {
    background: #FBFBFB;
    padding: 40px 60px;
    position: relative;
    right: 10%;
    z-index: 99;
}

#sec1 .tempo:hover h5 span {
    background: #BBDBF7;
}
#sec2 .flickity-slider .cell:hover .tempo {

     transform: scale(0.9)!important;
    filter: drop-shadow(2px 4px 6px black);
}
#banner h5 span {
    background: #cbedf9;
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 16px !important;
    font-weight: 200 !important;
    margin-left: 10px;
    position: relative;
    left: -10px;
}


#sec3 .post-header h3.title a {
    font-size: 27px !important;
    color: #000 !important;
    line-height: 35px;
}
#sec3 span.meta-category {
    padding: 2px 10px;
    margin-top: 15px;
    background: #cbedf9;
    width: fit-content;
    border-radius: 30px;
    color: #000 !important;
}


#sec1 .tempo h5 span {
     background: #F6E3D4;
    color: #000000 !important;
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 16px !important;
    font-weight: 200 !important;
}

#sec1 .tempo h5 {
    font-size: 12px;
    font-weight: bolder;
}
#sec1 .tempo p {
    display: inline-flex;
}

#sec1 .tempo p img {
    height: 14px;
    margin: 6px 12px 0;
}

#sec1 div#r2 {
    margin: 0;
    padding: 15px 0px;
}

#sec1 div#r2 .row_col_wrap_12_inner {
    display: flex;
    align-items: center;
}

#sec1 div#r2:nth-child(3) {
    border-bottom: 2px solid #DFE3E7;
    border-top: 2px solid #DFE3E7;
}
														/* <--------------------- sec2 ----------------------> */



#sec2 h6 {
    display: none;
}
#sec2 h3.title {
    font-size: 36px !important;
    line-height: 1.3 !important;
}

#sec2 .article-content-wrap {
    padding: 20px 180px 20px 30px!important;
}

#sec2 .article-content-wrap h3.title {
    font-size: 25px !important;
    text-shadow: 0 0 black;
}

#sec2 .post-header span.meta {
    font-family: 'Red Hat Display';
    color: black;
    font-size: 14px;
    position: relative;
    left: 41%;
    top: -4px;
}

#sec2 a.interior-design-tips {
    position: absolute;
    bottom: 30%;
    top: unset;
    color: black;
    background: #C8A295 !important;
    padding: 5px 13px;
    border-radius: 30px !important;
    text-transform: capitalize !important;
    font-size: 15px;
    font-weight: 100;
    border: unset !important;
}

#sec2 a.diy-projects {
    position: absolute;
    top: unset;
    bottom: 30%;
    background: #D5B88E !important;
    border: unset !important;
    color: black;
    padding: 4px 13px;
    border-radius: 30px !IMPORTANT;
}

#sec2  .inner-wrap.post-140 .post-header span.meta {
    left: 110px;
}

#sec2 .col.span_4.post-135 a.interior-design-tips {
    background-color: #BAB78C !important;
}

		#sec2 .tempo {
    background: white;
    padding: 21px 20px;
    width: 90%;
    left: 5%;
    position: relative;
    margin-top: -5rem;
}

#sec2 .tempo h5 span {
    background: #cbedf9;
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 16px !important;
    font-weight: 200 !important;
}

#sec2 .tempo h5 {
    font-size: 12px;
    font-weight: bolder;
}
#sec2 .tempo p {
    display: inline-flex;
}

#sec2 .tempo p img {
    height: 14px;
    margin: 6px 12px 0;
}
												/* <--------------------- sec3 ----------------------> */

#sec3 img {
    width: 95%;
}

#sec3 ul.wpb_tabs_nav.ui-tabs-nav.clearfix {
    width: 50% !IMPORTANT;
    margin: 0 auto;
    display: table;
}

#sec3 ul.wpb_tabs_nav.ui-tabs-nav.clearfix li.tab-item a {
    border-radius: 30px;
    margin-right: 10px;
    margin-bottom: 20px;
}

#sec3 h5 {
    padding: 2px 10px;
    margin-top: 15px;
  background: #D9D9D9;
    width: fit-content;
    border-radius: 30px;
}

#sec3 p a {
    color: black;
    text-shadow: 0 0 black;
}

														/* <--------------------- sec4 ----------------------> */

#sec4 .cool .vc_column-inner {
    width: fit-content;
}

#sec4 .cool .vc_column-inner .tempo {
    background: #FBFBFB;
    padding: 40px 60px;
    position: relative;
    left: 10%;
    z-index: 99;
}
#sec4 .tempo h5 span {
    background: #cbedf9;
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 16px !important;
    font-weight: 200 !important;
}

														/* <--------------------- sec5 ----------------------> */

#sec5 .hover-wrap {
    padding: 0;
}

#sec5 .hover-wrap .hover-wrap-inner a:before {
    content: url(https://mbeedesign.com/wp-content/uploads/2024/05/Vector-1.png);
    font-size: 80px;
    position: absolute;
    z-index: 99;
    width: 90%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    opacity: 0;
    background-color: #c88769bf;
    transition: .9s;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

#sec5 .hover-wrap .hover-wrap-inner:hover a:before {
    opacity: 1 !important;
}

#sec5 img {
    width: 90%;
    margin: 0 auto;
    display: table;
}

														/* <--------------------- footer ----------------------> */

#footer ul {
    margin: 0;
}

#footer .row-bg.viewport-desktop.using-image {
    background-size: 100% 100%;
}
#footer ul li {
    display: inline-block;
    padding-right: 20px;
}

#footer img {
    padding-bottom: 3px;
    width: 20%;
}

#footer ul#menu-social-footer li i {
    font-size: 22px;
    transition: 0.5s;
    color: #000000;
}

#footer ul#menu-social-footer li:hover i {
    color: #BAB78C;
}

#footer .vc_wp_custommenu.wpb_content_element {
    margin-bottom: 10px;
}

#footer ul#menu-social-footer li {
    padding-top: 10px;
}



#sec2 .owl-dots span {
    background: #BEC1C3;
    transform: unset;
    width: 13px;
    height: 13px;
    margin: 0px 4px;
}

#sec2 .owl-dots .active span {
    background: #F76954;
}

#r2 h2 {
    color: black;
    padding-left: 14.6%;
}
h6 a {
    color: black;
    font-size: 17px;
    font-weight: 700;
    font-family: 'Red Hat Display';
}


#sec2 #r2 h6{
    display: block;
        padding-right: 20%;
}
#footer ul li:hover a {
    color: #000 !important;
}
#footer ul#menu-ft-sec {
    color: #595959;
    font-size: 16px;
}

@media (max-width: 1600px) {
	#r2 h2 {
   
    padding-left: 22%;
}
}
@media (max-width: 1440px) {
	#r2 h2 {
    color: black;
    padding-left: 14.6% !important;
}
}
@media (max-width: 1366px) {
	#r2 h2 {
    color: black;
    padding-left: 14.6% !important;
}
}
@media (max-width: 1280px) {
	#r2 h2 {
    color: black;
    padding-left: 14.6% !important;
}
}
@media (max-width: 1024px) {}
@media (max-width: 820px) {
	.cool .vc_column-inner .tempo {
    z-index: 1111;
    position: relative !IMPORTANT;
    text-align: center;
    width: 70%;
    margin: -3rem auto 0 !important;
    top: unset !important;
    left: unset !important;
}
	
	#banner .cool .vc_column-inner .tempo {
    position: unset !important;
    margin: 0px auto 0px !important;
}

		#sec2 #r2 h6{
    display: none !important;
}

#sec1 div#r2 img {
    width: 100%;
}

#sec1 div#r2 .tempo img {
    width: auto;
}

#sec3 ul.wpb_tabs_nav.ui-tabs-nav.clearfix {
    width: 100% !important;
}

#sec3 .inner_row {
    padding: 0px 20px;
}

#sec4 .row_col_wrap_12 {
    display: flex;
    flex-direction: column-reverse;
}

#sec5 div#r1 img {
    padding: 10px 10rem !important;
}
	
	
	
#sec2-1 h6{
    display:none;
}
	
	
	
#sec2 h6{
    display:block !important;
}
	
	#sec2 ol.flickity-page-dots {
    display: none;
}

#sec3 .inner_row .wpb_content_element {
    padding: 10px 0px 20px;
}

div#sec4 {
    padding-bottom: 20px !IMPORTANT;
}

}
@media (max-width: 768px) {}
@media (max-width: 480px) {
  #r2 h2 {
    color: black;
    padding-left: 3% !important;
    text-align: center;
    font-size: 30px !important;
  }  
/*  #footer .ftr p {*/
/*  display: none !important;*/

/*}*/
#footer .ftr {
  width: 10%;
  float: none;
  position: relative;
  top: 0;
  bottom: 0px !important;
}

#footer .ftr p {
  display: block;
  left: 70px !important;
  width: 240px;
  bottom: 0px !important;
  position: relative;
  padding: 0px;
}

    
	#sec1 .post-featured-img-wrap {
    width: auto !important;
}
	#sec1 .post-content-wrap {
    margin-left: 0;
    padding-left: unset !important;
    padding-right: 0 !important;
}
	#sec1 .post-area.featured_img_left.span_12 article {
    margin-bottom: 20px !important;
}
	div#copyright p {
    font-size: 12px !IMPORTANT;
}

	
#sec5 div#r1 img {
    padding: 10px 1rem !important;
}
		.cool .vc_column-inner .tempo {
    width: 95%;
    margin: -1rem auto 0 !important;
}
	#footer ul {display: grid;margin-bottom: -10px;}
div#copyright p span {
    display: block;
}
#footer ul li {
    margin: 3px 0px;
}
#footer img {
    padding: 0;
}
#footer ul#menu-social-footer {
    display: block;
}
  h1 {
    font-size: 22px !important;
    line-height: 45px !important;
  }
  #r2 h1 {
  line-height: 30px !important;
}
  .single.single-post .section-title h1 {
    max-width: 800px;
    line-height: 101px !important;
  }
 .blog_next_prev_buttons:not(.full-width-content)+.related-post-wrap:not(.post-loop-builder), .related-post-wrap[data-using-post-pagination=false] {
    margin-top: 5px;
} 
 body[data-bg-header="true"] .container-wrap {
  padding-top: 25px;
  margin-top: 0 !important;
  padding-bottom: 0;
}  
  
body.single-post.material[data-bg-header=true] .container-wrap
 {
    padding-top: 35px !important;
}  
  
	#sec3 h2 span {
    padding: 20px;
}
}
@media (max-width: 430px) {
  #r2 h2 {
    color: black;
    padding-left: 3% !important;
    text-align: center;
    font-size: 31px !important;
  }     
    
}
@media (max-width: 414px) {}
@media (max-width: 390px) {}
@media (max-width: 375px) {}
@media (max-width: 360px) {}