/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

:root{
  --blue:#0b3e78;
  --teal:#2fb9ad;
}

.feature-banner{
  width:100%;
  background:var(--blue);
  position:relative;
}

.feature-banner::before{
  content:"";
  position:absolute;
  inset:0;
  width:50%;
  background:var(--teal);
  clip-path:polygon(0 0, 66% 0, 82% 50%, 66% 100%, 0 100%);
}

@supports not (clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)){
  .feature-banner::before{
    width:60%;
    transform:skewX(-18deg);
    transform-origin:left center;
  }
}
#footer {
	background-color: #074282;
}