/*------------------------ ABOUT ----------------------------------*/

.h-about strong {
	color: #235d39;
}

.h-about {
	padding: 5vw 12vw 6vw 12vw;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.h-about-left {
	width: 50%;
  position: sticky;
  top: 10vw;
  /*align-self: flex-start; ????*/
}

.h-about-banner {
	padding: 0 6vw 4vw 7vw;
	height: 34vw;
	display: flex;
	flex-wrap: wrap;
  align-content: flex-end;
	background-image: url("https://hempika.com/wp-content/themes/hemp-master/custom/img/about-us-banner.svg");
	background-repeat: no-repeat;
}

.h-about-right {
	width: 50%;
	padding-left: 6vw;
	padding-top: 2vw
}

.h-about p {
	line-height: 1.5;
	margin-bottom: 1vw;
}

.h-about h1 {
	text-transform: uppercase;
	line-height: 1.1;
	color: #EEEEEE;
}

.h-about h2 {
	text-transform: uppercase;
	background-color: #EEEEEE;
	display: inline;
	padding-right: 0.5vw;
}

.h-about-title {
	position: relative;
	margin-bottom: 2vw;
}

.h-about-title-line {
	display: block;
	border-bottom: solid #235d39 0.3vw;
	width: 100%;
	position: absolute;
	bottom: 0.3vw;
	z-index: -1;
}

.h-about-intro-description {
	font-size: 1.5vw;
	margin-top: 1vw;
}

.h-about-intro-benefits {
	padding-top: 1vw;
}

.h-about-intro-benefit {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 1vw;
	align-items: center;
}

.h-about-intro-benefit-img {
	width: 15%;
}

.h-about-intro-benefit-text {
	width: 85%;
	padding-left: 1.5vw;
	line-height: 1.5;
	margin-bottom: 0;
}

.h-about-ritual-article {
	border: solid #235d39 0.2vw;
	margin-top: 1vw;
	display: flex;
	flex-wrap: wrap;
	padding: 1vw;
	align-items: center;
}

.h-about-ritual-article-title a {
	text-decoration: none;
}

.h-about-ritual-article:hover {
	background-color: #235d39;
	.h-about-ritual-article-title a {
		color: #EEEEEE;
	}
	.h-about-ritual-article-img-hemp {background-image: url("https://hempika.com/wp-content/themes/hemp-master/custom/img/hemp-icon-white.svg");}
	.h-about-ritual-article-img-cbd {background-image: url("https://hempika.com/wp-content/themes/hemp-master/custom/img/cbd-icon-white.svg");}
	.h-about-ritual-article-img-cannabinoids {background-image: url("https://hempika.com/wp-content/themes/hemp-master/custom/img/cannabinoids-icon-white.svg");}
}

.h-about-ritual-article-img-hemp {
	background-image: url("https://hempika.com/wp-content/themes/hemp-master/custom/img/hemp-icon.svg");
	background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 2vw;
  height: 2vw;
}

.h-about-ritual-article-img-cbd {
	background-image: url("https://hempika.com/wp-content/themes/hemp-master/custom/img/cbd-icon.svg");
	background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 2vw;
  height: 2vw;
}

.h-about-ritual-article-img-cannabinoids {
	background-image: url("https://hempika.com/wp-content/themes/hemp-master/custom/img/cannabinoids-icon.svg");
	background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 2vw;
  height: 2vw;
}

.h-about-ritual-article-title {
	width: 92%;
}

.h-about-ritual-article-title a{
	padding-left: 1vw;
	display: block;
	line-height: 1.25;
}

.h-about-wizard {
	padding-top: 8vw;
}

.h-about-chica {
	padding-top: 6vw;
}

.h-about-fashion {
	padding-top: 7vw;
}

.h-about-ritual {
	padding-top: 5vw; /* slika ima malo placa spodaj */
}

.h-about-wizard-caption {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 1vw;
}

.h-about-wizard-caption-img {
	width: 50%;
}

.h-about-wizard-caption-img img {
	padding-right: 2vw;
}

.h-about-wizard-caption-text {
	width: 50%;
}

.h-about-wizard-caption-text p {
	font-size: 1.25vw;
	margin-bottom: 0;
	line-height: 1.25;
}

.h-about-articles {
	padding-top: 1vw;
}

@media only screen and (max-width: 768px) {

.h-about {
	padding: 4vw 4vw 12vw 4vw;
}

.h-about-left {
	width: 100%;
  position: relative;
  top: 0;
}

.h-about-banner {
	padding: 0 10vw 8vw 16vw;
	height: 85vw;
	display: flex;
	flex-wrap: wrap;
  align-content: flex-end;
	background-repeat: no-repeat;
}

.h-about-right {
	width: 100%;
	padding: 8vw 6vw 8vw 6vw;
}

.h-about p {
	margin-bottom: 4vw;
}

.h-about h2 {
	padding-right: 2vw;
}

.h-about-title {
	margin-bottom: 8vw;
}

.h-about-title-line {
	border-bottom: solid #235d39 0.8vw;
	bottom: 1vw;
}

.h-about-intro-description {
	font-size: 5vw;
	margin-top: 0;
}

.h-about-intro-benefits {
	padding-top: 4vw;
}

.h-about-intro-benefit {
	padding-bottom: 4vw;
	align-items: flex-start;
}

.h-about-intro-benefit-img {
	width: 20%;
}

.h-about-intro-benefit-text {
	width: 80%;
	padding-left: 6vw;
}
	
.h-about-ritual-article {
	border: solid #235d39 0.8vw;
	margin-top: 4vw;
	padding: 4vw;
}

.h-about-ritual-article-img-hemp {
  width: 10vw;
  height: 10vw;
}

.h-about-ritual-article-img-cbd {
  width: 10vw;
  height: 10vw;
}

.h-about-ritual-article-img-cannabinoids {
  width: 10vw;
  height: 10vw;
}

.h-about-ritual-article-title {
	width: calc(100% - 10vw);
}

.h-about-ritual-article-title a{
	padding-left: 4vw;
}

.h-about-wizard {
	padding-top: 8vw;
}

.h-about-chica {
	padding-top: 6vw;
}

.h-about-fashion {
	padding-top: 7vw;
}

.h-about-ritual {
	padding-top: 5vw; /* slika ima malo placa spodaj */
}

.h-about-wizard-caption {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 1vw;
}

.h-about-wizard-caption-img {
	width: 50%;
}

.h-about-wizard-caption-img img {
	padding-right: 4vw;
	padding-bottom: 2vw;
}

.h-about-wizard-caption-text {
	width: 50%;
}

.h-about-wizard-caption-text p {
	font-size: 3vw;
}

.h-about-articles {
	padding-top: 4vw;
}
	
}