/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/

: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;
}