/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

@font-face {
  font-family: 'BigShoulders';
  src: url('Fonts/BigShoulders-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}



@font-face {
  font-family: 'Geist';
  src: url('Fonts/Geist-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

.my-label{
	font-size:14px;
	background-color: #DCE62D;
	color: #000;
	padding: 5px 10px;
	border-radius: 8px;
	margin-bottom: 15px!important;
}

@media screen and (max-width: 768px) {
	.my-label{
		padding: 5px 10px;
		margin-bottom:0!important;
		font-size: 12px;
	}
	
	.mobile-button-container{
		display: flex;
		justify-content: center;
	}
}

a.my-cta-button{
	font-size: 18px!important;
	background-color: #DCE62D;
	color: #000;
	padding: 8px 16px!important;
	border-radius: 8px!important;
	font-weight: 600!important;
	font-family:Geist!important
}

a.my-cta-button.blue{
	background-color: #86b5af;
}

a.my-cta-button:hover{
	cursor: pointer;
}

.text .new-li-green li:before {
    color: #DCE62D;
}

.text .new-li-black li:before {
    color: #000;
}

ul.new-li-green li,
ul.new-li-black li{
	font-weight: 500;
	font-family:Geist;
	line-height:1.8;
}