/*
Theme Name: Live Building Systems
Text Domain: Live Building Systems
Version: 1.0
Requires PHP: 5.2.4
Description: LBS Wordpress Custom Theme
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://livebuildings.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/* ===== Design Tokens ===== */
:root {
  /* --- Palette (do not use directly — use semantic tokens below) --- */
  --color-green: #28A288;
  --color-green-dark: #034951;
  --color-green-mid: #279a82;
  --color-green-light: #34c9a8;
  --color-ice: #D6EFF8;
  --color-frost: #D0E9F2;
  --color-slate: #9EB8C7;
  --color-black: #000;
  --color-charcoal: #0a0a0a;
  --color-dark-teal: #0d1f23;
  --color-deep-teal: #092529;
  --color-night: #030504;
  --color-gray-dark: #343b41;

  /* --- Semantic: Text --- */
  --heading-color: var(--color-ice);
  --body-color: var(--color-frost);
  --muted-color: var(--color-slate);

  /* --- Semantic: Backgrounds --- */
  --page-bg: var(--color-black);
  --section-bg-alt: var(--color-charcoal);
  --section-bg-gradient-start: var(--color-night);
  --section-bg-gradient-end: var(--color-deep-teal);
  --hero-bg-start: var(--color-charcoal);
  --hero-bg-end: var(--color-dark-teal);

  /* --- Semantic: Interactive --- */
  --cta-gradient-start: var(--color-green-dark);
  --cta-gradient-end: var(--color-green-mid);
  --cta-text: #fff;
  --link-color: var(--color-green);
  --link-hover-color: var(--color-green-light);

  /* --- Semantic: Cards & Borders --- */
  --card-border: rgba(40, 162, 136, 0.2);
  --card-border-hover: var(--color-green);
  --border-subtle: var(--color-gray-dark);
}

.less-more{
	display: none;
}
article.page{
    background: #fff;
}
.entry-title{
    font-size: 2rem;
    text-align: center;
    padding: 10px;
    margin: 0;
}
h1.page-title{
	color:#fff;
	font-size: 2.0em;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
/**
 * Post Thumbnails
 */
.post-thumbnail {
	text-align: center;
}

.post-thumbnail .wp-post-image {
	display: block;
	width: auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: calc(2 * var(--global--spacing-vertical));
}

/* Existing Modificatons*/

.post-edit-link{
	color: #007bff !important;
}

.hide{ display: none;}


/* Contact form cSS*/
.wpcf7-response-output{
	color:#fff;
}
ul.f-menu li a {
    font-size: 23px;
    transition: all 0.5s;
}
ul.f-menu li a:hover{
	opacity: 1;
	text-decoration: none;
	color: #ffffff;
}
.footer-con.full-width{
	text-align: center;
}
li.menu-item.menu-item-has-children>a:hover{
    font-weight: 300;
}

@media screen and (min-width:768px){
	.f-menu li{
		padding: 19px 5px !important;
		width: 250px;
	}

	#LBScarouselCaptions img.d-block.w-100{
		width: 46% !important;
		margin-bottom: -100px;
	}
	ul.sub-menu{
		top:62px !important;
	}

	.footer-menu.full-width{
		margin-left: 57px;
	
	}
	.footer-menu ul.f-menu li{
		text-align: left;
	}
	.footer-inner .container {
		padding: 0;
	}
	
}

/* Jatin*/
.color-green{
	color: #349581 !important;
}
.color-white-green{
	color: #d0e9f2 !important;
}
@media screen and (max-width:350px){
	.slider-con h1.h_title {
		left: 7px;
		max-width: 378px;
		font-size: 35px;
	}
	.carousel-caption {
		bottom: 0px;
		left: 3%;
		top: 140px;
	}
}

@media screen and (max-width:375px){
	
}

@media screen and (max-width:420px){
	.footer-menu ul.f-menu li{
		text-align: left;
		padding: 0 72px 27px 27px;
		width:160px;
		font-size: 18px;
		
	}
	
}