/* 
Theme Name: CJ Hambros vei
Theme URI: https://github.com/elementor/hello-theme-child/
Description: CJ Hambros vei 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 */
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  flex-grow: 1;
}

.cornerTopLeft {
	box-sizing: border-box;
	--borderColor: white;
}

.cornerTopLeft.dark {
	--borderColor: black;
}

.cornerTopLeft:before {
  content: '';
  width: 60%;
  height: 100%;
  border-left: 1px solid var(--borderColor);
  border-top: 1px solid  var(--borderColor);
	position: absolute;
	left: 0px;
	top: 0px;
}

.cornerTopLeft:after {
  content: '';
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid  var(--borderColor);
  border-top: 10px solid transparent;
  top: 0%;
  left: 0%;
  transform: translate(-50%, -50%) rotate(-45deg);
  position: absolute;
}

.cornerBotLeft {
	box-sizing: border-box;
	--borderColor: white;
}

.cornerBotLeft.dark {
	--borderColor: black;
}

.cornerBotLeft:before {
  content: '';
  width: 60%;
  height: 100%;
  border-left: 1px solid var(--borderColor);
  border-bottom: 1px solid  var(--borderColor);
	position: absolute;
	left: 0px;
	top: 0px;
}

.cornerBotLeft:after {
  content: '';
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-top: 10px solid var(--borderColor);
  bottom: 0;
  left: 0;
  transform: translate(-50%, 50%) rotate(45deg);
  position: absolute;
}