/*
Theme Name: Beaver Builder Child Theme
Theme URI: https://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: https://www.fastlinemedia.com
template: bb-theme
*/

.cut-square {
  /* Customize these */
  --size: 80px;     /* width/height */
  --cut: 15px;       /* how much to cut off the two left corners */
  position:fixed;
  right:0;
  top:50%;
  
  text-align: center;
  width: var(--size);
  aspect-ratio: 1 / 1;              /* keeps it square */
  background: #2b3891;              /* demo color */
  color: #fff;
  display: grid;
  place-items: center;
  clip-path: polygon(
    var(--cut) 0,
    100% 0,
    100% 100%,
    var(--cut) 100%,
    0 calc(100% - var(--cut)),
    0 var(--cut)
  );
  -webkit-clip-path: polygon(
    var(--cut) 0,
    100% 0,
    100% 100%,
    var(--cut) 100%,
    0 calc(100% - var(--cut)),
    0 var(--cut)
  );
}

.cut-square a {
	padding: 30px 5px;
	color:#fff;
	text-transform: uppercase;
	font-weight:800;
}

.cut-square:hover {
	background:#2670b0;
}
.cut-square a:hover {
	text-decoration:none;
}



.fl-menu .menu {
	color:#FFF;
	padding:15px!important;
}

.fl-menu .menu li:nth-child(18) {
	margin-top:10px;
}

table.hvac-systems {
	width:100%;
}
table.hvac-systems thead td {
	font-weight:bold;
}
table.hvac-systems td {
	border: 1px solid #333;
	padding:5px 10px;
	width: 33.3%;
}

@media(min-width: 1024px){
	.diamond-overlay .fl-col-content,
	.no-overlay-extend .fl-col-content {
		position:absolute;
		height:100%;
	}
	
	.no-overlay-extend .fl-col-content {
		left:0
	}
	
	.diamond-overlay .fl-col-content:after {
		content:'';
		height:100%;
		background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 237 316"><polygon fill="white" points="103.4 159.4 .6 316 .6 .5 103.4 159.4"/></svg>');
		background-position: left center;
		z-index: 1;
		position: absolute;
		width: 300px;
		background-repeat: no-repeat;
		background-size: cover;
		left: -2px;
	}
	
	.diamond-overlay.green .fl-col-content:after {
		background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 225 316"><polygon fill="%23a4eaab" points="103.4 159.4 .6 316 .6 .5 103.4 159.4"/></svg>');
		background-position: left center;
        background-repeat: no-repeat;
        background-size: cover;
	}
	
	
	#why-choose-diamond-air .fl-col:last-child #text-one {
		position: absolute;
		top: 60px;
		right: 310px;
		width: 200px;
	}
}

@media(min-width: 1024px) and (max-width:1460px){
	#why-choose-diamond-air .fl-col:last-child #text-one {
		position: absolute;
		top: 60px;
		right: 310px;
		width: 200px;
	}
	#why-choose-diamond-air .fl-col:last-child #text-two {
		position: absolute;
		top: 290px;
		right: 495px;
		width: 205px;
	}
	#why-choose-diamond-air .fl-col:last-child #text-three {
		position: absolute;
		top: 290px;
		right: 110px;
		width: 205px;
	}
	#why-choose-diamond-air .fl-col:last-child #text-four {
		position: absolute;
		bottom: 40px;
		right: 310px;
		width: 200px;
	}
}


@media(min-width: 1461px){
	#why-choose-diamond-air .fl-col:last-child #text-one {
		position: absolute;
		top: 60px;
		right: calc(30% - 135px);
		width: 200px;
	}
	
	#why-choose-diamond-air .fl-col:last-child #text-two {
		position: absolute;
		top: 290px;
		right: calc(45% - 160px);
		width: 200px;
	}
	
	#why-choose-diamond-air .fl-col:last-child #text-three {
		position: absolute;
		top: 290px;
		right: calc(20% - 185px);
		width: 205px;
	}
	
	#why-choose-diamond-air .fl-col:last-child #text-four {
		position: absolute;
		bottom: 40px;
		right: calc(30% - 135px);
		width: 200px;
	}
	
}