/*
Theme Name: Happiness Capital
Theme URI: https://www.happinesscapital.com/
Author: Relish Creative
Author URI: httpa://relishcreative.com
Description: Happiness Capital is a global venture capital firm based in Hong Kong. Our mission is to make the world a happier place by investing in startups and VC funds that are committed to the same mission as ours. We aim to grow a Happiness ecosystem in which our invested companies and VC funds continue to co-create a happier world together with us.
Tags: Happiness Capital
Version: 2024
Requires at least: 6.0
Tested up to: 8..2
Requires PHP: 7.0

Happiness Capital WordPress Theme © 2024
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.montserrat-semibold {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	}

.montserrat-regular {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	}

.montserrat-bold {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	}

@font-face {
    font-family: KaioBold;
    src: url('fonts/Kaio-Bold.woff');
    }

@font-face {
    font-family: KaioMedium;
    src: url('fonts/Kaio-Medium.woff');
    }

@font-face {
    font-family: KaioRegular;
    src: url('fonts/Kaio-Regular.woff');
    }

html,body{
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 18px;
	line-height: 1.5;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
/* 	background-color: #F4EEE6; */
	}




h1{
	font-size: 26px;
	line-height: 1.25;
	}

h2{
	font-size: 24px;
	line-height: 1.25;
	font-family: KaioMedium;
	}

h3{
	font-size: 20px;
	line-height: 1;
	font-family: KaioRegular;
	}

h4{
	font-size: 14px;
	line-height: 1.5;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	}

.read_more_large{
	font-size: 20px;
	line-height: 1.325;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	}

.read_more_small{
	font-size: 14px;
	line-height: 1.325;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	}

.founder_name{
	font-size: 20px;
	line-height: 1.75;
	font-family: KaioMedium;
	}

.founder_title{
	font-size: 14px;
	line-height: 1.75;
	font-family: KaioRegular;
	}

.footer_menu_header{
	font-size: 18px;
	line-height: 1;
	font-family: KaioMedium;
	}

.footer_menu_link{
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: 14px;
	}

.portfolio_tag_title{
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 14px;
	}

.portfolio_tag{
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 14px;
	}

.tag{
	background-color: #2DA050;
	border: 1px solid #2DA050;
	color: #ffffff;
	}

.tag:hover{
	background-color: #ffffff;
	border: 1px solid #2DA050;
	color: #2DA050;
	}

.button1{
	padding: 23px 50px;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 18px;
	}

.button2{
	padding: 23px 50px;
	font-family: KaioBold;
	font-size: 20px;
	color: #92E200;
	background-color: #007A53;
	border: 1px solid #007A53;
	}

.button2:hover{
	color: #007A53;
	background-color: #92E200;
	border: 1px solid #92E200;
	}

.button3{
	padding: 23px 50px;
	font-family: KaioMedium;
	font-size: 16px;
	color: #92E200;
	background-color: #007A53;
	border: 1px solid #007A53;
	}

.button3:hover{
	color: #007A53;
	background-color: #92E200;
	border: 1px solid #92E200;
	}

/*ABOUT PAGE CLASS*/

.page-template-template-about{}

@media (min-width: 768px) {
	
	body{
		font-size: 16px;
		line-height: 1.5;
		}

	h1{
		font-size: 36px;
		line-height: 1.25;
		}

	h2{
		font-size: 26px;
		line-height: 1.25;
		font-family: KaioMedium;
		}

	h3{
		font-size: 22px;
		line-height: 1;
		font-family: KaioRegular;
		}

	h4{
		font-size: 16px;
		line-height: 1.5;
		font-family: "Montserrat", sans-serif;
		font-weight: 600;
		}

	.read_more_large{
		font-size: 24px;
		line-height: 1.325;
		font-family: "Montserrat", sans-serif;
		font-weight: 400;
		}

	.read_more_small{
		font-size: 16px;
		line-height: 1.325;
		font-family: "Montserrat", sans-serif;
		font-weight: 400;
		}

	.founder_name{
		font-size: 24px;
		line-height: 1.75;
		font-family: KaioMedium;
		}

	.founder_title{
		font-size: 16px;
		line-height: 1.75;
		font-family: KaioRegular;
		}

	.footer_menu_header{
		font-size: 18px;
		line-height: 1;
		font-family: KaioMedium;
		}

	.footer_menu_link{
		font-family: "Montserrat", sans-serif;
		font-weight: 600;
		font-size: 14px;
		}

	.portfolio_tag_title{
		font-family: "Montserrat", sans-serif;
		font-weight: 400;
		font-size: 16px;
		}

	.portfolio_tag{
		font-family: "Montserrat", sans-serif;
		font-weight: 400;
		font-size: 16px;
		}

	.tag{
		background-color: #2DA050;
		border: 1px solid #2DA050;
		color: #ffffff;
		}

	.tag:hover{
		background-color: #ffffff;
		border: 1px solid #2DA050;
		color: #2DA050;
		}

	.button1{
		padding: 22px 40px;
		font-family: "Montserrat", sans-serif;
		font-weight: 400;
		font-size: 28px;
		}

	.button2{
		padding: 23px 40px;
		font-family: KaioBold;
		font-size: 26px;
		color: #92E200;
		background-color: #007A53;
		border: 1px solid #007A53;
		}

	.button2:hover{
		color: #007A53;
		background-color: #92E200;
		border: 1px solid #92E200;
		}

	.button3{
		padding: 23px 40px;
		font-family: KaioMedium;
		font-size: 18px;
		color: #92E200;
		background-color: #007A53;
		border: 1px solid #007A53;
		}

	.button3:hover{
		color: #007A53;
		background-color: #92E200;
		border: 1px solid #92E200;
		}
}

@media (min-width: 992px) {
	
	body{
		font-size: 18px;
		line-height: 1.5;
		font-family: "Montserrat", sans-serif;
		font-weight: 400;
		}

	h1{
		font-size: 44px;
		line-height: 1.25;
		}

	h2{
		font-size: 44px;
		line-height: 1.25;
		font-family: KaioMedium;
		}

	h3{
		font-size: 22px;
		line-height: 1;
		font-family: KaioRegular;
		}

	h4{
		font-size: 18px;
		line-height: 1.5;
		font-family: "Montserrat", sans-serif;
		font-weight: 600;
		}

	.read_more_large{
		font-size: 28px;
		line-height: 1.325;
		font-family: "Montserrat", sans-serif;
		font-weight: 400;
		}

	.read_more_small{
		font-size: 20px;
		line-height: 1.325;
		font-family: "Montserrat", sans-serif;
		font-weight: 400;
		}

	.founder_name{
		font-size: 28px;
		line-height: 1.75;
		font-family: KaioMedium;
		}

	.founder_title{
		font-size: 20px;
		line-height: 1.75;
		font-family: KaioRegular;
		}

	.footer_menu_header{
		font-size: 18px;
		line-height: 1;
		font-family: KaioMedium;
		}

	.footer_menu_link{
		font-family: "Montserrat", sans-serif;
		font-weight: 600;
		font-size: 14px;
		}

	.portfolio_tag_title{
		font-family: "Montserrat", sans-serif;
		font-weight: 400;
		font-size: 18px;
		}

	.portfolio_tag{
		font-family: "Montserrat", sans-serif;
		font-weight: 400;
		font-size: 18px;
		}

	.tag{
		background-color: #2DA050;
		border: 1px solid #2DA050;
		color: #ffffff;
		}

	.tag:hover{
		background-color: #ffffff;
		border: 1px solid #2DA050;
		color: #2DA050;
		}

	.button1{
		padding: 23px 50px;
		font-family: "Montserrat", sans-serif;
		font-weight: 400;
		font-size: 28px;
		}

	.button2{
		padding: 23px 50px;
		font-family: KaioBold;
		font-size: 33px;
		color: #92E200;
		background-color: #007A53;
		border: 1px solid #007A53;
		}

	.button2:hover{
		color: #007A53;
		background-color: #92E200;
		border: 1px solid #92E200;
		}

	.button3{
		padding: 23px 50px;
		font-family: KaioMedium;
		font-size: 28px;
		color: #92E200;
		background-color: #007A53;
		border: 1px solid #007A53;
		}

	.button3:hover{
		color: #007A53;
		background-color: #92E200;
		border: 1px solid #92E200;
		}

	}