/*
Theme Name: Chade
Theme URI: https://chade.foxthemes.me/
Author: FOXTHEMES
Author URI: https://themeforest.net/user/fox-themes
Description: Chade is a WordPress theme created for construction companies, building firms, plumbing, heating, painting, tiling, refurbishment, partitions & ceilings, plastering & rendering, carpentry & joinery as well as architecture professionals.
Version: 1.1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options
Text Domain: chade
*/

/* =WordPress Core
-------------------------------------------------------------- */
.sticky.post {
    position: relative;
}
.sticky.post .article--title{
    margin-left: 7px;
}
.sticky.post .article--title{
    position: relative;
}
.sticky.post .article--title:before {
    content: '\f0c6';
    font-family: FontAwesome;
    font-size: 22px;
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
}
.alignnone {
    margin: 5px 20px 20px 0;
    max-width: 100%;
}
@media(max-width: 1920px) {
	.header_nav.-wide .header_nav--inner > .menu {
		width: 700px;
		margin-left: auto;
	}
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px ;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* WordPress Gallery 
------------------------------------------ */

.gallery {
	margin-left: -0.5em;
	margin-right: -0.5em;
}
.gallery:after {
	display: table;
	content: "";
	clear: both;
}
.gallery-item {
	margin: 0;
	float: left;
	padding: 0.5em;
}
.gallery-item img {
	width: 100%;
}
.gallery-columns-1 .gallery-item {
    width: 100%;
    float: none;
}
.gallery-columns-2 .gallery-item {
    width: 50%
}
.gallery-columns-3 .gallery-item {
    width: 33.3333%
}
.gallery-columns-4 .gallery-item {
    width: 25%
}
.gallery-columns-5 .gallery-item {
    width: 20%
}
.gallery-columns-6 .gallery-item {
    width: 16.6667%
}
.gallery-columns-7 .gallery-item {
    width: 14.2857%
}
.gallery-columns-8 .gallery-item {
    width: 12.5%
}
.gallery-columns-9 .gallery-item {
    width: 11.1111%
}
.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
	clear: left;
}

.wp-caption-text{
    padding-top: 10px;
    padding-bottom: 5px;
    line-height: 1.2;
}

.blog-flex .row {
    display: flex;
    flex-wrap: wrap;
}

.banner-h {
  padding: 90px 0;
  min-height: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.banner-h .banner-h-video {
  position: absolute;
  inset: 0;
}

.banner-h .banner-h-video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.banner-h .banner-h-video img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 768px) {
  .banner-h {
    min-height: 520px;
    padding: 40px 0;
  }
}

.banner-h:before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.banner-h .container {
  max-width: 1145px;
  padding: 0 10px;
  margin: 0 auto;
  width: 100%;
  position: relative;
  z-index: 1;
}

.banner-h .banner-h-content {
  max-width: 675px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.banner-h .banner-h-subtitle {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 17px;
  color: #fff;
  margin-bottom: 14px;
}

.banner-h .banner-h-title {
  font-weight: 700 !important;
  font-size: 50px !important;
  line-height: 110% !important;
  color: #fff;
  margin-bottom: 40px;
}

.banner-h .banner-h-title span {
  text-transform: uppercase;
  color: #A72738;
}

.banner-h .banner-h-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 8px;
  margin-bottom: 14px;
}

.banner-h .banner-h-list li {
  position: relative;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: -webkit-clamp(14px, 2vw, 17px);
          clamp(14px, 2vw, 17px) !important;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}

.banner-h .banner-h-list li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 18px;
  background: url('/figure.svg') no-repeat;
}

.banner-h .banner-h-bottom p {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 500;
  font-size: -webkit-clamp(14px, 2vw, 17px) !important;
          clamp(14px, 2vw, 17px) !important;
  color: #fff;
  margin-bottom: 24px;
}

.banner-h .banner-h-bottom .banner-h-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #A72738;
  color: #fff;
  padding: 17px 34px;
  text-decoration: none;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 17px;
}

.layout--header .topbar {
	display: none !important;
}

.layout--header .header--logo {
	transform: translateY(30px);
	background: #fff;
}

@media(max-width: 1900px) {
	.header_nav.-wide .header_nav--inner > .menu {
		width: 700px;
		margin-left: auto;
	}
}

@media(max-width: 1200px) {
	.header_nav.-wide .header_nav--inner > .menu {
		width: 100%;
		margin-left: 0;
	}
	.layout--header .header--logo {
		transform: translateY(0);
	}
}

p {
	font-size: 16px !important;
	font-weight: 400;
	font-family: 'Noto Sans', sans-serif !important;
}

html body #main span {
	font-size: 16px !important;
	font-weight: 400;
	font-family: 'Noto Sans', sans-serif !important;	
}

html body #main dd {
	font-size: 16px !important;
}

@media(min-width: 1200px) {
	.wpb_wrapper:has(.promo_detailed--list_item) {
		padding-right: 10%;
}
}

.mission-top-content .images img {
	height: 100%;
	border-radius: 10px;
}