/*
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
*/

/* Add your custom styles here...Remember to change the Version number above! */ 
.fl-module-content .fl-rich-text a { text-decoration:underline; }

 .uabb-photo-gallery img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    max-width: 100%;
}
.pp-testimonials .pp-content-wrapper {
	    flex-direction: column;
    display: flex;
	    justify-content: center;
}

.pp-content-post img {
    height: 200px;
	object-fit: cover;
padding: 10px;
}


	
/*	
.triangle-green-right, .triangle-red-right, .triangle-orange-right, .triangle-blue-right, .triangle-orange-right-home {
	position: fixed;
	right:-250px;
	z-index:0;
  	--b: 10px;
  	width: 500px;
	aspect-ratio: 1;
	transform: rotate(110deg);
  	clip-path: 
    polygon(
 	0 100%,0 0,100% 100%,0 100%,
      var(--b) calc(100% - var(--b)),calc(100% - var(--b)/tan(22.5deg)) calc(100% - var(--b)),var(--b) calc(var(--b)/tan(22.5deg)),var(--b) calc(100% - var(--b))
    );
}


.triangle-green-left, .triangle-red-left, .triangle-orange-left, .triangle-blue-left

{
	position: absolute;
	left:-100px;
	top:100px;
	z-index:1;
  	--b: 10px;
  	width: 300px;
	aspect-ratio: 1;
	transform: rotate(0deg);
  	clip-path: 
    polygon(
     
      0 100%,0 0,100% 100%,0 100%,
     
      var(--b) calc(100% - var(--b)),calc(100% - var(--b)/tan(22.5deg)) calc(100% - var(--b)),var(--b) calc(var(--b)/tan(22.5deg)),var(--b) calc(100% - var(--b))
    );
}
.triangle-orange-left-home {
	position: absolute;
	left:-100px;
	top:-100px;
	z-index:1;
  	--b: 10px;
  	width: 300px;
	aspect-ratio: 1;
	transform: rotate(0deg);
  	clip-path: 
    polygon(
     
      0 100%,0 0,100% 100%,0 100%,
     
      var(--b) calc(100% - var(--b)),calc(100% - var(--b)/tan(22.5deg)) calc(100% - var(--b)),var(--b) calc(var(--b)/tan(22.5deg)),var(--b) calc(100% - var(--b))
    );
}
	
.triangle-orange-right-home-banner {
	position: absolute;
	top:-40px;
	right:0px;
  	--b: 10px;
  	width: 350px;
	aspect-ratio: 1;
	transform: rotate(95deg);
  	clip-path: 
    polygon(
      
      0 100%,0 0,100% 100%,0 100%,
      
      var(--b) calc(100% - var(--b)),calc(100% - var(--b)/tan(22.5deg)) calc(100% - var(--b)),var(--b) calc(var(--b)/tan(22.5deg)),var(--b) calc(100% - var(--b))
    );

}

.triangle-orange-left-home-banner
{
	position: absolute;
	left:-100px;
	top:100px;
	z-index:1;
  	--b: 10px;
  	width: 300px;
	aspect-ratio: 1;
	transform: rotate(0deg);
  	clip-path: 
    polygon(
      
      0 100%,0 0,100% 100%,0 100%,
      
      var(--b) calc(100% - var(--b)),calc(100% - var(--b)/tan(22.5deg)) calc(100% - var(--b)),var(--b) calc(var(--b)/tan(22.5deg)),var(--b) calc(100% - var(--b))
    );
					display: none;

}

.triangle-green-right, .triangle-green-left{
  	background: rgb(145, 163, 58);
}

.triangle-red-right, .triangle-red-left{
	background: rgb(213, 32, 39);
}


.triangle-orange-right, .triangle-orange-left {
  	background: rgb(251, 170, 24);
}


.triangle-blue-right, .triangle-blue-left {
  	background: rgb(32, 152, 199);
}

.triangle-orange-left-home, .triangle-orange-right-home {
	background: rgb(251, 170, 24);
}

.triangle-orange-right-home-banner, .triangle-orange-left-home-banner
  {
	background: rgb(251, 170, 24);
}

div#home-bottom{
	z-index: 20;
	position: relative
}

div#cta-home {
		z-index: 20;
position: relative
}

@media screen and (min-width: 769px) and (max-width: 1020px) {
	.triangle-green-right, .triangle-red-right, .triangle-orange-right, .triangle-blue-right {
		width: 200px;
	}
	
	.triangle-green-left, .triangle-red-left, .triangle-orange-left, .triangle-blue-left {
		width: 200px;
		top:50px;
}


.triangle-orange-right-home-banner {
	  width: 200px; 
	right:0px;

}
	.triangle-orange-left-home-banner {
		width: 200px; 	
		top:100px;

	}
	}


@media screen and (max-width: 768px){
	.triangle-green-right, .triangle-red-right, .triangle-orange-right, .triangle-blue-right, .triangle-blue-right, .triangle-orange-right-home  {
		display:none; 
	}


	.triangle-green-left, .triangle-red-left, .triangle-orange-left, .triangle-blue-left, .triangle-orange-left-home, .triangle-orange-left-home-banner, .triangle-orange-right-home-banner  {
		width: 100px; 
		left:-30px;
		top:30px;		
				display:none; 

	}
	
{
	*/