/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/

#actionbar {
	display: none;
} 

/* set blog bg colour 14350195-hc lm */ 
body.blog.custom-background {
    background-color: #fff;
}


/* Make headings Times New Roman #14366889-hc*/
.wf-active h1 {
    font-family: times new roman;
}

/* Make tagline pop against background image #14366889-hc*/
@media screen and (max-width: 1023px) {
  #page-887 .banner-content .headline.img-headline {
    background: #31313175;
  }
}

/* Give text a black outline for header text on home page for mobile screens */
@media screen and (max-width: 4023px) {
	#page-2 .banner-content .content .article p.has-text-color{
		text-shadow:
			-1px -1px 0 #000,
			1px -1px 0 #000,
			-1px 1px 0 #000,
			1px 1px 0 #000;
	}
} 

/* Give text a background for header text on home page for mobile screens */
@media screen and (max-width: 4023px) {
	#page-2 .banner-content .content .article p.has-text-color{
	  background: #31313175;
	}
}

/* footer banner */
.footer-information .content:before {
    content: "© Nattydecor.com. Unauthorized use and/or duplication of this material without express and written permission from this site’s author and/or owner is strictly prohibited. Excerpts and links may be used, provided that full and clear credit is given to author and nattydecor.com with appropriate and specific direction to the original content.";
}

/* Customize blog page text to not use site tagline / 15680295-hc JAR */
.blog h1.headline {
visibility: hidden;
}
.blog h1.headline::before {
visibility: visible;
display: block;
content: "Design opinions and tips for your home projects. DIY!";
text-shadow: 2px 2px #000000;
text-align: center;
}
.blog h1.headline::after {
visibility: visible;
}
@media (min-width: 980px) {
.blog h1.headline::after {
margin-bottom: 40px;
}
} 

/* add transpatent background to header on blog page | #2433684-zen eD */
@media screen and (max-width: 1767px) {
	.blog .banner-content-wrapper .banner-content {
		background-color: rgba(0,0,0,0.25);
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.0.0)),to(rgba(0, 0, 0, 0.80)));
		background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.0.0), rgba(0, 0, 0, 0.80));
		background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.0.0), rgba(0, 0, 0, 0.80));
		background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.0.0), rgba(0, 0, 0, 0.80));
		background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.0.0), rgba(0, 0, 0, 0.80));
		background-image: linear-gradient(top, rgba(0, 0, 0, 0.0.0), rgba(0, 0, 0, 0.80));
	}
	.blog .headline, .headline.img-headline, .custom-header-image .headline.img-headline {
		font-size: 1;
	}
	.blog h1.headline::before {
		font-size: 1.8rem;
	}
}

/* Site Tagline Underline Position | 2450784-zen (KK) */
@media only screen and (max-width:768px) {
	.blog .banner-content .headline.img-headline:after {
		bottom: 50%;
	}
}

/* change background color of posts to white and text of color to very dark grey  */
body.single.custom-background {
    background-color: #ffffff;
	color: #313131;
}

/* change background of member pages */
body.page-id-1975.custom-background {
	background-color:#ffffff;
} 

/* change background of register pages */
body.page-id-1974.custom-background {
  background-color:#ffffff;
}

/* change background of login pages */
body.page-id-1973.custom-background {
  background-color:#ffffff;
}

/* change background of account pages*/ 
body.page-id-1977.custom-background {
  background-color:#ffffff;
}

/* change background of privacy policy page*/
body.page-id-2009.custom-background {
  background-color:#ffffff;
	color:#313131;
}

/*delete margin on full-width images | 2472963-zen bsan */
@media screen and (min-width: 1025px) {
	.wp-block-image.size-full{
		margin: 14.35px 0px;
	}
}

/*make image full width for posts on mobile only | #16194995-hc eD */
@media handheld, only screen and (max-width: 1024px) {
	.single-post .wp-block-image.size-full {
			margin-left: calc(50% - 50vw);
			margin-right: calc(50% - 50vw);
			max-width: 100vw;
			width: auto;
	}

	.single-post .wp-block-image.size-full img {
		width: 100%;
		height: auto;
	}
}

/* force full-width for both content and sidebar */
@media screen and (max-width: 1024px) {
.single .row .eleven,
.single .content .five:last-of-type {
	width: 100%;
	}
}

/* rounded */
.strong-view.rounded .testimonial {
  background: #ECF5F8;
  border-radius: 0px;
  border-color: #388196;
}
.strong-view.rounded .testimonial-inner {
  border: 0;
} 

/* shadowed */
.strong-view.shadowed .testimonial {
  box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
}

/* strong testimonials default template text color change */
.strong-view.default .testimonial {
	color: #388196; 
} 

/* make strong testimonial heading on blog page smaller to fit landscape on mobile */
@media screen and (min-width:773px) and (max-width:832px) {
	.strong-view-id-1.default .testimonial-heading {
		font-size: 2em;
	}
} 
	
/* change background of faqs pages */
body.page-id-2701.custom-background {
  background-color:#ffffff;
}

/* change footer color to match under laptop screens */
@media screen and (min-width: 1100px) {
	.footer {
		background-color: #4f4021;
	}
} 

/* make content area full height on mobile devices | #17172019-hc eD */
@media screen and (max-width:1024px) {
	.container {
		overflow: visible;
	}
}

/*fix widget hover styles / mm / xxxxxx-hc */
.sidebar .menu ul.sub-menu, .sidebar .menu ul.children{
	display: none;
}
.menu li:hover ul.sub-menu, .menu li:hover ul.children {
  display: block;
}

/* CSS class for button block spacing */
.custom-button-padding a {
    padding: 1rem 2rem;
}

/*add dark overlay to content panels on home page*/
.home .page-content {
	background-color: rgba(0,0,0,0.3);
}
.home .home-page-banner .page-content {
  background-color: rgba(0,0,0,0)
}

/* change background of disclaimer page */
body.page-id-4885.custom-background {
  background-color:#ffffff;
}

/* change background of terms and conditions page */
body.page-id-4895.custom-background {
  background-color:#ffffff;
} 

/* change background of interior designers in noida page */
body.page-id-5211.custom-background {
  background-color:#ffffff;
} 

/* make strong testimonial display none for home page of mobile screens */
@media screen and (max-width: 1039px) {
  .page-id-2 .strong-view.slider-container .strong-content {
    display: none;
  }
} 

/* change background of interior designers in gurgaon page */
body.page-id-5633.custom-background {
  background-color:#ffffff;
} 

/* change background of interior designers in noida page */
body.page-id-5211.custom-background {
  background-color:#ffffff;
} 

/* change background of interior designers in south delhi page */
body.page-id-5706.custom-background {
  background-color:#ffffff;
} 

/*hide breadcrumbs on home page */
.home p#breadcrumbs {
    display: none;
}

/*make posts link blue */
.single .row .content-holder a{
	color:#0693e3;
}

/*make rss widget title in pages colored */
.page .widget_rss .title a{
  color:#77d4b2;
}

/*make rss widget in pages links of articles colored */
.page .rsswidget {
  color:#c9cc4d;
}

/*make posts h2 dark grey */
.single .row .content .postarea h2 {
	color:#313131;
}
h3 {
	color:#313131;
}
h4 {
	color:#313131;
}

/* make pages links greenishyellow footer screen */
.widget_recent_entries ul li a {
	color:#979d2a; 
}

/*make home page text video widget n gallery widget hidden on bigger screens*/
@media screen and (min-width: 769px) {
	.home #text-8 {
		display: none;
	}
	.home .widget_media_gallery {
		display: none;
	}
}

/* change body font on homepage to merriweather | 3039829-zen*/
.wf-active body.home, .wf-active .home .article h1:first-child + p {
	font-family: Merriweather, sans-serif;
}

/*make default post template font size bigger on mobile*/
@media screen and (max-width: 800px) {
	.post-template-default .postarea .article .content-holder {
		font-size: 16px;
		line-height: 2em;
		margin-right: -15px;
		margin-left: -15px;
	}
}

/*make default post template font size bigger on mobilescreen*/
@media screen and (max-width: 800px) {
	.post-template-default .postarea .article .content-holder p {
		font-size: 16px;
		line-height: 2em;
	}
}

/*change font size mobile screens pages*/
@media screen and (max-width: 800px) {
	.page-template-default .content .eleven .postarea .page-holder .article p{
		font-size: 0.94em;
		line-height: 2em;
	}
}

/* retail store & washroom*/
body.page-id-7745.custom-background, body.page-id-8402.custom-background {
  background-color: #ffffff;
} 

/*align caption of image in centre*/
.wp-block-image .aligncenter>figcaption {
	display: block
}

/*hotel and restaurant page white*/
body.page-id-7877.custom-background, body.page-id-8145.custom-background {
  background-color: #ffffff;
} 

/*make home page slider color  pink red
.slideshow .title a:link {
  color: rgba(142,54,54,0.8);
}*/

/*turnkey & office page*/
body.page-id-8535.custom-background, .page-id-8662.custom-background {
  background-color: #ffffff;
} 

/*Gym & return*/
body.page-id-8865.custom-background, .page-id-9228.custom-background  {
  background-color: #ffffff;
} 

/*Services*/
body.page-id-9079.custom-background {
	background-color: #ffffff;
}

/*.flex-direction-nav li a {
	background-color: rgba(238,143,178,0.2);
}*/

/*.flex-direction-nav .flex-next i, .flex-direction-nav .flex-prev i {
	color: gold;
}*/

/*Fix dropdown menu spacing| #30421770-hc */
.menu li:hover ul, .menu li[aria-expanded="true"] ul {
    left: 130px;
}
.menu .nav-arrow {
display: none;
}